/** Shopify CDN: Minification failed

Line 3873:69 Expected identifier but found "{"
Line 3873:70 Unexpected "{"
Line 3873:80 Expected ":"
Line 13015:2 Expected percentage but found "@media"
Line 13852:16 Expected "{" but found "("
Line 16056:0 Unexpected "}"
Line 16148:0 Unexpected "}"
Line 17689:146 Expected identifier but found whitespace
Line 17689:148 Unexpected "{"
Line 17689:157 Expected ":"
... and 6 more hidden warnings

**/
/* theme-bundle.css - GENERATED, do not edit by hand.
   Concatenation of the theme's stylesheets in original cascade order,
   replacing ~44 render-blocking requests. Rebuild after editing any source CSS. */

/* ==== base.css ==== */
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 1;
  --alpha-badge-border: 0.1;
}
.no-js:not(html) {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

/* component-button */
/* Button - default */

.button--primary, .button, button{
   --button-color: var(--color-button);
  --button-color-text: var(--color-button-text); 
  --color-hover-button:var(--color-secondary-button);
  --color-button-hover-text:var(--color-secondary-button-text); 
  --alpha-button-background: 1;
}
.button--secondary,
.button--tertiary {
  --button-color: var(--color-secondary-button);
  --button-color-text: var(--color-secondary-button-text); 
  --color-hover-button:var(--color-button);
  --color-button-hover-text:var(--color-button-text); 
  --alpha-button-background: 1;
}


.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --content-padding: var(--product-card-content-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --content-padding: var(--collection-card-content-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --content-padding: var(--blog-card-content-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
}
.close_icon_button {
  color: var(--color-icon);
  transition: all var(--duration-default) linear;
}
.close_icon_button:hover {
  color: rgb(var(--color-link-hover));
}

html {
  box-sizing: border-box;
  height: 100%;
   font-size: calc(var(--font-body-scale) * 62.5%);
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
   font-size: var(--font-base-size);
  line-height: var(--font-body-line-height);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

.dt-sc-column {
  display: grid;
  width: 100%;
  row-gap: var(--grid-desktop-horizontal-spacing);
  column-gap: var(--grid-desktop-vertical-spacing);
  margin-bottom: 30px;
  margin-left: 0;
  padding: 0;
  grid-auto-flow: row dense;
}
.dt-sc-column.two-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.dt-sc-column.three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.dt-sc-column.four-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.dt-sc-column.five-column {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.dt-sc-column.six-column {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.dt-sc-column.seven-column {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.dt-sc-column.eight-column {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.dt-sc-column.nine-column {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
.dt-sc-column.ten-column {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.dt-sc-column.eleven-column {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}
.dt-sc-column.twelve-column {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.two-third-one-third {
  grid-template-columns: 2fr 1fr;
}
.three-fourth-one-fourth {
  grid-template-columns: 3fr 1fr;
}
.four-fifth-one-fifth {
  grid-template-columns: 4fr 1fr;
}
.one-third-two-third {
  grid-template-columns: 1fr 2fr;
}
.one-fourth-three-fourth {
  grid-template-columns: 1fr 3fr;
}
.one-fifth-four-fifth {
  grid-template-columns: 1fr 4fr;
}
.double-quarter-half {
  grid-template-columns: 1fr 1fr 2fr;
}
.double-quarter-one-half {
  grid-template-columns: 1fr 1fr 2fr;
}

.no-js .sub-menu-block {
  display: none;
}
.video-popup {
  display: none;
}
/* base */
header .header-contact svg.icon {
  width: 20px;
  height: 20px;
  font-size: var(--font-h5-size);
  top: 4px;
  position: relative;
  margin-right: 5px;
}

.page-width {
  max-width: calc(var(--page-width) + 8rem);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 4rem;
  }

  .page-width--narrow {
    padding: 0 4rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 4rem;
  }
}

@media screen and (min-width: 990px) {
  .page-width--narrow {
    padding: 0;
  }

  .page-width-desktop {
    max-width: calc(var(--page-width) + 8rem);
    padding: 0 5rem;
  }
}
.page-full-width {
  max-width: 100%;
  width: 100%;
}
.page-full-width.page-full-width_spacing .row {
  margin: 0 var(--page-full-width-spacing);
}
@media screen and (max-width: 990px) {
  .page-full-width.page-full-width_spacing .row {
    margin: 0 var(--page-full-width-spacing);
      /* margin: 0 calc(var(--page-full-width-spacing) / 2); */
  }
}
@media screen and (max-width: 749px) {
  .page-full-width.page-full-width_spacing .row {
    margin: 0 1.5rem;
  }
}
@media screen and (max-width: 1240px) {
  .page-width {max-width: calc(var(--page-width-laptop) + 8rem);}
}
@media screen and (max-width: 1000px) {
  .page-width {max-width:calc(var(--page-width-tab) + 8rem);}
}
@media screen and (max-width: 750px) {
  .page-width {max-width:100%;}
}

.isolate {
  position: relative;
  z-index: 1;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 11rem auto;
}
.shopify-challenge__container .g-recaptcha {
  margin: 5rem 0;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: var(--font-base-size);
  line-height: var(--font-body-line-height);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1, .h1, h1 a { font-size: var(--font-h1-size); } 
h2, .h2, h2 a { font-size: var(--font-h2-size); }
h3, .h3, h3 a { font-size: var(--font-h3-size); }
h4, .h4, h4 a { font-size: var(--font-h4-size); }
h5, .h5, h5 a { font-size: var(--font-h5-size); }
h6, .h6, h6 a { font-size: var(--font-h6-size); }

@media(max-width:1540px) {
  h1, .h1, h1 a { font-size: calc(var(--font-h1-size) * .8 ); }
}

@media(max-width:1199px) {
  h1, .h1, h1 a { font-size: calc(var(--font-h1-size) * .55 ); }
   h2, .h2, h2 a { font-size: calc(.75 * var(--font-h2-size)); }
}
@media(max-width:576px) {
  h1, .h1, h1 a { font-size: calc(var(--font-h1-size) * .45 ); }
  h2, .h2, h2 a { font-size: calc(.75 * var(--font-h2-size)); }
  h3, .h3, h3 a { font-size: calc(.85 * var(--font-h3-size)); }
  h4, .h4, h4 a { font-size: calc(.85 * var(--font-h4-size)); }
  h5, .h5, h5 a { font-size: calc(0.9 * var(--font-h5-size)); }
  h6, .h6, h6 a { font-size: calc(1 * var(--font-h6-size)); }
}
@media(max-width:480px) {
  h1, .h1, h1 a { font-size: calc(var(--font-h1-size) * .4 ); }
  h2, .h2, h2 a { font-size: calc(.65 * var(--font-h2-size)); }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: rgb(var(--color-foreground));
  line-height:1.17;
  word-break: break-word;margin:0;
  text-transform: capitalize;
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}



.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: var(--font-base-size);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  font-weight: 400;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: var(--font-base-size);
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .mobile-hide {
    display: none !important;
  }
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 1;
}

/* a:empty, */
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

a {
  text-decoration: none;
  transition: all var(--duration-default) linear;
  color:rgb(var(--color-foreground));
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: none;
  /*   text-underline-offset: 0.3rem; */
  color:rgb(var(--color-link));
  background-color: transparent;
  font-size: var(--font-base-size);
  font-family: inherit;
  transition: all var(--duration-default) linear;
}

.link--text {
  color: rgb(var(--color-foreground));
}
.link:hover,
.customer a:hover {
  color: rgb(var(--color-link-hover));
}



.link-with-icon {
  display: inline-flex;
  font-size: var(--font-base-size);
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: "|";
  margin: 0 0.3rem 0;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  /*   text-decoration: none; */
  color: currentColor;
  /*   display: block; */
  display: inline-block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 300ms;
  --duration-long: 500ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.underlined-link:hover,
.customer a:hover {
  color:rgba(var(--color-link-hover));
}

.icon-arrow {
  width: 18px;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

/* 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.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

/* Sidebar carousel */

.optional-sidebar {
  display: flex;
  flex-direction: column;
  width: var(--sidebar-width);
     /* margin-top: 35px;  */
}
.optional-sidebar #accordian li {
  line-height: normal;
}
.product-list-style .quick-add.button-quick-add {
  display: none;
}
.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}
ul.product-list-style .card__content {
  padding: 0 15px;
}
ul.product-list-style .product-icons,
ul.product-list-style .card__content .variant-option-color,
ul.product-list-style .card__content .variant-option-size {
  display: none;
}
ul.product-list-style li:not(:last-child) {
  margin-bottom: 30px;
}
ul.product-list-style .card .card__inner .card__media {
  border-radius: 0;
}
ul.product-list-style .card {
  display: grid;
  grid-template-columns: 1.5fr 2.5fr;
  gap: 0;
  padding: 0;
}
.filter-panel-menu #accordian ul ul{padding-left:20px;}
.optional-sidebar .filter-panel-menu li a:hover {
  color: rgba(var(--color-link-hover));
}

.facets-container .button-show-more{padding:10px 0 0;}
.widget.product-sidebar-type-carousel .swiper-sidebar-arrows.swiper-arrows {
      position: relative;display:flex;justify-content:center;margin-top:20px;
}
.widget.product-sidebar-type-carousel #swiper-sidebar-carousel{position:relative;}
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-prev
  svg,
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-next
  svg {
  width: 6px;
  height: 12px;
  fill: currentColor;
}

.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-next span,
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-prev span {display:flex;}
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-next span svg,
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-prev span svg{display:none;}
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-prev,
.widget.product-sidebar-type-carousel
  .swiper-sidebar-arrows.swiper-arrows
  .swiper-button-next {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  border-radius: 50%; transition: all 0.3s linear;
  position: relative;
    right: 0;
    left: 0;
    top: auto;
    opacity: 1;
    transform: none;
}
.widget.product-sidebar-type-image .collection-widget .collection__image img, .widget-image .collection-widget .collection__image img{filter: brightness(0.8);}
.widget.product-sidebar-type-carousel .swiper-sidebar-arrows.swiper-arrows .swiper-button-next.swiper-button-disabled, .widget.product-sidebar-type-carousel .swiper-sidebar-arrows.swiper-arrows  .swiper-button-prev.swiper-button-disabled{opacity:0.5;}
.widget.product-sidebar-type-collection .card__information .card__heading{font-size:var(--font-h6-size);}
.widget.product-sidebar-type-collection .card__information .price{font-size:calc(var(--font-base-size) - 2px)} 
.widget.product-sidebar-type-image .collection-widget, .widget-image .collection-widget{ position: relative;}
.widget.product-sidebar-type-image  .collection-widget .collection__image, .widget-image .collection-widge  .collection__image{line-height:0; display: flex;}
.widget.product-sidebar-type-image  .collection-widget .collection__image img, .widget-image .collection-widget .collection__image img{width:100%;border-radius: var(--media-radius);}
.widget.product-sidebar-type-image  .collection-widget  a.link, .widget-image .collection-widget  a.link{position: absolute; bottom: 24px; left: 0; right: 0; margin: auto; width: fit-content;color: rgba(var(--color-background));}
.widget.product-sidebar-type-image  .collection-widget  a.link:hover, .widget-image .collection-widget  a.link:hover{color: rgba(var(--color-background),0.8);}
.widget.product-sidebar-type-carousel .swiper-sidebar-arrows.swiper-arrows .swiper-button-next:after, .widget.product-sidebar-type-carousel .swiper-sidebar-arrows.swiper-arrows .swiper-button-prev:after{font-size:10px;}

/*Sidebar menu */
.sidebar .StickySidebar > div[class*="filter-panel"] ul,
.sidebar > div[class*="filter-panel"] ul,
.widget[class*="product-sidebar"] ul {
  margin: 0;
  padding: 0;
}
#accordian li {
  position: relative;
  cursor: pointer;
}
#accordian a {
  margin-right: 30px;
}
.filter-panel-menu ul li a,
.product-sidebar-type-menu li a {
  display: block;
  padding: 0;
  position: relative;
  color: rgb(var(--color-foreground));

}
.filter-panel-menu ul li:not(:last-child) a,
.filter-panel-menu > .filter-panel > ul > li > a,
.product-sidebar-type-menu li:not(:last-child) a {
  margin: 0 0 16px;
}
#main-collection-filters .filter-panel-menu {padding: 30px 0 30px; border-bottom: 1px solid rgba(var(--color-border));}
.filter-panel-menu ul li a:hover{color:rgba(var(--color-link-hover));}
#accordian ul ul {
  display: none;
  padding-left: 30px;
}
ul ul {
  list-style-type: circle;
}
#accordian a:not(:only-child):after {
  content: "+"; /*     font-family: fontawesome; */
  position: absolute;
  left: 100%;
  width: 30px;
  text-align: center;
  font-size: var(--font-h5-size);
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
}
#accordian .active > a:not(:only-child):after {
  pointer-events: none;
  content: "-";
}
.filter-panel-menu ul ul li {
  font-size: var(--font-base-size);
  list-style: disc;
}
/*sidebar*/
.optional-sidebar .sidebar_title,
.filter-panel-menu .sidebar_title,
.blog-sidebar .sidebar_title{
  font-size: var(--font-h5-size);
  margin: 0px 0 20px;
  font-weight: var(--font-heading-weight);position:relative;
  text-transform: capitalize;
}

.optional-sidebar > *:not(:last-child, :first-child) { border-bottom: 1px solid rgba(var(--color-border),0.09);padding-bottom:30px;}
.optional-sidebar > * {padding-top:30px;}
.optional-sidebar ul,
.filter-panel ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.optional-sidebar ul.product-list-style .card, 
.optional-sidebar ul.product-list-style .card__information, 
.optional-sidebar ul.product-list-style .card__information .price--on-sale .price__sale {
  text-align: left;justify-content: flex-start;
}
#FacetsWrapperDesktop .field__input {
  padding: 1rem;
  font-size: var(--font-base-size);
}
#FacetsWrapperDesktop .field__label {
  top: calc(0.8rem + var(--inputs-border-width));
}
.optional-sidebar span.close-sidebar svg,
.blog-sidebar span.close-sidebar svg{
  width: 1.5rem;height:1.5rem;fill:currentcolor;
}
.optional-sidebar span.close-sidebar,
.blog-sidebar span.close-sidebar{
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin:0;
  margin-bottom:25px!important; 
  z-index: 1;
  display: flex;
  cursor: pointer;
  transition: all 0.3s linear;
  margin-left: auto;padding:0;
}
.optional-sidebar span.close-sidebar:hover,
.blog-sidebar span.close-sidebar:hover{color:rgb(var(--color-button));}
.optional-sidebar .product-sidebar-type-collection .card__information .card__heading a{font-size: var(--font-h6-size);}

@media screen and (max-width: 1199px) {
  .optional-sidebar {
    width: var(--sidebar-width);
  }
}
@media screen and (min-width: 1200px) {
  button.toggleFilter {
    display: none;
  }
  .optional-sidebar span.close-sidebar {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  /*   .optional-sidebar {
    display: none;
  } */
  .facets-vertical.sidebar-left.open .optional-sidebar {
    left: 0;
  }
  .main-product-template .facets-vertical .optional-sidebar,
  .main-product-template .facets-vertical.sidebar-right .optional-sidebar {
    position: fixed !important;
    overflow-y: scroll !important;
    padding: 15px;
    max-width: 80%;
    top: 0;
    left: calc(var(--sidebar-width) * -1);
    height: 100%;
    background: rgb(var(--color-background));
    margin: 0;
    z-index: 17;
    transition: all 0.5s linear;
  }
  .main-product-template .facets-vertical.sidebar-right.open .optional-sidebar,
  .main-product-template .facets-vertical.sidebar-right.open .optional-sidebar {
    left: 0;
  }
  .main-product-template .facets-vertical.sidebar-right.open:after,
  .main-product-template .facets-vertical.sidebar-left.open:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
    background-color: rgba(0, 0, 0, 0.7);
    transition:all 0.5s linear;
  }

}


@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 3;
  }
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/
.facet-filters .facets__display {
  width: 214px;
}
.facet-filters .facet-filters__sort {
    font-weight: 500;
    font-size: 1.4rem;
}
*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}
.facet-filters.sorting .facets__display {
    width: 100%;
    left: auto;
    min-width: 260px;
    right: 0;
}
/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
  text-transform: uppercase;
}

.title-wrapper-with-link .title {
  margin: 0;
}
.title-wrapper-with-link> * {
    margin: 0;
}
.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  text-transform: capitalize;
}
.title--primary {
  margin: 4rem 0;
}
.title-wrapper-with-link.content-align--left {
  align-items: flex-start;
  text-align: left;
}
.title-wrapper-with-link.content-align--center {
  align-items: center;
  text-align: center;
}


@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 6rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
  width: 1.5rem;
}

/* .title-wrapper-with-link a {
  color: rgb(var(--color-link));
  margin-top: 0;
  flex-shrink: 0;
} */

.title-wrapper--no-top-margin {
  margin-top: 0;
}

 /* .title-wrapper--no-top-margin > .title,
.title-wrapper--no-top-margin > .sub-heading,
.title-wrapper--no-top-margin > .description {
  margin-bottom: 1rem;
  margin-top:0;
} 
.title-wrapper-with-link a.button {
    margin-top: 0.5rem;
} */
 .title-wrapper-with-link > *:not(:last-child){ margin: 0 0 1rem;} 


.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}
.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}
/*swiper loading zoom issue code*/
@media screen and (min-width: 1200px){
  .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-2,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-2{
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
      max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
      margin-right: 30px;
    }
    .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-3,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-3{
      width: calc(33.33% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 3);
      max-width: calc(33.33% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 3);
      margin-right: 30px;
    }
      .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-3-half,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-3-half{
      width: calc(28.57% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 6);
      max-width: calc(28.57% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 6);
      margin-right: 30px;
    }
    .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-4,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-4{
      width: calc(25% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
        max-width: calc(25% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
      margin-right: 30px;
    }
      .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-4-half,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-4-half{
      width: calc(22.22% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 8);
        max-width: calc(22.22% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 8);
      margin-right: 30px;
    }
    .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-5,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-5{
      width: calc(20% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 4 / 5);
        max-width: calc(20% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 4 / 5);
      margin-right: 30px;
    }
      .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-5-half,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-5-half{
      width: calc(18.18% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 5);
        max-width: calc(18.18% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 5);
      margin-right: 30px;
    }
   .swiper:not(.swiper-initialized) .swiper-wrapper .desk-col-6,  .swiper:not(.swiper-initialized) .swiper-wrapper.desk-col-6{
      width: calc(15.66% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 5 / 6);
        max-width: calc(15.66% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 5 / 6);
      margin-right: 30px;
    }
    }
  @media screen and (max-width: 1199px){
     .swiper:not(.swiper-initialized) .swiper-wrapper .lap-col-3, .swiper:not(.swiper-initialized) .swiper-wrapper.lap-col-3{
      width: calc(33.33% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 3);
      max-width: calc(33.33% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 2 / 3);
      margin-right: 30px;
    }
    .swiper:not(.swiper-initialized)  .swiper-wrapper .lap-col-3-half, .swiper:not(.swiper-initialized)  .swiper-wrapper.lap-col-3-half{
      width: calc(28.57% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 1 / 3);
      max-width: calc(28.57% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 1 / 3);
      margin-right: 30px;
    }
   .swiper:not(.swiper-initialized) .swiper-wrapper .lap-col-4, .swiper:not(.swiper-initialized) .swiper-wrapper.lap-col-4{
      width: calc(25% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
        max-width: calc(25% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
      margin-right: 30px;
    }
    .swiper:not(.swiper-initialized)  .swiper-wrapper .lap-col-4-half,  .swiper:not(.swiper-initialized)  .swiper-wrapper.lap-col-4-half{
      width: calc(22.22% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
        max-width: calc(22.22% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 3 / 4);
      margin-right: 30px;
    }
   .swiper:not(.swiper-initialized) .swiper-wrapper .lap-col-5, .swiper:not(.swiper-initialized) .swiper-wrapper.lap-col-5{
      width: calc(20% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 4 / 5);
        max-width: calc(20% - calc(var(--grid-desktop-horizontal-spacing) - var(--grid-desktop-horizontal-spacing)) * 4 / 5);
      margin-right: 30px;
    }
    }

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
  
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}

@media screen and (min-width: 990px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .theme__default-footer_style
    .footer__blocks-wrapper.grid--4-col-tablet
    .grid__item {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}

@media screen and (min-width: 1200px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 1199px) {
  .grid--6-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--5-col-desktop .grid__item {
     width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 749px) {
  .grid--6-col-desktop .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
  .grid--5-col-desktop .grid__item {
     width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
  .grid--4-col-desktop .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing)  / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing)  / 2);
  }
  .grid--3-col-desktop .grid__item {
     width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
  
}
@media screen and (max-width: 480px) {
   .grid--6-col-desktop .grid__item {
      width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    }
  .grid--4-col-desktop .grid__item {
      width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing)  / 2);
  }
  .grid--2-col-tablet-down .grid__item {
       width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
}
@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 47%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 0;
  }

  .grid--peek.slider .grid__item:last-of-type {
    margin-right: 0;
  }
.collection .slider--tablet.product-grid{    scroll-padding-left: 0rem;}
  /*   .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  } */
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
/*     width: calc(50% - var(--grid-mobile-horizontal-spacing) - 0rem); */
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item
  /*,.grid--1-col-tablet-down .grid__item*/ {
    /*     width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem); */
    width: 100%;
    max-width: 100%;
  }
}
/* @media screen and (max-width: 480px) {
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: 50%;
  }
} */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing));
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing));
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .slider--tablet.grid--peek .grid__item:last-of-type {
    margin-right: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    /*     width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem); */
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
}

/* component-media */
img {
  max-width: 100%;
  object-fit: cover;
  height: auto;
}
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 990px) {
.main-product-template .media > *:not(.zoom):not(.deferred-media__poster-button){
 cursor: crosshair;
} 
  .zoomContainer{overflow:hidden;} 
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role="button"],
.cart__dynamic-checkout-buttons [role="button"],
.cart__dynamic-checkout-buttons iframe {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --border-offset: var(
    --buttons-border-offset
  ); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
  transition: all var(--duration-default) linear;
}

.button,
.button-label,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(8rem + var(--buttons-border-width) * 2);
  min-height: calc(6rem + var(--buttons-border-width) * 2);
  font-size: var(--font-base-size);
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 3rem;
}

.shopify-payment-button__button--branded {
  z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius)
    rgba(var(--color-base-text), var(--shadow-opacity));
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  color: rgb(var(--button-color-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  white-space: nowrap;
  appearance: none;
  background-color: rgba(var(--button-color));
  transition: all 0.3s linear;
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  transition: all var(--duration-default) linear;
}
.button:not([disabled]):hover,
.shopify-challenge__button:not([disabled]):hover,
.customer button:not([disabled]):hover {
  background-color:rgba(var(--color-hover-button));
  color: rgba(var(--color-button-hover-text));
}



.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role="button"]:before,
.cart__dynamic-checkout-buttons [role="button"]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: "";
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width)
      rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

/* .button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 0px)
      rgba(var(--color-button-text), var(--alpha-button-background));
} */

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(
    .focused
  ),
.shopify-payment-button
  [role="button"]:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button--tertiary {
  font-size: var(--font-base-size);
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Button - other */

.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  background: transparent;
}

/* .button.loading > .loading-overlay__spinner .path {
  stroke: rgb(var(--color-button-text));
} */

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: var(--font-base-size);
  display: flex;
  align-items: center;
  color: rgb(var(--color-base-accent-1));
  margin-left: 0;
  padding-left: 0;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}


.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
 margin-right: 1rem;
}
.share-button__button {
  font-size: var(--font-base-size);
  font-weight: 700;
  transition:all 0.3s linear;
}
.share-button__button:hover {
    color: rgba(var(--color-hover-button));
}
.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left:auto;
  right:0;
  background:rgb(var(--color-background));
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused)
  + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused)
  + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-input));
  font-size: var(--font-base-size);
  width: 100%;
  box-sizing: border-box;
  transition: all var(--duration-default) linear;
  border-radius: var(--inputs-radius);
  height: 5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: var(--inputs-border-width)  solid rgba(var(--color-border),var(--inputs-border-opacity));
}



.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--font-base-size);
  color: rgba(var(--color-foreground), 1);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: none;
  outline: 0;
  /* border-radius: var(--inputs-radius); */
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground));
  outline: 0;
  /* border-radius: var(--inputs-radius); */
}
/* .field.field--with-error input {
    border: 1px solid red;
}
.field.field--with-error input:focus{
  box-shadow: 0 0 0 calc(0.1rem + 0rem) red;
} */
.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: none;
  outline: 0;
  /* border-radius: var(--inputs-radius); */
  border: var(--inputs-border-width) solid rgb(var(--color-foreground));
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .icon-caret,
.customer select + svg {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: calc(var(--inputs-border-width) + 1.5rem);
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 1rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  margin: var(--inputs-border-width);
  transition: all var(--duration-default) linear;
   padding:10px 20px;
}

.field__label,
.customer .field label {
  font-size: var(--font-base-size);
  left: calc(var(--inputs-border-width) + 3rem);
  top: calc(2rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: all var(--duration-default) linear;
  color: rgb(var(--color-foreground));
  letter-spacing: 0.1rem;
  line-height: 1.5;
  display: none;
 
}



.field__button {
  align-items: center;
  background-color: rgba(var(--color-button));
  border: 0;
  color: rgb(var(--color-button-text));
  cursor: pointer;
  display: flex;
  height: 5rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
  transition: all 0.3s linear;
  font-weight:var(--font-heading-weight);
  text-transform:uppercase;
  font-family: var(--font-heading-family);
}

.field__button > svg {
  height: 1.5rem;
  width: 1.5rem;
}

/* .field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
} */

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 12rem;
  resize: none;
}

input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height:16px;
  margin-right: 0.5rem;
  cursor:pointer;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: var(--font-base-size);
  line-height: normal;
  margin-top: 1rem;
}



.customer .field .form__message {
  font-size: var(--font-base-size);
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: var(--font-base-size);
}
.form-status *:focus-visible,
.form__message *:focus-visible {
  outline: none;
  outline-offset: unset;
  box-shadow: none;
}
.form-status-list {
  padding: 0;
  margin: 2rem 0 2rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(13.8rem  + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 5.2rem);
  border: 0.1rem solid rgba(var(--color-border),0.09);
}

.quantity:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  /* border: 0.1rem solid rgba(var(--color-border)); */
  border-radius: var(--inputs-radius);
  /* box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-border), var(--inputs-border-opacity)); */
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-border), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-size: var(--font-base-size);
  font-weight: var(--font-heading-weight);
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.2rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: 4.5rem ;
  flex-shrink: 0;
  font-size: var(--font-base-size);
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
  border-radius: 0 var(--buttons-radius) var(--buttons-radius) 0;
  transition: all 0.3s linear;
}
.quantity__button:first-child {
  border-radius: var(--buttons-radius) 0 0 var(--buttons-radius);
}
.quantity__button:hover {
  background: rgb(var(--color-secondary-button));
    color: rgb(var(--color-secondary-button-text));
}

.quantity__button svg {
  width: 1.2rem;
  pointer-events: none;
}
.quantity__input:focus-visible {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}
.quantity__button:focus-visible,
.quantity__input:focus-visible {
  /*   background-color: rgb(var(--color-background)); */
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  /*   background-color: rgb(var(--color-background)); */
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  /*   background-color: inherit; */
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type="number"] {
  -moz-appearance: textfield;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.no-js details[open] .modal__toggle {
  position: absolute;
  z-index: 5;
}

.modal__toggle-close {
  display: none;
}

.no-js details[open] svg.modal__toggle-close {
  display: flex;
  z-index: 1;
  height: 1.7rem;
  width: 1.7rem;
}

.modal__toggle-open {
  display: flex;
}

.no-js details[open] .modal__toggle-open {
  display: none;
}

.no-js .modal__close-button.link {
  display: none;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  color: rgb(var(--color-button));
   background-color: rgb(var(--color-button-text));
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--font-base-size) - 6px);
  top: -0.4rem;
  right: -0.5rem;
  line-height: 1.6rem;
  z-index: 1;
  font-weight: 500;
}

dtx-wish-count.dtxc-wishlist-count.wishlist-count-bubble,
dtx-compare-count.dtxc-compare-count.compare-count-bubble.count-exist{
  position: absolute;
  color: rgb(var(--color-button));
   background-color: rgb(var(--color-button-text));
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--font-base-size) - 6px);
  top: -0.4rem;
  right: -0.7rem;
  line-height: 1.6rem;
  z-index: 1;
  font-weight: 500;
}

/* .grid-count-bubble {  position: relative;  top: 1px;  left: 1px;} */
/* section-announcement-bar */
#shopify-section-announcement-bar {
  z-index: 1; 
}

.announcement-bar {
  color: rgb(var(--color-foreground));
}
 

.announcement-bar__link {
  display: block;
  width: 100%;
}
.announcement-bar__link:hover p {   color: rgb(var(--color-link-hover));}
.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__link .announcement-bar__message {
  padding: 0;
}

.announcement-bar__message {
  text-align: center;
  padding: 0.8rem 2rem;
  margin: 0;
  letter-spacing: 0;
  font-size: var(--font-base-size);
  transition:all 0.3s linear;
}
@media screen and (max-width: 450px) {
  .announcement-bar__message {font-size: calc(var(--font-base-size) - 2px);}
}
/* section-header */
#shopify-section-header {
  /*   z-index: 3; */
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
  z-index: 3;
}

/* .shopify-section-header-hidden {
  transform: translateY(-100%);
} */

/* .shopify-section-header-hidden.menu-open {
  transform: translateY(0);
} */
.shopify-section-header-sticky{
      animation-name: sticky-header;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
@keyframe sticky-header{
 0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
} 
}


#shopify-section-header.animate {
  transition: transform 0.15s ease-out;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  /*   background-color: rgb(var(--color-background)); */
}

.header-wrapper--border-bottom{
  border-bottom: 0.1rem solid rgb(var(--color-border));
}
.index-header {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  right: 0;
}
.header .header-row {
  display: grid;
  grid-template-areas: "heading left-icon icons";
  row-gap: 10px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  left: 0;
  right: 0;
  column-gap: 10px;
}
.header .localization-form:only-child {
  margin: 0;
}
.header .localization-form:only-child .button,
.header .localization-form:only-child .localization-form__select {
  margin: 0;
}
.header .disclosure__button {
  padding-top: 0;
  padding-bottom: 0;
  /* height: 3rem; */
}
.header .localization-form:only-child {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .index-header {
    position: relative;
  }
}

.header *[tabindex="-1"]:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
  align-items: center;
  display: flex;
}

.header__heading-link {
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  /*   width: 100%; */
}

@media screen and (max-width: 1279px) {
  .header__heading,
  .header__heading-link {
    text-align: left;
    justify-self: start;
  }
}


@media screen and (min-width: 1280px) {
 
  .header__heading,
  .header__heading-link {
    justify-self: start;
  }
}

/* Header icons */
.header__icons {
  grid-area: icons;
  justify-self: end;
  display: flex;
  align-items: center;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
  /*   top: -2px; */
  position: relative;
}

.header__icon::after {
  content: none;
}

/* .header__icon:hover .icon, */
/* .header__icon:hover svg, */

.modal__close-button:hover .icon,
.search__button:hover .icon-search,
.icon-search:hover svg, .header__icon--wishlist:hover svg, .header__icon--compare:hover svg
{
  color: rgb(var(--color-link-hover));
}
.header__icon:hover{color: rgb(var(--color-link-hover));}
.header__icon .icon,
.header__icon svg,
.modal__close-button .icon,
.search__button .icon-search,
.icon-search svg, .header__icon--wishlist svg, .header__icon--compare svg {
  transition: all var(--duration-default) linear;
}
.header__icon .icon {
  height: 2.3rem;
  width: 2.3rem;
  fill: none;
  vertical-align: middle;
  transition: all var(--duration-default) linear;
}

.header__icon--cart {
  position: relative;
  /*   margin-right: -1.2rem; */
}
.header__icon--wishlist,
.header__icon--compare {
  position: relative;
}
@media screen and (max-width: 750px) {
  .header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 989px) {
  menu-drawer ~ .header__icons .header__icon--account {
    display: none;
  }
}
.header__icon--menu[aria-expanded="true"]::before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  width: 100%;
  display: block;
  position: fixed;
  background: rgba(var(--color-foreground), 0.5);
  top: 0;
  z-index: 9999;
  height: 100vh;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icon;
  justify-self: start;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}
.header .search-box .search-modal__content {
  padding: 0;
}

.no-js .predictive-search {
  display: none;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: "";
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.no-js details[open] > .header__icon--search {
  top: 1rem;
  right: 0.5rem;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(
    100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width))
  );
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 47.8rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width:20px;height:20px;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  /*   margin-left: -1.2rem; */
  grid-area: navigation;
  display: none;
  width: 100%;
}
.header__inline-menu.secondary-menu {
  grid-area: secondary-menu;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header--top-center .header__inline-menu {
    justify-self: center;
    /*     margin-top: 15px;
    margin-bottom: 15px; */
    width: 100%;
  }
  /*   .header--top-center .header__inline-menu #AccessibleNav{justify-content: center;} */

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
    padding: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  /*   text-decoration: none; */
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

/* .header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
} */

/* .header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
} */

/* details[open] > .header__menu-item {
  text-decoration: underline;
} */

/* details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
} */

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  /*   transition: text-decoration-thickness var(--duration-short) ease; */
  color: rgb(var(--color-foreground));
  /*   text-decoration: underline;
  text-underline-offset: 0.3rem; */
}

/* .header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
} */

.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.header__submenu.list-menu {
  padding: 2.4rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2.4rem;
}

.header__submenu .header__submenu .header__menu-item {
  padding-left: 3.4rem;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  from {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.overflow-hidden-mobile,
.overflow-hidden-tablet {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: hidden;
  }
}

/* @media screen and (min-width: 1024px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
} */

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: calc(var(--font-base-size) - 2px);
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-foreground));
  border-color: rgb(var(--color-foreground), var(--alpha-badge-border));
  color: rgb(var(--color-badge-background));
  word-break: break-word;font-weight: 500;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid
    rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: "";
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: "";
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}
/* product page thumbnail slick slider height issue when click color variant */
.height_fix {
  height: 350px !important;
}

/* Advanced product tagging*/
.adv-product-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 20px;
  padding: 0;margin:0;
}
.adv-product-list li {
  padding: 5px;
  list-style: none;
}
.adv-product-list .products a img {
  aspect-ratio: 1/1;
}
.adv-product-list .carousel-block-list.active {
  box-shadow: 0px 0px 15px var(--gradient-base-accent-1);
  border: 1px solid var(--gradient-base-background-2);
}
.adv-product-list .products .product-detail {
  padding: 10px 0 0;
}
.adv-product-list .products .product-detail .grid-link__title {
  text-align: center;
}
.adv-product-list .products .product-detail .grid-link__title a {
  display: block;
  font-size: calc(var(--font-base-size) - 4px);
}
.adv-product-list li a{display:block;line-height: normal;}
.adv-product-list li a span {
  color: rgba(var(--color-foreground), 1);
  transition: all var(--duration-default) linear;
  font-size: calc(var(--font-base-size) - 2px);
  line-height: 20px;
}
.adv-product-list li:hover a span {
  color: rgb(var(--color-hover-button));
}

@media screen and  (max-width:480px){
  .adv-product-list {grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));grid-gap:8px;}
  .adv-product-list li{padding:5px 0;}
}

/* Html section in product page */
.html-sections-product svg {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 10px;
}
.flag-icon {
  margin-left: 15px;
}
.disclosure .localization-form__select:after {
  display: none;
}
.button-quick-add {
  display: flex;
  justify-content: space-around;
  grid-row-start: 4;
}
.spr-form-label {
  font-size: var(--font-base-size) !important;
}
.spr-form-title {
  font-size: var(--font-h5-size) !important;
}

/* product page new tag section */
.ribbon {
  background-color: #DA3F3F;
  z-index: 999;
  width: max-content;
  height: 24px;
  text-align: center;
  top: 20px;
  left: 20px;
  line-height: 25px;
  padding:0 14px;
  position: absolute;
  /* cursor: pointer; */
  pointer-events:none;
  user-select: none;
  color:rgb(var(--color-background));
  font-size: calc(var(--font-base-size) - 2px);
  text-transform: uppercase;
  letter-spacing: 2.6px;
}
/*@media screen and (max-width: 750px) {
  .ribbon {
    width: 100px;
    left: 0;
  }
}
 .ribbon:before {
  border-color: #f2b500 #f2b500 #f2b500 transparent;
  left: -25px;
  border-width: 17px;
}

.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  top: 5px;
  z-index: -10;
}

.ribbon:after {
  border-color: #f2b500 transparent #f2b500 #f2b500;
  right: -25px;
  border-width: 17px;
} */
.optional-sidebar .product-deal-count {
  display: none;
}
/* .product__info-container .product-deal-count {
  display: none;
} */
/* svg {
  width: 1.6rem;
  height: 1.6rem;
} */
body.overflow-hidden-mobile .shopify-section-header-sticky {
  opacity: 0;
  z-index: 1;
}

.swiper-pagination-bullet:before {
  will-change: transform;
}

.dt-sc-rating {
  width: 100%;
  /*   float: left; */
  margin: 0 0 0px 0;
  letter-spacing: 5px;
  display: flex;
  justify-content: flex-start;
}
.dt-sc-rating div {
  display: block !important;
}
.dt-sc-rating div[class*="star-rating"] {
  position: relative;
  width: 100%;
}
.dt-sc-rating div[class*="star-rating"]:after {
  content: "\f005""\f005""\f005""\f005""\f005";
  display: block;
  position: relative;
  font-family: FontAwesome;
  color: #fec42d;
  font-size: calc(var(--font-base-size) - 2px);
  font-style: normal;
}
.dt-sc-rating div[class*="no-star-rating"]:after {
  content: "\f006""\f006""\f006""\f006""\f006";
}
.dt-sc-rating div[class*="half-star-rating"]:after {
  content: "\f123""\f006""\f006""\f006""\f006";
}
.dt-sc-rating div[class*="one-star-rating"]:after {
  content: "\f005""\f006""\f006""\f006""\f006";
}
.dt-sc-rating div[class*="one-half-star-rating"]:after {
  content: "\f005""\f123""\f006""\f006""\f006";
}
.dt-sc-rating div[class*="two-star-rating"]:after {
  content: "\f005""\f005""\f006""\f006""\f006";
}
.dt-sc-rating div[class*="two-half-star-rating"]:after {
  content: "\f005""\f005""\f123""\f006""\f006";
}
.dt-sc-rating div[class*="three-star-rating"]:after {
  content: "\f005""\f005""\f005""\f006""\f006";
}
.dt-sc-rating div[class*="three-half-star-rating"]:after {
  content: "\f005""\f005""\f005""\f123""\f006";
}
.dt-sc-rating div[class*="four-star-rating"]:after {
  content: "\f005""\f005""\f005""\f005""\f006";
}
.dt-sc-rating div[class*="four-half-star-rating"]:after {
  content: "\f005""\f005""\f005""\f005""\f123";
}

/* sidebar */
.no-sidebar .blog-content__area {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .blog-sidebar.facets-vertical {
    width: var(--sidebar-width);
  }
}
@media screen and (min-width: 1200px) {
aside.facets-wrapper.sidebar-sticky {
    width: var(--sidebar-width);
  }
}
/* @media screen and (min-width: 1024px) {
  .blog-content__area {
    width: calc(100% - Calc(380px + var(--grid-desktop-vertical-spacing)));
  }
} */
.blog-sidebar .filter-panel-menu ul li ul li:not(:last-child) a {
    margin: 0 0 5px;
}
 .filter-panel-menu ul li.linklist a,
.filter-panel-menu ul li ul li a{
    display: inline-block;
}
.blog-sidebar .filter-panel-menu ul li ul li a{
    display: inline-block;
}
.preloader-overflow {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
a#to-top .dt-sc-to-top {
  padding: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  z-index: 3;
  color: rgba(var(--color-button-text));
  background: rgb(var(--color-button));
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.overflow-hidden-tablet a#to-top {z-index:2;}
a#to-top .dt-sc-to-top:hover svg {
  fill: rgb(var(--color-button-text));
}
a#to-top .dt-sc-to-top svg {
  width: 30px;
  height: 20px;
  transition: all var(--duration-default) linear;
  fill: rgb(var(--color-button-text));
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.video_overlay {
  opacity: 1;
  visibility: hidden;
  display: none;
}
.video_overlay.open {
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 98;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}
#video_player {
  max-width: 80%;
  max-height: 80%;
  height: 360px;
  width: 640px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.video-section .video_modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: var(--DTBaseTransition);
}
#product-with-hidden-thumbs .thumbnail-slider {
  display: none;
}
/* quick view */
.quick-add-modal__content-info .optional-sidebar,
.quick-add-modal__content-info .dt-sc-enquiry-form,
.quick-add-modal__content-info .sticky-bar-form,
.quick-add-modal__content-info .html-sections-product,
.quick-add-modal__content-info .fake_counter_p,
.quick-add-modal__content-info .product-additional__information,
.quick-add-modal__content-info .product-deal-count,
.quick-add-modal__content-info .advance-product-style,
.quick-add-modal__content-info button.toggleFilter {
  display: none !important;
}
.quick-add-modal__content-info .main-product_info {
  width: 100%;
}
@media screen and (max-width: 749px) {
.quick-add-modal__content-info .main-product_info {
  width: unset;
}
}
.mobile-menu-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 98;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}
body.overflow-hidden-mobile .customer-purchased {
  display: none;
}
body.enquiry-overlay .shopify-section-header-sticky {
  opacity: 0;
}
svg.placeholder-svg {
  width: 100%;
  height: 100%;
  background:rgba(var(--color-base-accent-3), 0.5);
}
.spr-summary-actions a.spr-summary-actions-newreview {
  font-weight: 600 !important;
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4rem + var(--buttons-border-width) * 2);
  font-size: calc(var(--font-base-size) - 2px);
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 5rem;
  background-color: rgba(var(--color-button),var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  display: flex;
  justify-content: center;
  align-items: center; white-space: nowrap;
}
.spr-summary-actions a.spr-summary-actions-newreview:hover {
    background-color: rgba(var(--color-hover-button),var(--alpha-button-background));
    color: rgba(var(--color-button-hover-text));
}
/*Review form*/
[class*=" spr-icon-"]:before {
    color: #f2b500;
}
.spr-review-content-body{    font-size: var(--font-base-size) !important; line-height:normal !important; }
.spr-review-footer.rte a{    font-size: calc(var(--font-base-size) - 2px) !important; font-weight:600;border-bottom: 1px dotted;}
.spr-review-reportreview{    font-size: calc(var(--font-base-size) - 2px) !important; font-weight:600;border-bottom: 1px dotted;}


.title-wrapper--no-top-margin>.sub-heading {
    font-size: var(--font-h6-size);
    font-family: var(--font-heading-family);
    color:rgb(var(--caption-color));
}
/*animation*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale3d(1.3, 1.3, 1.3);
  }
  50% {
    opacity: 1;
  }
}
:root {
    --anim-time: 1.5s;
}
/* .shopify-section.reveal>div:not(.header-wrapper){animation: fadeInRight var(--anim-time) ease both;} */
svg.placeholder_svg {
    background: rgba(var(--color-base-accent-3), 0.5); height:100%; width:100%;
}



/******************/
/*Product-details-description*/
/*****************/
.main-product-template .product-tab .dt-sc-column{grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); margin-bottom:0;}
.main-product-template .product-tab li.tooltip img {  width: 50px;  margin-right: 0px;}
.main-product-template .product-tab li.tooltip {  position: relative;}
.main-product-template .product-tab .tooltip .tooltiptext  {   width: max-content;  min-width: 120px; background-color: var(--DTPrimaryColor); color: var(--DTBodyBGColor);  text-align: center; font-size: var(--font-base-size); border-radius: 6px; padding: 0px 15px; position: absolute; z-index: 1; top: -150%; left: 50%; opacity: 0; transform: translateX(-50%); transition: all .35s cubic-bezier(0.52, 1.25, 0.53, 1.25); pointer-events: none; }
.main-product-template .product-tab .tooltip .tooltiptext:after {  content: "";  width: 10px;  height: 10px;  position: absolute;  bottom: -3px;  background: var(--DTPrimaryColor);  left: 0;  right: 0;  z-index: -1;  margin: 0 auto;  transform: rotate(45deg);}
.main-product-template .product-tab .tooltip:hover .tooltiptext { opacity: 1;top: -70%;}
.main-product-template .product-tab h5{ font-size:Calc(var(--font-h4-size) - 2px); margin-top:0;}
.main-product-template .product-tab  p{font-size:var(--font-base-size); line-height: var(--DT_Body_Line_Height);}
.main-product-template .product-tab img{width:100%; height:100%; object-fit:cover;}
.main-product-template .product-tab ul li{list-style: inside; padding:5px 0; font-size:var(--font-base-size);}
.main-product-template .product-tab .product-description-img{margin-top:20px; position: relative; display: flex;}
.main-product-template .product-tab .product-image{ gap: 10px;  margin-bottom: 0;}
.main-product-template .product-page-row .swiper-container-fade .swiper-slide { height: auto; }
/*Product-detail page styles 1*/
.pdd-product-description-styl1 .product-descriptionsection ul{padding-left: 30px;  margin-top: 25px;}
.pdd-product-description-styl1 .product-image .custom-half-width{display: grid; grid-template-columns: repeat(2,1fr); gap: 10px;}
.pdd-product-description-styl1.dt-sc-column.three-fourth-one-fourth .product-image.dt-sc-column { grid-template-columns: repeat(1,1fr);}
.pdd-product-description-styl1 .product-descriptionsection .product-description2 { margin-bottom: 25px;}

/*Product-detail page styles 2*/
.pdd-product-description-styl2 .product-descriptionsection1 ul{padding-left: 30px;}
.pdd-product-description-styl2 .product-descriptionsection1.dt-sc-column.two-column,
.pdd-product-description-styl2 .product-descriptionsection2.dt-sc-column.two-column { align-items: center; gap:30px;}
.pdd-product-description-styl2 .product-descriptionsection1-img, .ret-product-description-styl2 .product-descriptionsection2-img {height:100%;}
.pdd-product-description-styl2 .product-descriptionsection1.dt-sc-column.two-column {margin-bottom: 30px;}
/*Product-detail page styles 3*/
.pdd-product-description-styl3 p{ width: 85%; }
.pdd-product-description-styl3 .product-descriptionsection1.dt-sc-column.two-column,
.pdd-product-description-styl3 .product-descriptionsection2.dt-sc-column.two-column { align-items: center; gap:40px;}
.pdd-product-description-styl3 .product-descriptionsection-img{  margin: 0 0 40px !important;}
/*Product-detail page styles 4*/
.pdd-product-description-styl4 .product-descriptionsection-img.dt-sc-column.three-column { margin: 40px  0; gap: 0; grid-template-columns: repeat(3,1fr);}
.pdd-product-description-styl4 .product-descriptionsection-desc.dt-sc-column.four-column { gap: 0;}

.product-information-style1-table table td, table th { border: none; white-space: nowrap;}
.product-information-style1-table table tr:nth-child(odd){background:{{ settings.tertiary_color | color_modify: 'alpha', 0.4}}; font-weight:bold;}
.product-information-style1-table table th{min-width:90px;}


@media (max-width:1540px) {
.pdd-product-description-styl3 .product-descriptionsection-desc.dt-sc-column.two-column{ grid-template-columns:1fr;}
.pdd-product-description-styl3 p{width: 100%;}
.pdd-product-description-styl2 .product-descriptionsection1.dt-sc-column.two-column,
.pdd-product-description-styl2 .product-descriptionsection2.dt-sc-column.two-column {  align-items: unset;}
}

@media (max-width:576px) {
.main-product-template .product-tab .dt-sc-column{grid-template-columns: 1fr;}
.main-product-template .product-tab h5{font-size:Calc(var(--font-h4-size) - 6px);}
.pdd-product-description-styl4 .product-descriptionsection-img.dt-sc-column.three-column { grid-template-columns: repeat(1,1fr);}
}
@media (max-width:400px) {
.share-button__fallback{right:unset;}
}
address{font-style:normal;}
.overflow-hidden-mobile #shopify-section-header {
    z-index: 0;
}
input[type=password]:not(:placeholder-shown) {
    font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;
}
/* @media (min-width:1540px) {
#MainContent {
    min-height: 30vh;
}
} */
/* custom overlay */
 @media (max-width: 750px) {
  .hot-spot-overlay-active .dt-custom-overlay{
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block !important;
    text-align: center;
}
  }

a.link.underlined-link { text-decoration: underline;color: rgb(var(--color-link)); }
a.link.underlined-link:hover { color: rgb(var(--color-link-hover));}
/*animation*/
/* .slideshow__text.banner__box{overflow:hidden;}
.shopify-section.slideshow.slidershow slideshow-component .swiper-slide :where(.banner__heading, .banner__sub_heading, .banner__buttons){opacity:0; transition: all 0.3s linear .6s;}
.shopify-section.slideshow.slidershow.reveal slideshow-component .swiper-slide :where(.banner__heading, .banner__sub_heading, .banner__buttons){opacity:1; transition: all 0.3s linear .6s; }
.shopify-section.slideshow.slidershow.reveal slideshow-component .swiper-slide-active :where(.banner__sub_heading) {
    animation: fadeInLeft var(--anim-time) ease both .2s; 
}
.shopify-section.slideshow.slidershow.reveal slideshow-component .swiper-slide-active :where(.banner__heading) {
    animation: fadeInLeft var(--anim-time) ease both .6s; 
}
.shopify-section.slideshow.slidershow.reveal slideshow-component .swiper-slide-active :where(.banner__buttons) {
    animation: fadeInLeft var(--anim-time) ease both 1.2s;  
} */
 product-form .sealsubs-target-element.sls-homepage-automatic.sealsubs-full {
    display: none ;
}

/*judge me - Review*/
@media only screen and (min-width: 992px) {
    .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram, .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-widget-actions-wrapper, .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper {
        border-left: 0px solid rgba(51, 153, 153, 0.1) !important;
        border-color: var(--jdgm-secondary-color);
    }
      .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary {
        width: 100% !important;
    }
      .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-histogram-wrapper)>.jdgm-histogram {
        width: 100% !important;
    }
      .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header)>.jdgm-widget-actions-wrapper {
        width: 100% !important;
    }
      .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-row-stars {
        padding-bottom: 24px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 20px;
    }
}
/* line animation */

#underline-link{  position:relative;    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;width:fit-content}
#underline-link:before {
    background-color: currentcolor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleY(1);
    transform-origin: top left;
    transition: transform .3s ease-out;
    width: 100%;
}

#underline-link:hover:before {
 transform: scaleX(0);
    transform-origin: bottom right;
}

#underline-link-menu{position:relative;    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;width:fit-content;line-height:normal}

#underline-link-menu:before {
    background-color: currentcolor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s ease-out;
    width: 100%;
}
#underline-link-menu:hover:before {
        transform: scaleX(1);
        transform-origin: bottom left;}
#underline-link-menu:hover:before {
      transform: scaleY(1);
    transform-origin: top left;
}
@media screen and (min-width:1921px){
  .page-full-width.page-full-width_spacing{width:1920px;margin:auto;} 
}
.button, .shopify-challenge__button, .customer button,button.shopify-payment-button__button--unbranded  {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    color: rgb(var(--button-color-text));
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    white-space: nowrap;
    appearance: none;
    background-color: rgba(var(--button-color));
    transition: all 0.3s linear;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    transition: all var(--duration-default) linear;
    position: relative;
    overflow: hidden;
    z-index: 1;}
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before,button.shopify-payment-button__button--unbranded:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(var(--color-secondary-button));
    transition: all .3s linear;
    border-radius: var(--buttons-radius);
    z-index: -1;
}
.button:hover:before, .shopify-challenge__button:hover:before, .customer button:hover:before, .shopify-payment-button__button--unbranded:hover:before,button.shopify-payment-button__button--unbranded:hover:before {
    width: 100%;
}
/* ==== custom.css ==== */
.bg-color-sandal {
  background-color: #a89166;
  border-color: #a89166;
}

.bg-color-cyan {
  background-color: #25bdb0;
  border-color: #25bdb0;
}

.bg-color-pink {
  background-color: #fcc6de;
  border-color: #fcc6de;
}

.bg-color-black {
  background-color: #000;
  border-color: #000;
}

.bg-color-grey {
  background-color: #ccc;
  border-color: #ccc;
}

.bg-color-green {
  background-color: #e1eb78;
  border-color: #e1eb78;
}
.bg-color-golden {
  background-color: #ffd700;
  border-color: #ffd700;
}
.bg-color-sliver {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.bg-color-blue {
  background-color: #a8bcd4;
  border-color: #a8bcd4;
}

.bg-color-purple {
  background-color: #7e0b80;
  border-color: #7e0b80;
}

.bg-color-white {
  background-color: #fff;
  border-color: #fff;
 }
.bg-color-white span,
label.bg-color-white { border: 1px solid #e3e0e0 !important;}
.bg-color-red {
  background-color: #f63400;
  border-color: #f63400;
}

.bg-color-brown,
.bg-color-brow {
  background-color: #ad8111;
  border-color: #ad8111;
}

.bg-color-gold {
  background-color: #cea525;
  border-color: #cea525;
}

.bg-color-beige {
  background-color: #f0deba;
  border-color: #f0deba;
}

.bg-color-gray {
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.bg-color-orange {
  background-color: #ff7900;
  border-color: #ff7900;
}

.bg-color-yellow {
  background-color: #dcdb79;
  border-color: #dcdb79;
}

.bg-color-navy {
  background-color: #001f3f;
  border-color: #001f3f;
}

.bg-color-aqua {
  background-color: #7fdbff;
  border-color: #7fdbff;
}

.bg-color-teal {
  background-color: #39cccc;
  border-color: #39cccc;
}

.bg-color-gun-smoke {
  background-color: #12221f;
  border-color: #12221f;
}

.bg-color-olive {
  background-color: olive;
  border-color: olive;
}

.bg-color-lime {
  background-color: #0f0;
  border-color: #0f0;
}

.bg-color-rose-gold {
  background-color: #fcdbd6;
  border-color: #fcdbd6;
}

.bg-color-clear {
  background-color: #caf6ea;
  border-color: #caf6ea;
}

.bg-color-maroon {
  background-color: maroon;
  border-color: maroon;
}

.bg-color-ivory {
  background-color: ivory;
  border-color: ivory;
}

.bg-color-lavenderblush {
  background-color: #b0e0e6;
  border-color: #b0e0e6;
}

.bg-color-powderblue {
  background-color: #f012be;
  border-color: #f012be;
}

.bg-color-darkgreen {
  background-color: #006400;
  border-color: #006400;
}

.bg-color-saddlebrown {
  background-color: #8b4513;
  border-color: #8b4513;
}

.bg-color-lightcoral {
  background-color: #f08080;
  border-color: #f08080;
}

.bg-color-palevioletred {
  background-color: #db7093;
  border-color: #db7093;
}

.bg-color-chocolate {
  background-color: #d2691e;
  border-color: #d2691e;
}

.bg-color-darkolivegreen {
  background-color: #556b2f;
  border-color: #556b2f;
}

.bg-color-darkred {
  background-color: #8b0000;
  border-color: #8b0000;
}

.bg-color-mediumaquamarine {
  background-color: #66cdaa;
  border-color: #66cdaa;
}

.bg-color-sandybrown {
  background-color: #f4a460;
  border-color: #f4a460;
}

.bg-color-darkslategray {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-salmon {
  background-color: salmon;
  border-color: salmon;
}

.bg-color-slateblue {
  background-color: #6a5acd;
  border-color: #6a5acd;
}

.bg-color-lightgray {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
  background-color: #fffacd;
  border-color: #fffacd;
}

.bg-color-thistle {
  background-color: #d8bfd8;
  border-color: #d8bfd8;
}

.bg-color-wheat {
  background-color: wheat;
  border-color: wheat;
}

.bg-color-lightsalmon {
  background-color: #ffa07a;
  border-color: #ffa07a;
}

.bg-color-hotpink {
  background-color: #ff69b4;
  border-color: #ff69b4;
}

.bg-color-lawngreen {
  background-color: #7cfc00;
  border-color: #7cfc00;
}

.bg-color-snow {
  background-color: snow;
  border-color: snow;
}

.bg-color-darkslateblue {
  background-color: #483d8b;
  border-color: #483d8b;
}

.bg-color-coral {
  background-color: coral;
  border-color: coral;
}

.bg-color-limegreen {
  background-color: #32cd32;
  border-color: #32cd32;
}

.bg-color-lightgrey {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-royalblue {
  background-color: #4169e1;
  border-color: #4169e1;
}

.bg-color-dimgrey {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-lightseagreen {
  background-color: #20b2aa;
  border-color: #20b2aa;
}

.bg-color-skyblue {
  background-color: #87ceeb;
  border-color: #87ceeb;
}

.bg-color-orchid {
  background-color: orchid;
  border-color: orchid;
}

.bg-color-darksalmon {
  background-color: #e9967a;
  border-color: #e9967a;
}

.bg-color-darkorchid {
  background-color: #9932cc;
  border-color: #9932cc;
}

.bg-color-cornflowerblue {
  background-color: #6495ed;
  border-color: #6495ed;
}

.bg-color-cornsilk {
  background-color: #fff8dc;
  border-color: #fff8dc;
}

.bg-color-lightslategrey {
  background-color: #789;
  border-color: #789;
}

.bg-color-whitesmoke {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.bg-color-seagreen {
  background-color: #2e8b57;
  border-color: #2e8b57;
}

.bg-color-crimson {
  background-color: #dc143c;
  border-color: #dc143c;
}

.bg-color-azure {
  background-color: azure;
  border-color: azure;
}

.bg-color-paleturquoise {
  background-color: #afeeee;
  border-color: #afeeee;
}

.bg-color-darkkhaki {
  background-color: #bdb76b;
  border-color: #bdb76b;
}

.bg-color-mediumvioletred {
  background-color: #c71585;
  border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
  background-color: #fafad2;
  border-color: #fafad2;
}

.bg-color-violet {
  background-color: violet;
  border-color: violet;
}

.bg-color-peachpuff {
  background-color: #ffdab9;
  border-color: #ffdab9;
}

.bg-color-steelblue {
  background-color: #4682b4;
  border-color: #4682b4;
}

.bg-color-blanchedalmond {
  background-color: #ffebcd;
  border-color: #ffebcd;
}

.bg-color-moccasin {
  background-color: #ffe4b5;
  border-color: #ffe4b5;
}

.bg-color-antiquewhite {
  background-color: #faebd7;
  border-color: #faebd7;
}

.bg-color-mediumturquoise {
  background-color: #48d1cc;
  border-color: #48d1cc;
}

.bg-color-lightskyblue {
  background-color: #87cefa;
  border-color: #87cefa;
}

.bg-color-darkorange {
  background-color: #ff8c00;
  border-color: #ff8c00;
}

.bg-color-darkblue {
  background-color: #00008b;
  border-color: #00008b;
}

.bg-color-springgreen {
  background-color: #00ff7f;
  border-color: #00ff7f;
}

.bg-color-lavender {
  background-color: #e6e6fa;
  border-color: #e6e6fa;
}

.bg-color-mediumpurple {
  background-color: #9370db;
  border-color: #9370db;
}

.bg-color-deepskyblue {
  background-color: #00bfff;
  border-color: #00bfff;
}

.bg-color-mintcream {
  background-color: #f5fffa;
  border-color: #f5fffa;
}

.bg-color-deeppink {
  background-color: #ff1493;
  border-color: #ff1493;
}

.bg-color-darkseagreen {
  background-color: #8fbc8f;
  border-color: #8fbc8f;
}

.bg-color-papayawhip {
  background-color: #ffefd5;
  border-color: #ffefd5;
}

.bg-color-orangered {
  background-color: #ff4500;
  border-color: #ff4500;
}

.bg-color-tomato {
  background-color: tomato;
  border-color: tomato;
}

.bg-color-navajowhite {
  background-color: #ffdead;
  border-color: #ffdead;
}

.bg-color-mediumorchid {
  background-color: #ba55d3;
  border-color: #ba55d3;
}

.bg-color-ghostwhite {
  background-color: #f8f8ff;
  border-color: #f8f8ff;
}

.bg-color-slategrey {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-forestgreen {
  background-color: #228b22;
  border-color: #228b22;
}

.bg-color-dodgerblue {
  background-color: #1e90ff;
  border-color: #1e90ff;
}

.bg-color-linen {
  background-color: linen;
  border-color: linen;
}

.bg-color-blueviolet {
  background-color: #8a2be2;
  border-color: #8a2be2;
}

.bg-color-gainsboro {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.bg-color-lightgreen {
  background-color: #90ee90;
  border-color: #90ee90;
}

.bg-color-chartreuse {
  background-color: #7fff00;
  border-color: #7fff00;
}

.bg-color-mistyrose {
  background-color: #ffe4e1;
  border-color: #ffe4e1;
}

.bg-color-darkgray {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-peru {
  background-color: peru;
  border-color: peru;
}

.bg-color-tan {
  background-color: tan;
  border-color: tan;
}

.bg-color-palegreen {
  background-color: #98fb98;
  border-color: #98fb98;
}

.bg-color-rebeccapurple {
  background-color: #639;
  border-color: #639;
}

.bg-color-darkcyan {
  background-color: #008b8b;
  border-color: #008b8b;
}

.bg-color-oldlace {
  background-color: #fdf5e6;
  border-color: #fdf5e6;
}

.bg-color-rosybrown {
  background-color: #bc8f8f;
  border-color: #bc8f8f;
}

.bg-color-darkslategrey {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-lightslategray {
  background-color: #789;
  border-color: #789;
}

.bg-color-turquoise {
  background-color: #40e0d0;
  border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
  background-color: #b8860b;
  border-color: #b8860b;
}

.bg-color-honeydew {
  background-color: #f0fff0;
  border-color: #f0fff0;
}

.bg-color-mediumslateblue {
  background-color: #7b68ee;
  border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
  background-color: #00fa9a;
  border-color: #00fa9a;
}

.bg-color-plum {
  background-color: plum;
  border-color: plum;
}

.bg-color-darkgrey {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-slategray {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-darkmagenta {
  background-color: #8b008b;
  border-color: #8b008b;
}

.bg-color-lightblue {
  background-color: #add8e6;
  border-color: #add8e6;
}

.bg-color-floralwhite {
  background-color: #fffaf0;
  border-color: #fffaf0;
}

.bg-color-dimgray {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-greenyellow {
  background-color: #adff2f;
  border-color: #adff2f;
}

.bg-color-fuchsia {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-cadetblue {
  background-color: #5f9ea0;
  border-color: #5f9ea0;
}

.bg-color-yellowgreen {
  background-color: #9acd32;
  border-color: #9acd32;
}

.bg-color-darkviolet {
  background-color: #9400d3;
  border-color: #9400d3;
}

.bg-color-sienna {
  background-color: sienna;
  border-color: sienna;
}

.bg-color-lightpink {
  background-color: #ffb6c1;
  border-color: #ffb6c1;
}

.bg-color-mediumblue {
  background-color: #0000cd;
  border-color: #0000cd;
}

.bg-color-bisque {
  background-color: bisque;
  border-color: bisque;
}

.bg-color-aquamarine {
  background-color: #7fffd4;
  border-color: #7fffd4;
}

.bg-color-palegoldenrod {
  background-color: #eee8aa;
  border-color: #eee8aa;
}

.bg-color-aliceblue {
  background-color: #f0f8ff;
  border-color: #f0f8ff;
}

.bg-color-olivedrab {
  background-color: #6b8e23;
  border-color: #6b8e23;
}

.bg-color-indigo {
  background-color: indigo;
  border-color: indigo;
}

.bg-color-lightcyan {
  background-color: #e0ffff;
  border-color: #e0ffff;
}

.bg-color-midnightblue {
  background-color: #191970;
  border-color: #191970;
}

.bg-color-khaki {
  background-color: khaki;
  border-color: khaki;
}

.bg-color-burlywood {
  background-color: #deb887;
  border-color: #deb887;
}

.bg-color-lightyellow {
  background-color: #ffffe0;
  border-color: #ffffe0;
}

.bg-color-lightsteelblue {
  background-color: #b0c4de;
  border-color: #b0c4de;
}

.bg-color-goldenrod {
  background-color: #daa520;
  border-color: #daa520;
}

.bg-color-darkturquoise {
  background-color: #00ced1;
  border-color: #00ced1;
}

.bg-color-magenta {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-seashell {
  background-color: #fff5ee;
  border-color: #fff5ee;
}

.bg-color-indianred {
  background-color: #cd5c5c;
  border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
  background-color: #3cb371;
  border-color: #3cb371;
}

.bg-color-firebrick {
  background-color: #b22222;
  border-color: #b22222;
}

.bg-color-metallic-sunburst {
  border-color: #9e7a48;
  background-color: #9e7a48;
}
.bg-color-deep-taupe {
  border-color: #816059;
  background-color: #816059;
}
.bg-color-rose-taupe {
  border-color: #945754;
  background-color: #945754;
}
.bg-color-nickel {
  border-color: #70756e;
  background-color: #70756e;
}
.bg-color-police-blue {
  border-color: #3f506e;
  background-color: #3f506e;
}
.bg-color-stormcloud {
  border-color: #4f636c;
  background-color: #4f636c;
}
.bg-color-feldgrau {
  border-color: #45604d;
  background-color: #45604d;
}
.bg-color-independence {
  border-color: #4a5163;
  background-color: #4a5163;
}
.bg-color-melon {
  border-color: #fbaca8;
  background-color: #fbaca8;
}

.bg-color-dark-vanilla {
  border-color: #d7bdb0;
  background-color: #d7bdb0;
}
.bg-color-pastel-gray {
  border-color: #d2d6bd;
  background-color: #d2d6bd;
}
.bg-color-color_pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-columbia-blue {
  border-color: #cddbe6;
  background-color: #cddbe6;
}
.bg-color-chinese-silver {
  border-color: #c6d0cf;
  background-color: #c6d0cf;
}
.bg-color-bright-gray {
  border-color: #eaeaea;
  background-color: #eaeaea;
}
.bg-color-feldgrau {
  border-color: #4f7053;
  background-color: #4f7053;
}

.bg-color-pale-silver {
  border-color: #d9bcc0;
  background-color: #d9bcc0;
}

.bg-color-water {
  border-color: #d0eff4;
  background-color: #d0eff4;
}
.bg-color-ash-gray {
  border-color: #adbeb6;
  background-color: #adbeb6;
}
.bg-color-jelly-bean {
  border-color: #d76a49;
  background-color: #d76a49;
}
.bg-color-deer {
  border-color: #c07e68;
  background-color: #c07e68;
}
.bg-color-opera-mauve {
  border-color: #b47eb2;
  background-color: #b47eb2;
}
.bg-color-cool-grey {
  background-color: #8883ab;
  border-color: #8883ab;
}
.bg-color-old-rose {
  border-color: #b2817d;
  background-color: #b2817d;
}
.bg-color-deep-amethyst {
  border-color: #9c8e9b;
  background-color: #9c8e9b;
}
.bg-color-desert-sand {
  border-color: #e4c7a9;
  background-color: #e4c7a9;
}
.bg-color-pastel-pink {
  border-color: #dea89c;
  background-color: #dea89c;
}
.bg-color-pastel-purple {
  border-color: #b8a0b0;
  background-color: #b8a0b0;
}
.bg-color-unbleached-silk {
  border-color: #f9dac6;
  background-color: #f9dac6;
}
.bg-color-brown-yellow {
  background-color: #ce925e;
  border-color: #ce925e;
}
.bg-color-dark-vanilla {
  border-color: #d5b8aa;
  background-color: #d5b8aa;
}
.bg-color-iceberg {
  background-color: #68bbd9;
  border-color: #68bbd9;
}
.bg-color-cadet-grey {
  border-color: #97a6ad;
  background-color: #97a6ad;
}
.bg-color-light-taupe {
  border-color: #b48e6a;
  background-color: #b48e6a;
}
.bg-color-copper-rose {
  border-color: #916f6d;
  background-color: #916f6d;
}
.bg-color-pastel-brown {
  border-color: #767058;
  background-color: #767058;
}
.bg-color-grullo {
  border-color: #a1a290;
  background-color: #a1a290;
}
.bg-color-sonic-silver {
  border-color: #777777;
  background-color: #777777;
}
.bg-color-redwood {
  border-color: #97544e;
  background-color: #97544e;
}
.bg-color-laurel-green {
  border-color: #b1b897;
  background-color: #b1b897;
}
.bg-color-pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-chinese-white {
  border-color: #dbe3e6;
  background-color: #dbe3e6;
}

.bg-color-rocket-metallic {
  border-color: #89806f;
  background-color: #89806f;
}
.bg-color-silver-pink {
  border-color: #cbadab;
  background-color: #cbadab;
}
.bg-color-pale-chestnut {
  border-color: #deb1ae;
  background-color: #deb1ae;
}
.bg-color-opal {
  border-color: #a0bdc5;
  background-color: #a0bdc5;
}
.bg-color-gold-fusion {
  border-color: #7d7a57;
  background-color: #7d7a57;
}
.bg-color-old-silver {
  border-color: #818286;
  background-color: #818286;
}
.bg-color-dust-storm {
  border-color: #e0cdc7;
  background-color: #e0cdc7;
}
.bg-color-alabaster {
  border-color: #f0e7e8;
  background-color: #f0e7e8;
}
.bg-color-english-lavender {
  border-color: #ae8e9d;
  background-color: #ae8e9d;
}
.bg-color-azureish-white {
  border-color: #d8f1ee;
  background-color: #d8f1ee;
}
.bg-color-silver-pink {
  border-color: #ccafb3;
  background-color: #ccafb3;
}
.bg-color-metallic {
  border-color: #aaa8b6;
  background-color: #aaa8b6;
}

.bg-color-coffee {
  border-color: #724d30;
  background-color: #724d30;
}

.bg-color-sugar-plum {
  border-color: #914671;
  background-color: #914671;
}

.bg-color-white {
  border: 1px solid #e3e0e0;
}
.bg-color-navy-blue {
  background: navy;
}
.item-swiper-init .products {
  display: grid;
}


/*******MODE CHANGES *******/
.dark-header {
  background-color: #323232 !important; 
}

.dark-background {
  background-color: #323232 !important; 
}

.light-text{
  color:#fff !important;transition:all 0.3s linear;
}

.darkmode-button{
  position: fixed;
    top: 40%;
    right: 0;
    background-color: #323232;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
  z-index:9999;
}

.darkmode-button-light {
  background-color: #fff !important;
  color: #323232 !important;
}

.logo-hide {
  display:none;
}

.logo-display {
  display:block !important;
}
.support-block-list__item.grid__items .support-block-card__image-wrapper.dark-background,.card__content ul[class*=variant-option-size] a.light-text:hover span,
.card__inner .product-icons a.light-text:hover, .card__inner .product-icons button.light-text:hover, .header__icons a.light-text:hover .cart-count-bubble span.light-text, .featured-product .product-deal-count .deal-clock ul li.light-text span,
.contact-block_wrapper .contact-info .contact-social .contact__list-social li:not(:last-child) .list-social__link.light-text:after, .cart-drawer .drawer__inner.dark-background cart-remove-button .button svg, .cart-drawer .drawer__inner.dark-background .drawer__close, .cart-drawer .drawer__inner.dark-background  .tax-note,  .drawer__inner.dark-background .drawer__footer summary svg, cart-remove-button .button.light-text svg, .dark-background .product-recommendations__heading,
.product__info-container .size-chart.light-text modal-opener.product-popup-modal__opener .product-popup-modal__button, .dark-background .search-modal .search-modal__content .predictive-search .predictive-search__results-groups-wrapper .predictive-search__item, .dark-background .search-modal .search-modal__content .predictive-search .predictive-search__results-groups-wrapper .predictive-search__heading, .dark-background .search-modal .search-modal__content .predictive-search .predictive-search__results-groups-wrapper .predictive-search__item-heading,
.dark-header .menu-drawer summary.menu-drawer__menu-item, .dark-header .menu-drawer .menu-drawer__close-button, .dark-header .menu-drawer .menu-drawer-header button.header-drawer__close.close_icon_button, .dark-background button.toggleFilter, .dark-background .search-modal .modal__close-button.link, .dark-background details-overlay-modal .predictive-search__item .price, .customer.login.dark-background h5, .details-modal .detial-login.dark-background  h5, .dark-background .list-view-filter .card__content .rte.grid-view-hidden{color:#fff !important; }
.product-tab-wrapper .collection .tabs .tablinks.light-text:hover, .product-tab-wrapper .collection .tabs .tablinks.light-text.active, .dark-background .search-modal .modal__close-button.link:hover, .dark-background .search-modal .search-modal__content .predictive-search .predictive-search__results-groups-wrapper .predictive-search__item:hover .predictive-search__item-heading, .facets .facets__display.dark-background  .facets__item:hover span, 
.cart-drawer .drawer__inner.dark-background cart-remove-button .button:hover svg,  .cart-drawer .drawer__inner.dark-background .drawer__close:hover, cart-remove-button .button.light-text:hover svg, .product__info-container .size-chart.light-text modal-opener.product-popup-modal__opener .product-popup-modal__button:hover, .dark-background .compare-wrapper td.product-thumbnail .product-name:hover, .dark-background .wishlist .remove-item.product-cart:hover,
.drawer__inner.dark-background .drawer__footer .cart-group :where(summary):hover svg, .drawer__inner.dark-background .drawer__footer .cart-group :where(summary):hover span.summary__title, span.sticky-bar-close.light-text:hover, .facets-container .button-show-more:hover .light-text, .facets .facets__item:hover span.light-text{color:rgb(var(--color-link-hover)) !important;}
.multicolumn-card.content-container.overlay_style.dark-background .multicolumn-card__info,
.collection-list.overlay .collection-list__item .card__inner.dark-background:after,
.flex-banner .image-bar__section-inner .image-bar__item.dark-background:before,
.isotope-products .isotope-selector .card.dark-background:hover .card-content-1 .card__media_1 .card-contant-wrapper-1,
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content.dark-background, .drawer__inner.dark-background .drawer__header, .drawer__inner.dark-background .drawer__footer{background:rgba(50, 50, 50,0.5) !important;}
.breadcrumb-section.dark-background .breadcrumb:before, .main-product-template .product__payment p.product_payment_text.light-text{background: transparent;}
.customer-who-purchased .product-data.dark-background:before,
.dark-background .hotspot-block .dt-sc-hotspot-item, .dark-background .search-modal__content.search-modal__content-bottom{ background-color: #323232 !important; }
.dt-sc-newsletter-modal-overlay .newsletter-content.dark-background  form .newsletter-form__field-wrapper .field__input, .dark-background .number-counter-block:not(:last-child):after{background:#ffff !important;}
.dark-background .compare .remove-item.product-cart, .dark-background .wishlist .remove-item.product-cart, 
.dark-background .compare-wrapper td.product-thumbnail .product-name, .dark-background .compare-wrapper td.product-thumbnail p, .dark-background .compare-wrapper td.product-thumbnail p.product-price-cart{color:#000000 !important;}
ul.pagination__list.list-unstyled li .pagination__item--current.light-text, ul.pagination__list.list-unstyled li .pagination__item.light-text:hover{color:var(--gradient-base-background-1) !important;}
.details-modal .detial-login.dark-background .details-modal-close svg{fill:#ffff;}
.details-modal .detial-login.dark-background .details-modal-close:hover svg{fill:rgb(var(--color-link-hover)) !important;}
.dark-background .widget-tags a.light-text:hover {
    color:rgba(var(--color-button-text)) !important;
}
.article-card__info.light-text svg { fill: #fff;}
.article-template__comments-comment p.light-text, .article-template__comments-comment footer .caption-with-letter-spacing.light-text { color: #000 !important;}
.blog-sidebar .sidebar_title.light-text:after, .filter-panel-menu .sidebar_title.light-text:after, .template-product .optional-sidebar .sidebar_title.light-text:after{    background: #fff;}
.contact-icons.light-text svg {  fill: #fff;}
.template-product .custom-product-grid li.light-text .icon-columns{ color: #000}
.template-product ul.custom-product-grid.light-text + form .facet-filters__field>label,  .detail-Size ul.list-unstyled .facets__item.light-text:hover span, .detail-Brand ul.list-unstyled .facets__item.light-text:hover span { color: #fff!important;}
.template-product .option-name-size.light-text label, .template-product .option-name-material.light-text label { color: #000;}

.dark-background .featured-product .product-form__input input[type=radio]:disabled+label, .dark-background .featured-product .product-form__input input[type=radio].disabled+label, .dark-background .product__info-container .price, .dark-background .product__info-container .price--on-sale .price-item--regular{color: #fff!important;}

footer ul.contact-info li.light-text svg {fill:#fff !important;}
a.light-text:not(.button):hover, a.light-text:hover span, button.light-text:hover, button.light-text:hover svg,
.dark-header .menu-drawer summary.menu-drawer__menu-item:hover, .dark-header .menu-drawer .menu-drawer__close-button:hover, .dark-header .menu-drawer .menu-drawer-header button.header-drawer__close.close_icon_button:hover{color:rgb(var(--color-link-hover)) !important;}
.dark-background .product-tab-wrapper .collection .grid li.light-text{background:transparent;}
.dark-background .deal-banner .product-deal-count .deal-clock ul li.light-text{color:#000000!important;}
.dark-background .product-tab-wrapper .collection .grid li.light-text{background:transparent;}
.dark-background .rich-text-block .button.button--secondary.light-text{color:rgb(var(--color-button-text))!important;}
.dark-background .collection-list.overlay .collection-list__item .card__content .card__information .card__heading a.light-text span.light-text,
.dark-background .main-product-template .product__payment p.product_payment_text.light-text{color: #000000 !important;}
.dark-background .collection-list.overlay .collection-list__item .card:hover .card__content .card__information .card__heading a.light-text span:not(.icon-wrap),
.dark-background .main-product-template .product__info-wrapper a.add-compare.button--secondary.light-text:hover, .dark-background .main-product-template .product__info-wrapper a.add-wishlist.button--secondary.light-text:hover{color: #FFFFFF !important;}
.dark-background .product--thumbnail_slider_left .thumbnail-slider .thumbnail[aria-current]{    border: 1px solid #FFFFFF;}
.dark-background .product__info-container label.deal-lable.product-label{color: #FFFFFF !important;}
.dark-background  div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link h4{background: #000000 !important;}
.dark-background .slideshow__text.banner__box.dark-background, .dark-background .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.dark-background,
.dark-background .testimonials  .testimonial-container.dark-background{background:transparent !important;}
.dark-background .facet-checkbox>svg{background:transparent;}

/*filter*/
.facets__form-vertical.light-text span{ color: #fff !important;}
.facets__form-vertical.light-text svg{ fill: #fff !important; color: #fff!important}
.facets__form-vertical.light-text h2{ color: #fff !important;}
.product-grid-container.light-text .facet-filters__field label, .product-grid-container.light-text .facet-filters__field span, .product-grid-container.light-text .facet-filters__field svg {
    color: #fff !important;
}
.product-grid-container.light-text facet-filters-form span {
    color: #fff !important;
}

.product-grid-container.light-text facet-filters-form .facets__display{background:#000;}
/* webkit browsers */
.dark-background tbody.slick-wrapper::-webkit-scrollbar {
  height: 5px;
}

.dark-background tbody.slick-wrapper::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, 0.2);
}

.dark-background tbody.slick-wrapper::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: rgba(255, 255, 255, 0.5);
}

.dark-background tbody.slick-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.dark-background .custom-product-grid li.light-text.active, .dark-background .custom-product-grid li.light-text:hover {
    color: rgba(var(--color-link-hover))!important;
}


@media screen and (max-width: 989px){
.dark-background .main-product-template .facets-vertical .optional-sidebar, .dark-background .main-product-template .facets-vertical.sidebar-right .optional-sidebar{ background-color: #323232 !important; }
}

 /* .icon-heart {
        fill: transparent;
        stroke: #000000;
        transition: fill 0.3s ease;
      }

      .added .icon-heart {
        fill: red;
        stroke: #000000;
      } */
/* ==== product-card.css ==== */
.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.card {
  text-decoration: none;
  text-align: var(--text-alignment);
}

.card:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card--card {
  height: 100%;
}

.card--card,
.card--standard .card__inner {
   position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius);

}

.card--card:after,
.card--standard .card__inner:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: calc(var(--border-width) * 2 + 100%);
  height: calc(var(--border-width) * 2 + 100%);
  top: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.card .card__inner .card__media {
  overflow: hidden;
  /* Fix for Safari border bug on hover */
  z-index: 0;
  border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}
.card .card__inner .card__media a{width: 100%;display: block;height: 100%;position: relative;z-index: 1;}

/* .card--card .card__inner .card__media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
} */

.card--standard.card--text {
  background-color: transparent;
}

.card-information {
  text-align: var(--text-alignment);
}

.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
}

.card .media {
  width: 100%;
}

.card__media {
  margin: var(--image-padding);
  width: calc(100% - 2 * var(--image-padding));
}

.card--standard .card__media {
   margin: var(--image-padding);
}

.card__inner {
  width: 100%;overflow:hidden;
  /*   height:100vh; */   
  border-radius: var(--border-radius);
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
}
.card__content .grid-view-hidden {
  display: none;
}
.list-view-filter .card__content .rte.grid-view-hidden {
  position: relative;
  margin: 0;
  line-height: 3rem;
  display: block;
  line-height:1.4;
  margin:1rem 0;
  max-width:600px;
}
.card--media .card__inner .card__content {
  padding: calc(var(--image-padding) + 1rem);
  position: relative;
  pointer-events:none;
  overflow: hidden;
  border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}

.card__content {
  display: grid;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem;
  width: 100%;
  flex-grow: 1;
}

.card__content--auto-margins {
  grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}


/* .card__content{
  padding-top:2rem !important;
  padding-bottom:2rem !important;
} */
.card:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}
.product-icons a:empty {
  display: block;
}
.product-icons a.add-compare:before, 
.product-icons a.add-wishlist:before
/* .product-icons button:before */ {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  line-height: 15px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}
.product-icons {
  z-index: 2;
  pointer-events: none;
  right: 0;
  top: 10px;
  position: absolute;
  justify-content: center;
  opacity: 0;
  display: flex;
  transition: 0.3s linear all;
  list-style: none;
  flex-direction: column;
  padding: 0;
  margin:0;
}
.product-icons li {
  margin: 5px;
  pointer-events: all;
  position: relative;
  transition: all 0.3s linear;
}
ul.product-icons.top-aligned {
  top: 0;
  bottom: auto;
  transform: initial;
}
.product-icons.center-aligned {
  z-index: 2;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  position: absolute;
  justify-content: center;
  opacity: 0;
  display: flex;
  transition: 0.3s linear all;
  list-style: none;
}

.product-icons li a:not(.adding).add-compare:before {
  -webkit-mask-image: url("Compare-icon.svg");
  mask-image: url("Compare-icon.svg");
  background: currentColor;
}
.product-icons li a:not(.adding).added.add-compare:before {
  -webkit-mask-image: url("compare-fill.svg");
  mask-image: url("compare-fill.svg");
  background: currentColor;
}

.product-icons li a:not(.adding).add-wishlist:before {
  -webkit-mask-image: url("Wishlist-icon.svg");
  mask-image: url("Wishlist-icon.svg");
  background: currentColor;
}
.product-icons li a:not(.adding).added.add-wishlist:before {
  -webkit-mask-image: url("wishlist-fill-icons.svg");
  mask-image: url("wishlist-fill-icons.svg");
  background: currentColor;
}


.product-icons li a.adding:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask-image: url(loading-icon.gif);
  mask-image: url(loading-icon.gif);
  -webkit-mask-position: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
/* .loading-overlay__spinner:before{
   position: absolute;
    z-index: 1;
    content: '';
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask-image: url(loading-icon.gif);
    mask-image: url(loading-icon.gif);
    -webkit-mask-position: center;
     left:0;
     right:0;
     bottom:0;
     top:0;
    margin:auto;
} */

.product-icons a.add-wishlist:before,
.product-icons a.add-compare:before
/* .product-icons button:before  */ {
  content: "";
  width: 18px;
  height: 18px;
  line-height: 18px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  color: currentcolor;
}
.card-wrapper.underline-links-hover .card:hover .card__inner .product-icons {
  opacity: 1;
  right: 10px;
}
.card__inner .product-icons button.quick-add__submit:disabled,
.quick-add__submit:disabled,
.quick-add__submit[aria-disabled="true"],
.quick-add__submit.disabled,
.quick-add__submit:disabled,
.quick-add__submit[aria-disabled="true"],
.quick-add__submit.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.card__inner .product-icons button span.sold-out-message {
  display: none;
}

.card__inner .product-icons a,
.card__inner .product-icons button {
  display: grid;
  place-items: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0;
  border: none;
  cursor: pointer;
  transition: var(--duration-default) linear all;
  background-color: rgb(var(--color-secondary-button-text));
  color: rgb(var(--color-secondary-button));
  opacity: 1;
  /* box-shadow: 0 0 20px #00000026; */
  padding: 0;
}
@media screen and (max-width: 480px) {
 .card-wrapper.underline-links-hover .card .card__inner .product-icons {
  opacity: 1; 
  right: 10px;  
}
}
/* @media screen and (min-width: 992px) {
  .card__information {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
} */

@media screen and (max-width: 991px) {
  /*   .card__information {
    padding-bottom: 1.5rem;
    padding-top: 2.5rem;
  } */
  
}

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}

.card__badge.right {
  justify-self: flex-end;
}

.card > .card__content > .card__badge {
  margin: 1.3rem;
}

.card__media .media img {
    height: 100%; 
  object-fit: cover;
  /* object-position: top center; */
  width: 100%;border-radius: var(--border-radius);
}
.card__media .media .motion-reduce {
  opacity: 0;
  transition: all var(--duration-default) linear;
}
 .card__media .media .motion-reduce.loaded-image:first-child {   
     animation: 2s cubic-bezier(.26,.54,.32,1) forwards fadeIn;
    -webkit-animation: 2s cubic-bezier(.26,.54,.32,1) forwards fadeIn;}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
 to{
   opacity: 1;
 }
  
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
 to{
   opacity: 1;
 }
  
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/* .card__media .media {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  background-color: var(--gradient-base-background-2);
}
 */
.card__inner:not(.ratio) > .card__content {
  height: 100%;
}

.card__heading {
  margin-top: 0;
  margin-bottom: 0;
}

.card__heading:last-child {
  margin-bottom: 0;
}

.card--card.card--media > .card__content {
   margin-top: calc(0rem - var(--image-padding));
  padding: var(--content-padding);
}

.card--standard > .card__content .card__information h3.card__heading {
  margin: 15px 0;
}

.card__heading a:after {
  outline-offset: 0.3rem;
}

.card__heading a:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}

@media screen and (min-width: 990px) {
  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: transform var(--duration-long) ease;
  }

  .card:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.1);
  }

  .card-wrapper:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .card-wrapper:hover .media.media--hover-effect > img + img {
    opacity: 1;
    transition: all var(--duration-long) linear;
    transform: scale(1.03);
  }

  .underline-links-hover a {
    transition: all 0.3s linear;
  }
}

.card--standard.card--media .card__inner .card__information,
.card--standard > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}

.card--standard > .card__content {
  padding: 0;
}

.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge,
.list-view-filter .card-wrapper .card__inner .card__information
{
  display: none;
}

.card--extend-height {
  height: 100%;
}

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}

.card .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
  transition: transform var(--duration-short) ease;
  overflow: hidden;
}

.card-information > * + * {
  margin-top: 0.5rem;
}

.card-information {
  width: 100%;
  line-height: normal;
}
.card__information > * {
  margin-bottom: 20px;
}
.card-information > * {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.card-information > .price {
  color: rgb(var(--color-foreground));
}

.card-information > .rating {
  margin-top: 0rem;
}

.card-information > *:not(.visually-hidden:first-child) + *:not(.rating) {
  margin-top: 0.7rem;
}

.card-information .caption {
  letter-spacing: 0.07rem;
}

.card-article-info {
  margin-top: 1rem;
}

.card__content .variant-option-color li.color-values a {
     position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    transition: all 0.3s linear;
    border: 1px solid rgba(var(--color-border),var( --color-border-opacity));
    background-color: transparent;
}

.card__content ul[class*="variant-option-color"] {
  height: max-content;
  margin: 0px 0 20px 0;
  gap:8px;
}
.card__content ul[class*="variant-option-color"] a {
  margin: 0px 8px 0px 0px;
  border-radius: 50%;
  cursor: pointer;
}
.list-view-filter  .card__content ul[class*=variant-option-color]{    margin: 2px 0 0;}
/* .card__content ul.variant-option-color li.color-values a.active span {
  min-width: 20px;
  min-height: 20px;
} */
.card__content ul.variant-option-color li.color-values a.active {
    border: 1px solid rgb(var(--color-border),0.6);
}
.card__content ul.variant-option-color li span {
  min-width: 12px;
  min-height: 12px;
  padding: 0;
  border-radius: 50%;
  margin: 0;transition: all 0.3s linear;
}
.card__content ul.variant-option-color li a.active span { width: 18px;height: 18px;}
.card__content ul.variant-option-color li [type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.card__content ul.variant-option-color li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all var(--duration-default) linear;
  border-radius: var(--DTRadius);
}
tooltip.tooltip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  padding:3px 10px;
  left: 50%;
  transform: translateY(-8px) translateX(-50%);
  -webkit-transform: translateY(-8px) translateX(-50%);
  bottom: 100%;
  white-space: nowrap;
  margin-bottom: 5px;
  visibility: hidden;
  z-index: 1000;
  background-color: rgba(var(--color-secondary-button));
  color: rgba(var(--color-secondary-button-text));
  font-size: calc(var(--font-base-size) - 4px);
  line-height: normal;
  transition: all 0.4s ease;text-transform:capitalize;
  border-radius: var(--badge-corner-radius);
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
tooltip.tooltip:before {
  left: 10px;
  border-top: 6px solid rgba(var(--color-secondary-button));
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translateX(-50%);
  left: 50%;
  content: "";
  position: absolute;
  bottom: -5px;transition:all 0.3s linear;
}
.card__content .variant-option-color li a:hover tooltip.tooltip {
  opacity: 1;
  visibility: visible;
   transform: translateY(-4px) translateX(-50%);
  -webkit-transform: translateY(-4px) translateX(-50%);
}
.product-icons li:hover tooltip.tooltip {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%);
}

.product-icons.right-aligned tooltip.tooltip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  padding: 6px 6px;
  left: unset;
  right: 100%;
  bottom: -50%;letter-spacing:0.02rem;
  white-space: nowrap;
  margin-bottom: 26px;
  visibility: hidden;
  z-index: -1;
  background: rgb(var(--color-secondary-button));
  color: rgb(var(--color-secondary-button-text));
  font-size: calc(var(--font-base-size) - 2px);
  font-weight:500;
  line-height: normal;
  transition: all var(--duration-default) linear;
  transform: none;
  border-radius: var(--badge-corner-radius);
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  text-transform:capitalize;
}
.product-icons.right-aligned tooltip.tooltip:before {
  left: unset;
  border-top: 6px solid rgb(var(--color-secondary-button));
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: rotate(270deg);
  right: -8px;
  content: "";
  position: absolute;
  bottom: 42%;
  opacity:0;
}
.product-icons.right-aligned li:hover tooltip.tooltip {
  opacity: 1;
  /* right: 100%; */
  visibility: visible;
  transform: translateX(-6px);
  -webkit-transform: translateX(-6px);
}
.product-icons.right-aligned li:hover tooltip.tooltip:before {
    opacity: 1;
}
.card__content ul[class*="variant-option"] span {
  transition: all linear 0.3s;
  /*     box-shadow: 0px 0px 1px 0px currentcolor,inset 0 0 0 4px var(--gradient-background); */
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
  line-height: normal;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.card__content .variant-option-size li:hover a span,
.card__content .variant-option-size li.size-values a.active span {
  color: rgba(var(--color-secondary-button-text));
  background:rgba(var(--color-secondary-button));
}
.card__content .variant-option-size li a {
  border: 1px solid transparent;
  position: relative;
}
.card__content [class*="variant-option"] {
  display: flex;
  justify-content:var(--text-alignment);
  margin: 0;
  padding: 0;
  flex-wrap: wrap;gap:5px;
}
.card__content ul[class*="variant-option-size"] a {
  margin: 0px;
  border-radius: 50%;
  cursor: pointer;
}
.card__content ul.variant-option-size li span {
  border-radius: var(--border-radius);
  background: transparent;
  box-shadow: none;
  padding: 0px 5px;
  font-size: calc(var(--font-base-size) - 2px);
  /* border:1px solid rgba(var(--color-border)); */
  min-width: 25px;
  min-height: 25px;
  background: rgba(var(--color-foreground), 0.15);
}
.card__content ul.variant-option-size li [type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.card__content ul.variant-option-size li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all var(--duration-default) linear;
  border-radius: var(--DTRadius);
  margin-top: 0;
}
/* .card__content ul[class*=variant-option-size] {
    margin-top: 10px;
} */
.list-view-filter .card__content ul[class*=variant-option-size]{margin:10px 0 0;}
.quick-add-modal__content-info .dT_bundleSelector {
  display: none;
}
.card__inner .product-icons button svg {
  position: relative;width:20px;height:18px;
}
.card__inner .product-icons a:hover,
.card__inner .product-icons button:hover {
    background: rgb(var(--color-secondary-button));
    color: rgb(var(--color-secondary-button-text));
}



/*collection*/
.card__information .card__heading {
  transition: all var(--duration-default) linear;
  text-transform: uppercase;
}
.card__information .caption-with-letter-spacing {
color: rgba(var(--color-foreground));
}
.card__information .card__heading a {
  transition: all var(--duration-default) linear;
}
.card__information .card__heading a:hover {
  color: rgb(var(--color-link-hover));
}


/*card- tag*/
.card__information .card-information.new--tag span.badge.badge--new {
  border: none;
  border-radius: 0;
  padding: 4px 12px 2px;
  /*     position: absolute;
    top: 13px;
    right: 15px; */
  transition: all 0.3s linear;
  margin-bottom: 10px;
  color: rgb(var(--color-button-text));
  background: rgba(var(--color-button),var(--alpha-button-background));
  border-radius: var(--badge-corner-radius);
}
.card-information.new--tag {
  margin-bottom: 0px;
}
.card__information .card-information.new--tag span.badge__text {
  /* color: var(--gradient-base-accent-2); */
  font-family: var(--font-additional-family);
  letter-spacing: 0.2rem;
}
.card__badge .badge {
  border-radius: 0;
  border: none;
  padding: 8px 10px 6px;
  position: absolute;
  font-size: calc(var(--font-base-size) - 2px);
  font-family: var(--font-heading-family);
  font-weight: 500;
  transition: all 0.3s linear;
  border-radius: var(--badge-corner-radius);
  letter-spacing: 0px;
  text-transform: capitalize;
}
.card__badge .badge.badge-sale {
  background:rgb(var(--sale_badge_color));
  color:rgb(var(--sale_badge_color_text));
}
.card__badge .badge.badge-sold {
  background:rgb(var(--soldout_badge_color));
  color:rgb(var(--soldout_badge_color_text));
}
.card__badge.bottom-right .badge {
  bottom: 15px;
  right: 15px;
}
.card__badge.bottom-left .badge {
  bottom: 15px;
  left: 15px;
}
.card__badge.top-right .badge {
  top: 15px;
  right: 15px;
}
.card__badge.top-left .badge {
  top: 15px;
  left: 15px;
}

.cart-drawer .cart-items thead th {
  opacity: 1;
  font-weight: 700;
  font-size: calc(var(--font-base-size) - 2px);
}
.optional-sidebar ul.product-list-style .card__badge .badge {
  display: none;
}
li.color-values-plus a {
  font-size: calc(var(--font-base-size) - 4px);
  min-width: auto;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-icon);
}
#swiper-sidebar-carousel {
  overflow: hidden;
}
/* .card__content .variant-option-color li a{border: 1px solid transparent;cursor: pointer!important;}
.card__content .variant-option-color li a.active,
.card__content .variant-option-color li a:hover{border:1px solid rgba(var(--color-base-solid-button-labels));} */
/*sidebar*/

.widget.product-sidebar-type-collection .product-list-style .quick-add {
  position: absolute;
  left: 0;
}
.widget.product-sidebar-type-collection
  ul.product-list-style
  li:not(:last-child) {
  margin-bottom: 20px;
}
.widget.product-sidebar-type-collection
  .product-list-style
  .card--card
  .quick-add {
  margin: 1rem 0rem 1rem;
}
/* Deals Block */
.card .product-deal-count .deal-lable {
  display: none;
}
.card .product-deal-count .deal-clock {
  display: inline-block;
  text-align: center;
  width: calc(100% - 40px);
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  transition: all 0.3s linear;
}
.card .product-deal-count .deal-clock ul {
  padding: 8px 0;
  list-style: none;
  text-align: center;
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 0;
  margin-top: 0;
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  border-radius: var(--media-radius);
}
.card .product-deal-count .deal-clock ul li {
  padding: 0.6rem;
  margin: 0;
  display: inline-block;
  text-align: center;
  border: none;
  line-height: normal;
  font-size:var(--font-h3-size);
  font-weight:var(--font-heading-weight);
  position:relative;
  /* background: rgba(var(--color-button));
  color: rgba(var(--color-button-text));
  font-weight:500;
  border-radius:var(--media-radius); */
}
.card .product-deal-count .deal-clock ul li span {
  border: none;
  font-size: calc(var(--font-base-size) - 2px);
  display: block;
  min-width: auto;
  min-height: auto;
  color: rgba(var(--color-foreground),0.6);
}
.card .product-deal-count .deal-clock ul li:not(:last-child):after{
  content:':';
  right:-3px;
  position:absolute;
  top:50%;
  color: rgba(var(--color-foreground),0.6);
  line-height:normal;
  transform:translateY(-50%);
}


.card .product-deal-count .deal-clock ul li i {
  display: block;
}
.card-wrapper.underline-links-hover .card:hover .product-deal-count {
  opacity: 0;
}
.card-wrapper.underline-links-hover .card .product-deal-count{
  opacity:1;
  transition:all 0.3s linear
}
.card-wrapper.underline-links-hover .card:hover .product-deal-count .deal-clock{bottom:-50px}

/* .card-wrapper .card__inner {
  overflow: hidden;
} */
.card-wrapper .card__inner .quick-add.button-quick-add {
  position: absolute;
  bottom: 0%;
  left: 20px;
  right: 20px;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s linear;
  flex-direction: column;
  pointer-events:all;margin:0;
}
.card-wrapper .card:hover .card__inner .quick-add.button-quick-add {
  bottom: 80px;
  opacity: 1;
}


/* .collection-list .swiper-button-next,
.collection-list .swiper-button-prev {
  top: 56%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
} */
/* 
.collection-list .swiper-button-next span,
.collection-list .swiper-button-prev span,
.collection .swiper-button-next span,
.collection .swiper-button-prev span  {    display: flex;align-items: center;}

.collection-list .swiper-button-next span svg,
.collection-list .swiper-button-prev span svg,
.collection .swiper-button-next span svg,
.collection .swiper-button-prev span svg {
  width: 11px;
  height: 11px;
  fill: currentcolor;
}
.collection-list .swiper-button-next,
.collection-list .swiper-button-prev{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all 0.3s linear;
  opacity:0;
}
.collection-list .swiper:hover  .swiper-button-next,
.collection-list .swiper:hover  .swiper-button-prev{opacity:1;}
.collection .swiper-button-next,
.collection .swiper-button-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgb(var(--color-base-accent-1));
   color: var(--gradient-base-background-1);
  transition: all 0.3s linear;

}
.collection .swiper-button-next:hover,
.collection .swiper-button-prev:hover{
      background: rgb(var(--color-base-outline-button-labels));
      color: var(--gradient-base-background-1);
} */
.card-wrapper .quick-add__submit.button {
  margin-top: 10px;
}

/* .grid--5-col-desktop .card-wrapper .quick-add__submit.button{padding:0 20px;} 
 @media screen and (max-width: 1540px) and (min-width:1200px) {
.card-wrapper .quick-add__submit.button{padding:0 20px;}
}  */

/*custom*/
.product__info-wrapper .dT_VProdWishList a:not(.adding).add-wishlist:before {
  content: "";
  -webkit-mask-image: url("Wishlist-icon.svg");
  mask-image: url("Wishlist-icon.svg");
  background: currentColor;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;right:0;
  margin: auto;
  -webkit-mask-repeat: no-repeat;  
  -webkit-mask-size: contain; 
}
.product__info-wrapper
  .dT_VProdWishList
  a:not(.adding).added.add-wishlist:before {
  content: "";
  -webkit-mask-image: url("wishlist-fill-icons.svg");
  mask-image: url("wishlist-fill-icons.svg");
  background: currentColor;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;right:0;
  margin: auto;
  -webkit-mask-repeat: no-repeat;
   
}
.product__info-wrapper a.add-wishlist.button--secondary {
  position: relative;
  cursor:pointer;
  /* color: rgb(var(--color-base-accent-1)); */
}

.product__info-wrapper .dT_VProdCompareList a:not(.adding).add-compare:before {
  content: "";
  -webkit-mask-image: url("Compare-icon.svg");
  mask-image: url("Compare-icon.svg");
  background: currentColor;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;right:0;
  margin: auto;
   -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.product__info-wrapper
  .dT_VProdCompareList
  a:not(.adding).added.add-compare:before {
  content: "";
  -webkit-mask-image: url("compare-fill.svg");
  mask-image: url("compare-fill.svg");
  background: currentColor;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;right:0;
  margin: auto;
  -webkit-mask-repeat: no-repeat;   
}

.product__info-wrapper .dT_VProdWishList a.adding:before, .product__info-wrapper .dT_VProdCompareList a.adding:before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-image: url(loading-icon.gif);
    mask-image: url(loading-icon.gif);
    -webkit-mask-position: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
}

.product__info-wrapper a.add-compare.button--secondary {
  position: relative;
  /* color: rgb(var(--color-base-accent-1)); */
}


.custom-featured-collection .title-wrapper-with-link > .description {
  max-width: 341px;
  margin: 15px 0 0;
  text-align: center;
}
.custom-featured-collection .title-wrapper-with-link {
  margin-bottom: 40px;
}

.collection.custom-arrow-featured-collection .swiper-button-prev {
  display: none;
}
.collection.custom-arrow-featured-collection .swiper-button-next {
  top: -70px;
}
.collection.custom-arrow-featured-collection .swiper {
  /*   overflow: visible; */
}
.collection.custom-arrow-featured-collection .row {
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .collection.custom-arrow-featured-collection .swiper-button-next,
  .collection.custom-arrow-featured-collection .swiper-button-prev {
    top: unset;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .collection.custom-arrow-featured-collection .swiper-button-next {
    left: 40px;
  }
  .collection.custom-arrow-featured-collection .swiper-button-prev {
    display: flex;
    right: 40px;
  }
  .collection.custom-arrow-featured-collection .swiper {
    margin-bottom: 50px;
  }
  .optional-sidebar .card__information .card__heading a {
    font-size: Calc(var(--font-h5-size) - 4px);
}
  .optional-sidebar .card--card.card--media>.card__content{padding:15px 0;}
  
}

.rating {
  display: inline-block;
  margin: 0;
}

.product .rating-star {
  --letter-spacing: 0.2;
  --font-size: 1.5;
}
.card-wrapper .card-information.review{display: flex;justify-content: var(--text-alignment);}
.card-wrapper .rating-star {
  --letter-spacing: 0.1;
  --font-size: 1.4;
}

.rating-star {
  --percent: calc(
    (
        var(--rating) / var(--rating-max) + var(--rating-decimal) *
          var(--font-size) /
          (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
      ) * 100%
  );
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: flex;
  font-family: Times;
  margin: 0 0 2px;
}
p.rating-count.caption span {
  font-size: calc(var(--font-base-size) - 2px);
  display: none;
}
.rating-star::before {
  content: "★★★★★";
    background: linear-gradient(90deg,rgb(242 181 0 / 100%) var(--percent),rgb(242 181 0 / 15%)var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(242 181 0 / 40%);
  font-size:var(--font-base-size);
}

.rating-text {
  display: none;
}

.rating-count {
  display: inline-block;
  margin: 0;
}

@media (forced-colors: active) {
  .rating {
    display: none;
  }

  .rating-text {
    display: block;
  }
}
.product-card-placeholder .card:not(.ratio) {
    height: auto;
}
/*overlay - card style*/

/* .card_style-card_with_overlay .card-wrapper .card__inner .varient-buttons-wrapper {position: absolute;width: 100%;height: auto;z-index: 2;bottom:0;transition:all 0.3s linear;opacity:0;}
.card_style-card_with_overlay .card-wrapper .card:hover .card__inner .varient-buttons-wrapper{bottom:20px;opacity:1;}
.card_style-card_with_overlay .card-wrapper .card__inner .quick-add.button-quick-add{display:flex; flex-wrap:wrap;flex-direction:row;justify-content:center;grid-gap: 10px; text-align: center; margin: 0 auto;position: relative;opacity: 1; left: 0;right: 0;margin-top:10px;}
.card_style-card_with_overlay .card-wrapper .card:hover .card__inner .quick-add.button-quick-add { bottom: 0;}
.card_style-card_with_overlay .card-wrapper .card .quick-add .button { padding: 5px 15px; font-size: calc(var(--font-base-size) - 4px); border-radius: var(--border-radius); font-weight: 500; margin: 0; line-height: 20px;} */
.product-grid-container .list-view-filter .card-wrapper .card .card__content{    padding: var(--content-padding);}
.card_style-card_with_overlay  .card--card.card--media>.card__content{    padding: var(--content-padding) 0 0 0;}
.card_style-card_with_overlay .card__content ul.variant-option-size { justify-content: center; align-items: center;margin: auto; transition:all 0.3s linear; pointer-events: all;position:absolute;left:0;right:0;bottom:-20px;padding:20px 10px;gap:30px;background:rgba(var(--color-foreground),0.39);opacity:0;transition:all 0.3s linear;}
.card_style-card_with_overlay .card:hover .card__content ul.variant-option-size {opacity:1;bottom:0;}
.template-collection .card_style-card_with_overlay .card__content ul.variant-option-size { gap:20px;}
.card_style-card_with_overlay  .card__content ul.variant-option-size li span {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    font-size: var(--font-base-size);
    font-weight: var(--font-heading-weight);
    line-height: normal;
    min-width: max-content;
    min-height: max-content;
}
.card_style-card_with_overlay .card .card__inner .card__media:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(var(--color-base-background-1),.0);
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: all .3s linear;
    left:0;
}

.card_style-card_with_overlay .card:hover .card__inner .card__media:before {  opacity: 1;}
.card_style-card_with_overlay .card__content .variant-option-size li.size-values a{   color: rgba(var(--color-button-text));display:flex;align-items:center;border:none;}
.card_style-card_with_overlay .card__content .variant-option-size li.size-values a:hover,
.card_style-card_with_overlay .card__content .variant-option-size li.size-values a.active,
.card_style-card_with_overlay .card__content .variant-option-size li:hover a span, .card_style-card_with_overlay .card__content .variant-option-size li.size-values a.active span{ color: rgba(var(--color-link-hover));}  
.card-wrapper .offer-new-badge.top-left .card-information.new--tag{position: absolute;left: 15px;top: 50px;width: max-content;}
.card-wrapper .card-information.new--tag .badge.badge--new{    background: rgba(var(--new_badge_color));color: rgba(var(--new_badge_color_text));padding: 4px 8px 4px;line-height: normal;}
.card-wrapper .offer-new-badge .card-information.new--tag:only-child,
.card-wrapper .offer-new-badge .card-information.new--tag{left:15px;top:15px;position: absolute;width: max-content;}


/*buttons only - card style*/
.card_style-card_with_buttons .card-wrapper.underline-links-hover .card .card__inner .product-icons{opacity:1;  right: 20px; top: 20px;}
.card_style-card_with_buttons .card-wrapper.underline-links-hover .card:hover .card__inner .product-icons{right:20px;}
.card_style-card_with_buttons .card-wrapper .card__inner .quick-add.button-quick-add{ display:flex; flex-wrap:wrap;flex-direction:row;justify-content:center;grid-gap: 10px; text-align: center; margin: 0 auto;}
.card_style-card_with_buttons .card-wrapper .card .quick-add .button { padding: 5px 20px; font-size: calc(var(--font-base-size) - 2px); border-radius: var(--border-radius); font-weight: 500; margin: 0; line-height: 20px;}
.card_style-card_with_buttons  .card .card__inner .card__media:before { content: ""; width: 100%; height: 100%; background: rgba(var(--color-base-background-1),.8); position: absolute; z-index: 1; opacity: 0; transition: all .3s linear; left:0;}
.card_style-card_with_buttons .card:hover .card__inner .card__media:before {  opacity: 1;}
.collection .product-grid:not(.list-view-filter) .card--card.card--media>.card__content {display: block;}
.product-sidebar-type-collection .card--card.card--media>.card__content {align-self: center;}


.quick-add-modal__content-info .page-full-width.page-full-width_spacing{padding:0;}
.quick-add-modal__content-info .page-full-width.page-full-width_spacing .row{margin:0;}

#add-to-cart-icon .product-icons li >:not(product-form, tooltip) {display: none;}
#add-to-cart-icon .product-icons li{margin:0;}

/* button_width_icons */
.card_style-button_width_icons .size-quick-add {position: absolute;bottom: -100%;width: 100%;transition:all 0.5s linear;}
.card_style-button_width_icons .card__content ul.variant-option-size { justify-content: center; align-items: center;margin: auto; transition:all 0.3s linear; pointer-events: all;padding:20px 10px;gap:30px;background:rgba(var(--color-foreground),0.39);transition:all 0.3s linear;}
.card_style-button_width_icons  .card__content ul.variant-option-size li span {border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    font-size: var(--font-base-size);
    font-weight: var(--font-heading-weight);
    line-height: normal;
    min-width: max-content;
    min-height: max-content;}
.card_style-button_width_icons .card-wrapper .card__inner .quick-add.button-quick-add{position:relative;left: 0;right: 0;bottom: 0;opacity: 1;}
.card_style-button_width_icons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add{bottom:0;}
.card_style-button_width_icons .card-wrapper .quick-add__submit.button{margin:0;border-radius:0;}
.card_style-button_width_icons .card-wrapper .card:hover .size-quick-add {bottom:0;}
.card .card__inner .product-icons button  .loading-overlay__spinner svg {width:15px;height:15px;}

@media screen and (min-width: 1541px){
 .facets-vertical.sidebar-left .product-grid-container .list-view-filter li.grid__item,
  .facets-vertical.sidebar-right .product-grid-container .list-view-filter li.grid__item{
    width: 100%;
    max-width: 100%;
  }
  .list-view-filter .card-wrapper .card
  .product-grid-container .list-view-filter li.grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@media screen and (max-width: 1439px){
.card .product-deal-count .deal-clock{    width: calc(100% - 30px);}
.card .product-deal-count .deal-clock ul li{padding:0.4rem;}
 .card .product-deal-count .deal-clock ul{padding:8px 0;} 
.card_style-card_with_overlay .card__content ul.variant-option-size,
.card_style-button_width_icons .card__content ul.variant-option-size {gap: 20px;}
.template-collection .card_style-card_with_overlay .card__content ul.variant-option-size { gap:10px;}  
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading a,
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading{font-size:calc(var(--font-h3-size) * 0.8);}
}
@media screen and (max-width: 1199px){
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading a,
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading{font-size:calc(var(--font-h3-size) * 0.6);}
}
@media screen and (max-width: 576px){
.card .product-deal-count .deal-clock ul li{font-size: calc(var(--font-h3-size) * 0.7);}
.card .product-deal-count .deal-clock {width: calc(100% - 20px);bottom:10px;}  
  .card_style-card_with_overlay .card__content ul.variant-option-size,
.card_style-button_width_icons .card__content ul.variant-option-size {gap: 10px;}
}
@media screen and (max-width: 480px){
.card .product-deal-count .deal-clock ul li{font-size:calc(var(--font-h3-size) * 0.6); padding:0.4rem;}
.card .product-deal-count .deal-clock ul li span{font-size:calc(var(--font-base-size) - 4px);}  
.card_style-standard .card-wrapper .card:hover .card__inner .quick-add.button-quick-add,
.card_style-card_with_buttons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add,
.card_style-button_width_icons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add{ bottom: 10px;}

  
.card_style-standard .card-wrapper .card__inner .quick-add.button-quick-add,
.card_style-card_with_buttons .card-wrapper .card .card__inner .quick-add.button-quick-add,
.card_style-button_width_icons .card-wrapper .card .card__inner .quick-add.button-quick-add {bottom:-20px;} 
  
  
.product-icons.right-aligned tooltip.tooltip{display:none;}  
.card .product-deal-count .deal-clock ul{gap:2px;padding:0;border-radius:calc(var(--media-radius) / 2);}  
.product-icons li {margin:3px;}  
.card-wrapper .quick-add__submit.button{padding: 0;min-width: 8rem;font-size: calc(var(--font-base-size) - 4px);}  
.card-wrapper .card:hover .card__inner .quick-add.button-quick-add{bottom:20px;}  
.card_style-card_with_buttons .card-wrapper .card__inner .quick-add.button-quick-add modal-opener,
.card_style-card_with_overlay .card-wrapper .card__inner .quick-add.button-quick-add modal-opener,
.card_style-standard .card-wrapper .card__inner .quick-add.button-quick-add modal-opener,
.card-wrapper .card__inner .quick-add.button-quick-add modal-opener{display: none;}
.card_style-card_with_overlay .card-wrapper .card:hover .card__inner .varient-buttons-wrapper{bottom:10px;}

.card .product-deal-count .deal-clock{    width: calc(100% - 10px);}  
.card__badge .badge {
    padding: 7px 5px 6px;
    font-size: calc(var(--font-base-size) - 4px);
} 
.card_style-card_with_overlay .card__content ul.variant-option-size{padding:10px 10px 5px;} 
.card_style-card_with_overlay .card__content ul.variant-option-size,
.card_style-button_width_icons .card__content ul.variant-option-size  {display:none;}  

.card__content .variant-option-color li:first-child  a tooltip.tooltip{left:0;transform:translateY(-8px) translateX(0%);-webkit-transform:translateY(-8px) translateX(0%);}
.card__content .variant-option-color li:first-child  a:hover tooltip.tooltip{transform:translateY(-4px) translateX(0%);-webkit-transform:translateY(-4px) translateX(0%);}
.card__content .variant-option-color li:first-child  a tooltip.tooltip:before  {left:7px;transform: translate(0%)}   
.collection .card__information .card__heading a{    font-size: calc(var(--font-h5-size) * 0.9);}
.card__inner .product-icons a, .card__inner .product-icons button{width:3rem;height:3rem;}
.card_style-card_with_overlay .card--card.card--media>.card__content, .card_style-button_width_icons .card--card.card--media>.card__content{
    padding: calc(var(--content-padding) / 2) 0 0 0;
}  
.card_style-button_width_icons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add{bottom:0;}  
.card-wrapper .card-information.new--tag{top: 40px;}
.card-wrapper .card-information.new--tag .badge.badge--new{ padding: 3px 5px 4px;font-size: calc(var(--font-base-size) - 4px);}
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading a,
.card_style-card_with_overlay .product-card-wrapper  .card__information .card__heading{font-size:calc(var(--font-h3-size) * 0.55);} 
.card__information>* {margin-bottom: 14px;}  
}

@media screen and (max-width: 389px){
.card_style-standard .card-wrapper .card:hover .card__inner .quick-add.button-quick-add,
.card_style-card_with_buttons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add,
.card_style-button_width_icons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add  { bottom: 20px;}
.card .product-deal-count .deal-clock ul li{font-size:calc(var(--font-h3-size) * 0.55); padding:0.2rem;}
.card .product-deal-count .deal-clock ul li span{font-size:calc(var(--font-base-size) - 6px);}  
/* .card .product-deal-count .deal-clock ul li:not(:last-child):after{display:none;}   */
  .card_style-button_width_icons .card-wrapper .card:hover .card__inner .quick-add.button-quick-add{bottom:0;}  
}
@media screen and (max-width: 1800px){

.list-view-filter .card-wrapper .card{    grid-template-columns: 2fr 4fr;}  
}

@media screen  and (min-width: 481px){
.collection-list  .collection-list.overlay + .swiper-navigation .swiper:hover .swiper-button-next, .collection-list .collection-list.overlay .swiper:hover .swiper-button-prev{top:0 !important;transform: none;}
.collection-list  .collection-list.overlay + .swiper-navigation .swiper-button-next, .collection-list .collection-list.overlay + .swiper-navigation .swiper-button-prev{top:0 !important; bottom:0; margin:auto;transform: none;}
}


/* Bottom alignment*/


.card_style-card_with_icons .product-icons.bottom-aligned{top:auto;bottom:0;left:0;flex-direction: row;width: calc(100% - 40px); margin: auto;padding:0;align-items:center;gap:10px;}
.card_style-card_with_icons .card-wrapper.underline-links-hover .card:hover .card__inner .product-icons.bottom-aligned{right:0;bottom:30px;}
.card_style-card_with_icons .product-icons.bottom-aligned li{margin:0;display:flex;align-items:center;cursor:pointer;}
.card_style-card_with_icons .card__inner .product-icons.bottom-aligned tooltip.tooltip{left:50%;}
.card_style-card_with_icons .card--card.card--media>.card__content{padding: var(--content-padding) 0 0 0;}

@media screen and (max-width:480px){
.card_style-card_with_icons .card-wrapper.underline-links-hover .card .card__inner .product-icons.bottom-aligned{right:0;top:auto;bottom:10px;}
.card_style-card_with_icons .card-wrapper.underline-links-hover .card:hover .card__inner .product-icons.bottom-aligned{right:0;bottom:10px;}  
.card_style-card_with_icons .card__inner .product-icons.bottom-aligned button svg{width:18px;height:18px;}  
.card_style-card_with_icons .card__inner .product-icons.bottom-aligned tooltip.tooltip{display:none;}  
}
/* ==== custom-animation.css ==== */
:root {
    --duration-short: .1s;
    --duration-default: .2s;
    --duration-announcement-bar: .25s;
    --duration-medium: .3s;
    --duration-long: .5s;
    --duration-extra-long: .6s;
    --duration-extra-longer: .75s;
    --duration-extended: 3s;
    --ease-out-slow: cubic-bezier(0, 0, .3, 1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}


/* Fixed background */
.animate--fixed {
  clip-path: inset(0);
}

.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > svg {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

/* Animations */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > svg {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }

  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
 
  }

  .scroll-trigger.animate--slide-in,
   .scroll-trigger.animate--fade-in {
    transform: translateY(2rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity:1;
    animation: var(--animation-fade-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }

  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }

  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }

  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    transform: rotate(0.5deg); /* Less intense rotation for collage items. */
  }

  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }

  .animate--hover-3d-lift .product-grid {
    isolation: isolate; /* Ensure z-index changes here don't negatively effect other UI stacking. */
  }

  .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }

  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 55%
    );
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }

  :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif');
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem);
  }

  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }

  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  }

  .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}
/* ==== swiper-bundle.min.css ==== */
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ==== custom-swiper.css ==== */
/* swiper */

.swiper-button-next, .swiper-button-prev{
color: rgba(var(--color-secondary-button)) !important;
background: rgba(var(--color-secondary-button-text)) !important;
width: 42px !important;
height: 42px !important;
border-radius: 50%; border: 1px solid rgba(var(--color-border),var(--color-border-opacity));
transition: all 0.3s linear;  
}
 .swiper-pagination-bullet-active{ background: rgba(var(--color-button))!important;} 
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px ;}
.swiper-button-prev:hover, .swiper-button-next:hover{color:rgba(var(--color-secondary-button-text)) !important;background:rgba(var(--color-secondary-button)) !important;}
.swiper-button-next{right:40px;opacity:0;left: auto;}
.swiper-button-prev{left:40px;opacity:0;right: auto;}
.swiper:hover .swiper-button-next,
.swiper-container:hover .swiper-button-next{right:50px;opacity:1;}
.swiper:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-prev{left:50px;opacity:1;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: not-allowed;pointer-events: auto;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: not-allowed;pointer-events: auto;
}
.swiper:hover .swiper-button-next.swiper-button-disabled,
.swiper:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  width: 100%;
  padding:1rem;
}
  .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
  width: 5px!important;
  height: 5px!important;
  position: relative;
  transition: all var(--duration-default) linear;
}

.swiper-pagination-bullet:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: rgb(var(--color-button));
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  transition: all var(--duration-default) linear;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:before {
  transition: all var(--duration-default) linear;
  width:25px!important;
}

/*swiper- product tab*/
.tabs_container .swiper-button-next span:after,
.tabs_container .swiper-button-prev span:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

@media screen and (max-width: 1200px){
  .swiper-button-next{right:20px;}
  .swiper-button-prev{left:20px;}
  .swiper:hover .swiper-button-next,
  .swiper-container:hover .swiper-button-next{right:30px;}
  .swiper:hover .swiper-button-prev,
  .swiper-container:hover .swiper-button-prev{left:30px;}
  .swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size) - 5px); height: calc(var(--swiper-navigation-size) - 5px);}
}

@media screen and (max-width: 480px){
.swiper-navigation {position: relative;display: flex;justify-content: center;margin-top: 20px;}
.swiper-button-next, .swiper-button-prev {position: relative;right: 0;left: 0;top: auto;opacity: 1;transform: none;margin: 0 12px;width: calc(var(--swiper-navigation-size) - 15px); height: calc(var(--swiper-navigation-size) - 15px);  }  
.swiper-button-next:after, .swiper-button-prev:after{font-size:14px;}
 .swiper-button-prev {order: -1;}  
.swiper:hover .swiper-button-next, .swiper-container:hover .swiper-button-next {right: 0!important;}  
.swiper:hover .swiper-button-prev, .swiper-container:hover .swiper-button-prev{left:0!important;}  
.swiper .swiper-button-prev, .swiper-container .swiper-button-prev{opacity:1;}  
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0.5;}  
}


/* ==== animate.min.css ==== */

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* ==== placeholder.css ==== */
.placeholder-shadow-blocks .thumbnail-list__item:before {padding-bottom:0 !important;}
.placeholder-shadow-blocks .product-form__input input[type=radio]:checked+.swatch-element label {border:none;}
.placeholder-shadow-blocks .product__info-container #add-frequently-bought {
  color: #f1f1f1;
    background: #f1f1f1;}
.placeholder-shadow-blocks .product__title,
.placeholder-shadow-blocks .product__media.media media--transparent.gradient,
.placeholder-shadow-blocks .thumbnail-list__item .thumbnail,
.placeholder-shadow-blocks .product__info-container .swatch-variant-image,
.placeholder-shadow-blocks .price__container,
.placeholder-shadow-blocks .social-proof-sales,
.placeholder-shadow-blocks .product__text,
.placeholder-shadow-blocks .product__info-container p,
.placeholder-shadow-blocks .product__info-container .form__label,
.placeholder-shadow-blocks .product__info-container .html-sections-product p,
.placeholder-shadow-blocks .product__info-container .product-form__input  input[type="radio"] + label,
.placeholder-shadow-blocks .product__info-container .swatch-variant-color,
.placeholder-shadow-blocks .product__info-container .size-chart,
.placeholder-shadow-blocks .product__info-container .dT_VProdWishList,
.placeholder-shadow-blocks .product__info-container .dT_VProdCompareList,
.placeholder-shadow-blocks .product__info-container .product__pickup-availabilities,
.placeholder-shadow-blocks .product__info-container .shopify-payment-button,
.placeholder-shadow-blocks .product__info-container .product-form__input.product-form__quantity,
.placeholder-shadow-blocks .product__info-container .product-form__input.product-form__quantity .quantity,
.placeholder-shadow-blocks .product__info-container button.product-form__submit,
.placeholder-shadow-blocks .product__info-container .list-payment__item,
.placeholder-shadow-blocks .product__info-container .dt-sc-enquiry-form,
.placeholder-shadow-blocks .product__info-container label.deal-lable.product-label,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .days,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .hours,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .minutes,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .seconds,
.placeholder-shadow-blocks .product__info-container .product-attributes .product-label,
.placeholder-shadow-blocks .product__info-container .product-fbt__media,
.placeholder-shadow-blocks .product__info-container  .rating-star,
.placeholder-shadow-blocks .product__info-container .adv-product-list li,
.placeholder-shadow-blocks .product__info-container ul.custom-select li,
.placeholder-shadow-blocks .product__info-container .qty-controls,
.placeholder-shadow-blocks .product__info-container #add-frequently-bought,
.placeholder-shadow-blocks .product__info-container #subtotal-value,
.placeholder-shadow-blocks .product__info-container .share-button__button,
.placeholder-shadow-blocks .product__info-container .product-attributes-value,
.placeholder-shadow-blocks .product-form__input input[type=radio]:checked+.swatch-element,
.placeholder-shadow-blocks .product__info-container .product-form__buttons,
.placeholder-shadow-blocks  .complementary-products__container .accordion__title,
.placeholder-shadow-blocks .complementary-slider,
.placeholder-shadow-blocks .product__info-container .product__payment .list-payment,
.placeholder-shadow-blocks .main-product_info.product.product--thumbnail button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow[aria-current="true"],
.placeholder-shadow-blocks .product--thumbnail .product__media-wrapper .slider-mobile-gutter .slider-button,
.placeholder-shadow-blocks .optional-sidebar.product__info-container--sticky,
.placeholder-shadow-blocks .widget.product-sidebar-type-carousel,
.placeholder-shadow-blocks .main-product_info .product-deal-count .deal-clock ul,
.placeholder-shadow-blocks span.low_stock,
.placeholder-shadow-blocks .product .price .badge, .placeholder-shadow-blocks .product .select, .placeholder-shadow-blocks .shopify-app-block
{
  position: relative;
}
.placeholder-shadow-blocks .main-product_info.product.product--thumbnail button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow[aria-current="true"]{ border:none;}
.placeholder-shadow-blocks .product__info-container p:before,
.placeholder-shadow-blocks .product__info-container .list-payment__item:before,
.placeholder-shadow-blocks .product__info-container  .product-form__input.product-form__quantity .quantity:before,
.placeholder-shadow-blocks .product__info-container .product-form__input.product-form__quantity:before,
.placeholder-shadow-blocks .product__title:before,
.placeholder-shadow-blocks .product__media.media.media--transparent.gradient:before,
.placeholder-shadow-blocks .thumbnail-list__item .thumbnail:before,
.placeholder-shadow-blocks .product__info-container .swatch-variant-image:before,
.placeholder-shadow-blocks .price__container:before,
.placeholder-shadow-blocks .social-proof-sales:before,
.placeholder-shadow-blocks .product__text:before,
.placeholder-shadow-blocks .product__info-container .form__label:before,
.placeholder-shadow-blocks .product__info-container .product__pickup-availabilities:before,
.placeholder-shadow-blocks .product__info-container .swatch-variant-color:before,
.placeholder-shadow-blocks .product__info-container .product-form__input input[type="radio"] + label:before,
.placeholder-shadow-blocks .product__info-container .size-chart:before,
.placeholder-shadow-blocks .product__info-container .dT_VProdWishList:before,
.placeholder-shadow-blocks .product__info-container .dT_VProdCompareList:before,
.placeholder-shadow-blocks .product__info-container .html-sections-product  p:before,
.placeholder-shadow-blocks .product__info-container .shopify-payment-button:before,
.placeholder-shadow-blocks .product__info-container button.product-form__submit:before,
.placeholder-shadow-blocks .product__info-container .dt-sc-enquiry-form:before,
.placeholder-shadow-blocks .product__info-container label.deal-lable.product-label:before,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .days:before,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .hours:before,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .minutes:before,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .seconds:before,
.placeholder-shadow-blocks .product__info-container .product-attributes .product-label:before,
.placeholder-shadow-blocks .product__info-container .product-fbt__media:before,
.placeholder-shadow-blocks .product__info-container .rating-star:before,
.placeholder-shadow-blocks .product__info-container .adv-product-list li:before,
.placeholder-shadow-blocks .product__info-container ul.custom-select li:before,
.placeholder-shadow-blocks .product__info-container #add-frequently-bought:before,
.placeholder-shadow-blocks .product__info-container #subtotal-value:before,
.placeholder-shadow-blocks .product__info-container .share-button__button:before,
.placeholder-shadow-blocks .product__info-container .product-attributes-value:before,
.placeholder-shadow-blocks .product__info-container .qty-controls:before,
.placeholder-shadow-blocks .product-form__input input[type=radio]:checked+.swatch-element:before,
.placeholder-shadow-blocks .product__info-container .product-form__buttons:before,
.placeholder-shadow-blocks  .complementary-products__container .accordion__title:before,
.placeholder-shadow-blocks .complementary-slider:before,
.placeholder-shadow-blocks .product__info-container .product__payment .list-payment:before,
.placeholder-shadow-blocks .main-product_info.product.product--thumbnail button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow[aria-current="true"]:before,
.placeholder-shadow-blocks .product--thumbnail .product__media-wrapper .slider-mobile-gutter .slider-button:before,
.placeholder-shadow-blocks .optional-sidebar.product__info-container--sticky:before,
.placeholder-shadow-blocks .widget.product-sidebar-type-carousel:before,
.placeholder-shadow-blocks .main-product_info .product-deal-count .deal-clock ul:before,
.placeholder-shadow-blocks span.low_stock:before,
.placeholder-shadow-blocks .product .price .badge:before, .placeholder-shadow-blocks .product .select:before, .placeholder-shadow-blocks .shopify-app-block:before
{
  content: "";
  position: absolute;
  inset: -2px !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  z-index: 1;
  border-radius: 3px;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
  background: #f5f5f5;
}
.placeholder-shadow-blocks .product__info-container p:after,
.placeholder-shadow-blocks .product__info-container .list-payment__item:after,
.placeholder-shadow-blocks .product__info-container  .product-form__input.product-form__quantity .quantity:after,
.placeholder-shadow-blocks .product__info-container .product-form__input.product-form__quantity:after,
.placeholder-shadow-blocks .product__title:after,
.placeholder-shadow-blocks .product__media.media.media--transparent.gradient:after,
.placeholder-shadow-blocks .thumbnail-list__item .thumbnail:after,
.placeholder-shadow-blocks .product__info-container .swatch-variant-image:after,
.placeholder-shadow-blocks .price__container:after,
.placeholder-shadow-blocks .social-proof-sales:after,
.placeholder-shadow-blocks .product__text:after,
.placeholder-shadow-blocks .product__info-container .form__label:after,
.placeholder-shadow-blocks .product__info-container .product__pickup-availabilities:after,
.placeholder-shadow-blocks .product__info-container .swatch-variant-color:after,
.placeholder-shadow-blocks .product__info-container .product-form__input input[type="radio"] + label:after,
.placeholder-shadow-blocks .product__info-container .size-chart:after,
.placeholder-shadow-blocks .product__info-container .dT_VProdWishList:after,
.placeholder-shadow-blocks .product__info-container .dT_VProdCompareList:after,
.placeholder-shadow-blocks .product__info-container .html-sections-product  p:after,
.placeholder-shadow-blocks .product__info-container .shopify-payment-button:after,
.placeholder-shadow-blocks .product__info-container button.product-form__submit:after,
.placeholder-shadow-blocks .product__info-container .dt-sc-enquiry-form:after,
.placeholder-shadow-blocks .product__info-container label.deal-lable.product-label:after,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .days:after,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .hours:after,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .minutes:after,
.placeholder-shadow-blocks .product__info-container .product-deal-count .deal-clock .seconds:after,
.placeholder-shadow-blocks .product__info-container .product-attributes .product-label:after,
.placeholder-shadow-blocks .product__info-container .product-fbt__media:after,
.placeholder-shadow-blocks .product__info-container .rating-star:after,
.placeholder-shadow-blocks .product__info-container .adv-product-list li:after,
.placeholder-shadow-blocks .product__info-container ul.custom-select li:after,
.placeholder-shadow-blocks .product__info-container #add-frequently-bought:after,
.placeholder-shadow-blocks .product__info-container #subtotal-value:after,
.placeholder-shadow-blocks .product__info-container .share-button__button:after,
.placeholder-shadow-blocks .product__info-container .product-attributes-value:after,
.placeholder-shadow-blocks .product__info-container .qty-controls:after,
.placeholder-shadow-blocks .product-form__input input[type=radio]:checked+.swatch-element:after,
.placeholder-shadow-blocks .product__info-container .product-form__buttons:after,
.placeholder-shadow-blocks  .complementary-products__container .accordion__title:after,
.placeholder-shadow-blocks .complementary-slider:after,
.placeholder-shadow-blocks .product__info-container .product__payment .list-payment:after,
.placeholder-shadow-blocks .main-product_info.product.product--thumbnail button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow[aria-current="true"]:after,
.placeholder-shadow-blocks .product--thumbnail .product__media-wrapper .slider-mobile-gutter .slider-button:after,
.placeholder-shadow-blocks .optional-sidebar.product__info-container--sticky:after,
.placeholder-shadow-blocks .widget.product-sidebar-type-carousel:after,
.placeholder-shadow-blocks .main-product_info .product-deal-count .deal-clock ul:after,
.placeholder-shadow-blocks span.low_stock:after,
.placeholder-shadow-blocks .product .price .badge:after, .placeholder-shadow-blocks .product .select:after, .placeholder-shadow-blocks .shopify-app-block:after
{
  content: "";
  position: absolute;
  inset: -2px !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  border-radius: 3px;
  z-index: 2;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
background-image: linear-gradient(90deg,rgba(22,24,35,0) 0,rgba(22,24,35,.04) 50%,rgba(22,24,35,0) 100%);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    -webkit-animation: 1.5s cubic-bezier(0,0,1,1) infinite animation-loading-images;
    animation: 1.5s cubic-bezier(0,0,1,1) infinite animation-loading-images;
}

@-webkit-keyframes animation-loading-images{0%{background-position-x:200%;}100%{background-position-x:-150%}}
@keyframes animation-loading-images{0%{background-position-x:200%}100%{background-position-x:-150%}}

.placeholder-shadow-blocks .collection .price__container:before,.placeholder-shadow-blocks .collection .price__container:after{content: inherit;}
.placeholder-shadow-blocks .product__info-wrapper variant-selects .product-form__input .form__label:after{display:none;}
/* ==== section-slider.css ==== */
.slider__slide .slideshow__text-wrapper.page-width {
    max-width: 100%;
}

slider-component {
  --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}
.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 989px) {
  .no-js slider-component .slider {
    padding-bottom: 3rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc(var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius));
  --shadow-padding-bottom: calc(var(--shadow-vertical-offset) + var(--shadow-blur-radius));
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 0rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0rem;
  }

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .slider.slider--tablet-up {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;    
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet-up .slider__slide {
    margin-bottom: 0;
  }
}


@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;    
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    /* padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom)); */
  }

  .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--tablet.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}

@media screen and (min-width: 990px) {
  .slider-component-desktop.page-width {
    max-width: none;
  }

  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;    
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item);
    scroll-margin-left: var(--desktop-margin-left-first-item);
  }

  .slider.slider--desktop .slider__slide:last-child {
    margin-right: 5rem;
  }


  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 1.5rem;
    scroll-margin-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:last-child {
    margin-right: 1.5rem;
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
  }

  .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
   .slider-buttons{display:none;}
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}


/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 2rem;
/*   display:none; */
}

.slider-counter span{
  display:none;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 0rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}


/*Counter*/
.slider-counter--numbers  .slider-buttons {
   position: absolute;
    top: 50%;
    width: 100%;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    transform: translateY(-50%);
}
.slider-counter--numbers button.slider-button.slider-button--prev {
    left: 10px;
    right: auto;
    position: absolute;
}
.slider-counter--numbers  button.slider-button.slider-button--next {
    right: 10px;
    left: auto;
    position: absolute;
}

/*Dots*/
.slider-counter--dots .slideshow__controls.slider-buttons{  
    position: absolute;
    bottom: 40px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 4;}

/*numbers*/

.slider-counter--counter .slideshow__controls.slider-buttons{ 
    position: absolute;
    bottom: 40px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 2;}
/* @media screen and (min-width: 990px) {
  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .slider--desktop:not(.slider--tablet) + .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
} */
.main-product_info.product.product--stacked .slider-buttons, .main-product_info.product .thumbnail-slider .slider-button, .main-product_info.product .media-count__1 .slider-buttons{display:none;}   
.main-product_info.product .slider-buttons {
      position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-product_info.product .slider-button.slider-button--prev{left: 0; position: absolute;z-index:9; }
.main-product_info.product .slider-button.slider-button--next{right: 0; position: absolute;z-index:9; }
.slider-button {
/*   color: rgba(var(--foreground), 1);
  background: var(--foreground); */
  color:rgb(var(--color-button-text));
  background:rgba(var(--color-button), var(--alpha-button-background));
  border: none;
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
   z-index: 3;
  border-radius:50%;
}

.slider-button:not([disabled]):hover {
     background-color: rgba(var(--color-secondary-button));
    color: rgba(var(--color-secondary-button-text));
}

.slider-button .icon {
  height: 0.6rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-button-text),0.5);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(270deg);
  width:15px;
  height:15px;
}

.slider-button--prev .icon {
  transform: rotate(90deg);
  width:15px;
  height:15px;
}

/* .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
} */

/* ==== template-collection.css ==== */
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.collection--empty .title-wrapper .title--primary {
  font-size: var(--font-h5-size);
  line-height: normal;
}
.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}
.collection .collection__view-all{margin-top:4rem;}


@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 0;
  }
  .collection .collection__view-all{margin-top:3rem;}
}
.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
  text-align: center;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 5rem;
}
.collection__title.title-wrapper h2.title {
  color: var(--color-icon);
}
@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}
.facets-vertical.sidebar-right {
  flex-direction: row-reverse;
}
/* .facets-vertical.sidebar-right aside {
    padding-left: 3rem;
   } */
.facets-vertical.no-sidebar aside.facets-wrapper {
  display: none;
}

facet-filters-form.facets.facets-vertical-sort {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 0px;
  padding: 0;gap:20px;
}
.filter-style .filter-buttons {
  padding: 0;
  margin: 15px 0 15px 25px;
  display: flex;
  background: rgba(var(--color-background));
  border: 1px solid rgb(var(--color-border));
  overflow: hidden;
  border-radius: 0px;
  cursor: pointer;
}
.filter-style .filter-buttons .grid-view-button {
  padding: 10px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}
.filter-style .filter-buttons .list-view-button {
  padding: 10px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}

.filter-style .filter-buttons .layout-mode:after {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(var(--color-background));
  transition: all 0.3s linear;
}
.filter-style .filter-buttons .layout-mode.active,
.filter-style .filter-buttons .layout-mode.active:hover {
  color: rgba(var(--color-secondary-button-text));
  background: rgba(var(--color-secondary-button));
}
filter-style .filter-buttons .layout-mode.active:after {
  width: 100%;
}

ul.grid.product-grid.view-mode.grid--2-col-desktop.grid--2-col-tablet-down.list-view-filter {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.list-view-filter .card.card--standard.card--media {
  display: grid;
  grid-template-columns: 2fr 2.5fr;
}
.list-view-filter .card.card--standard.card--media .card__inner {
  float: left;
  width: 100%;
  border-radius: var(--DTRadius);
  position: relative;
  overflow: hidden;
}
.list-view-filter .card.card--standard.card--media .card__content {
  align-items: flex-start;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.list-view-filter .card.card--standard.card--media .card__inner .card__content {
  padding: 0;
}
.list-view-filter
  .card.card--standard.card--media
  .card__content
  .variant-option-color {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  margin-top: 0.7rem;
}
.list-view-filter
  .card--standard
  > .card__content
  .card__information
  h3.card__heading {
  text-align: left;
}
.list-view-filter
  .card.card--standard.card--media
  .card__content
  .card-information {
  text-align: left;
}
.list-view-filter .card.card--standard.card--media .card__information {
  padding-bottom: 0;
  padding-top: 0;
}
.list-view-filter
  .card.card--standard.card--media
  .card__inner
  .card__content
  .product-icons {
  flex-direction: row;
  align-items: center;
  right: 0;
  left: 0;
  margin: auto;
  top: unset;
}
ul.grid.product-grid.view-mode.grid--2-col-desktop.grid--2-col-tablet-down.list-view-filter
  .grid__item {
  width: 100%;
  max-width: 100%;
}
.list-view-filter.card_style-card_with_overlay .card-wrapper .card__inner .card__content [class*=variant-option] {
    justify-content: center;padding: 15px 10px 10px;
}
 @media screen and  (max-width: 990px) {
  
  .collection .product-grid.grid--3-col-desktop .grid__item{    
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);}
} 
@media screen and  (max-width: 750px) {
   .collection .product-grid.grid--3-col-desktop .grid__item{    
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 1 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 1 / 3);}
} 
@media screen and  (max-width: 576px) {
   .collection .product-grid.grid--3-col-desktop .grid__item{    
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);}
} 
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .grid--3-col-desktop.list-view-filter .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) * 2 / 2);
    max-width: calc(100% - var(--grid-desktop-horizontal-spacing) * 2 / 2);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .grid--3-col-desktop.list-view-filter .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 2);
  }
}
@media screen and (max-width: 1400px) and (min-width: 1201px) {
  facet-filters-form.facets.facets-vertical-sort.vertical {
    justify-content: center;
  }
  .custom-product-grid {
    margin: 0 0 0rem;
  }
}
@media screen and (max-width: 1200px) {
  
  facet-filters-form.facets.facets-vertical-sort.vertical {
    padding: 1rem;
    justify-content: center;
  }
}

/*List view*/
.list-view-filter .card-wrapper .card {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.facets-vertical .list-view-filter .card-wrapper .card {
    display: grid;
    grid-template-columns: 1fr 3fr;
}
.list-view-filter .card-wrapper .card .card__content {
  align-items: flex-start;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  flex-direction: column;
  justify-content: center;
 
}

.list-view-filter .card-wrapper .card__content [class*="variant-option"] {
  padding: 0;justify-content: flex-start;
}
.list-view-filter .card-wrapper .card .product-icons li {
  margin: 3px;
}
.list-view-filter .card-wrapper .card .card__content .card__information {
  padding: 0;
  
}

.list-view-filter
  .card-wrapper
  .card
  span.price-item.price-item--sale.price-item--last {
  margin: 0 1rem 0 0;
}
.list-view-filter .card-information.new--tag{text-align:left;}
.list-view-filter .card__information>* { margin-bottom: 1rem;}

.product-grid-container .list-view-filter li.grid__item {
  width: 100%;
  max-width: 100%;
   /* width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); */
}
.product-grid-container .list-view-filter li.grid__item .price--on-sale .price__sale{justify-content:flex-start;}
@media screen and (min-width: 481px) {
.product-grid.list-view-filter .card-wrapper .card-information.review { justify-content: left;}
}
@media screen and (max-width: 1540px) {
  ul.grid.product-grid.view-mode.grid--3-col-desktop.grid--2-col-tablet-down.list-view-filter
    .grid__item {
    width: 100%;
    max-width: 100%;
  }
}
 @media screen and (max-width: 1439px) and (min-width: 1200px) {
 .product-grid-container .product-deal-count .deal-clock ul li {padding:0.4rem;}
 
} 
@media screen and (max-width: 1640px) and (min-width: 1201px) {
  .list-view-filter
    .card-wrapper
    .card
    span.price-item.price-item--sale.price-item--last {
    margin: 0 1rem 0 0;
  }
}
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .list-view-filter
    .card-wrapper
    .card
    span.price-item.price-item--sale.price-item--last {
    margin: 0 1rem 0 0;
  }
}
@media screen and (max-width: 1199px)  {
  .product-grid-container .list-view-filter .card-wrapper .card {
    grid-template-columns: 1fr 1.5fr;
  }
  .list-view-filter .card-wrapper .card .card__content {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .list-view-filter .product-icons.right-aligned li:hover tooltip.tooltip {
    opacity: 0;
  }
}
/* .template-collection  ul.grid.product-grid.view-mode.grid--3-col-desktop.grid--2-col-tablet-down.list-view-filter
    .grid__item { {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
} */
@media screen and (max-width: 480px) {
  .product-grid-container .list-view-filter .card-wrapper .card{grid-template-columns:1fr;}
  .list-view-filter .card-wrapper .quick-add__submit.button {
    letter-spacing: 0;
    padding: 0;
    font-size: calc(var(--font-base-size) - 4px);
    display: block;
    min-width: 100%;
  }
  .list-view-filter .card-wrapper .card__inner .quick-add.button-quick-add {
    left: 0;
    width: calc(100% - 20px);
    right: 0;
    margin: 0 auto;
  }
  .list-view-filter .card-wrapper .card .card__content {
    padding: 20px;
    text-align: center;
    align-items: center;
  }
  
  .product-grid-container .list-view-filter li.grid__item .price--on-sale .price__sale,
  .list-view-filter .card-wrapper .card__content [class*=variant-option]{justify-content:center;}
   .list-view-filter .card-information.new--tag{text-align:center;}
  .product-collection .collection .grid li.grid__item{   
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);}
  .product-grid-container .collection .list-view-filter li.grid__item {
    width: 100%;
    max-width: 100%;
}
}
.progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 10px;
  max-width: 300px;
  margin: 15px auto;
  background-color: rgba(var(--color-foreground), 0.2);
  position: relative;
  overflow: hidden;
}
.custom-page-progress-bar .progress-bar .active-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(var(--color-button));
}
.custom-page-progress-bar .progress-bar .active-bar:after {
  content: "";
  position: absolute;
}
.custom-page-progress-bar {
  text-align: center;
}
.load_more_btn {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}

.pagination-method-loadmore_btn {
  display: flex;
  flex-direction: column;
}
.progress-bar div:empty {
  display: block;
}
.mobile-facets__inner .optional-sidebar {
  width: 100%;
}
@media screen and (max-width: 389px) {
  .grid--1-col-mobile .grid__item {
    width: 100%;
    max-width: 100%;
  }
}
.mobile-facets__inner #accordian a {
  margin-left: 30px;
}


facet-filters-form .optional-sidebar.small-hide {
  display: block !important;
  padding: 0 25px;
}
.product-collection .collection .grid li.grid__item {
    transition: all 0.3s linear;
}

@media screen and (max-width: 982px) {
.filter-style .filter-buttons{display:none;}
}
/*collection - swiper height*/
.section-featured-collection .collection .swiper-slide {
    height: auto;
}


@media screen and (min-width: 1541px) {
 .facets-vertical.no-sidebar .product-grid-container .list-view-filter li.grid__item,
 .facets-horizontal .product-grid-container .list-view-filter li.grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); 
}
}
/* ==== dt-price.css ==== */
.price {
  font-size: var(--font-h4-size);
  line-height: normal;
  font-weight: var(--font-heading-weight);
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  margin: 0 1rem 0 0;
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-block;
}

.price--on-sale .price__sale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: var(--text-alignment);
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.5);
  font-size: var(--font-base-size);
  transition:all 0.3s linear;
}

.unit-price {
  display: block;
  font-size: calc(var(--font-base-size) - 6px);
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}

.card-information .price {
    font-family: var(--font-additional-family);
    font-size: calc(var(--font-base-size) + 2px);
    font-weight: 300;
}
.quick-add-modal {
    display: none;
}
price-item.price-item--sale.price-item--last{
  transition:all 0.3s linear;
}
.widget.product-sidebar-type-collection .product-list-style  span.price-item.price-item--sale.price-item--last {
    display: block;
}
span.price-item.price-item--sale.price-item--last{display:block;}
@media screen and (max-width: 576px){
.price {font-size: calc(var(--font-h5-size) * 0.9);}
 .price--on-sale .price-item--regular {font-size:calc(var(--font-base-size) - 2px);} 
}
/* ==== dt-loading-overlay.css ==== */
.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .loading-overlay {
    left: 0;
  }
}

.loading-overlay__spinner {
    background-color: rgb(var(--color-secondary-button-text));
  color: rgb(var(--color-secondary-button));
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
/*   display: inline-block; */
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  transition: all 0.3s linear;
}
.loading-overlay__spinner:hover {
    background: rgba(var(--color-secondary-button));
    color: rgba(var(--color-secondary-button-text));
}
.card__inner .product-icons button:hover .loading-overlay__spinner:hover{
    background: rgba(var(--color-secondary-button));
    color: rgba(var(--color-secondary-button-text));
}

.loading-overlay__spinner svg {
    width: 15px;
    height: 15px;
    color: currentColor;
}
/* .spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
} */

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: currentcolor;
  animation: dash 1.4s ease-in-out infinite;
  border:none;
  fill: none;
  stroke-width:5px;
}

@media screen and (forced-colors: active) {
  .path{
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}
.cart-items .loading-overlay__spinner {
    background: transparent;
}
@media screen and (max-width: 480px) {
.loading-overlay__spinner {width:3rem;height:3rem}
}
/* ==== collage.css ==== */
.collage-wrapper-title {
  margin-top: 0;
  margin-bottom: 3rem;
}

.collage {
  display: grid;
}

.collage__item > * {
  width: 100%;
}

.collage__item .card__content {
  flex-grow: initial;
}

@media screen and (max-width: 749px) {
  .collage {
    grid-column-gap: var(--grid-mobile-horizontal-spacing);
    grid-row-gap: var(--grid-mobile-vertical-spacing);
  }

  .collage--mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2) {
    grid-column: span 2;
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2):nth-last-child(2) {
    grid-column: span 1;
  }

  .collage--mobile .collage__item--left:nth-child(3n) {
    grid-column-start: 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2) {
    grid-column-start: 1;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2):last-child {
    grid-column: span 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 1) {
    grid-column-start: 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n) {
    grid-column: 1 / span 2;
  }
}

@media screen and (min-width: 750px) {
  .collage {
    grid-auto-flow: column;
    grid-column-gap: var(--grid-desktop-horizontal-spacing);
    grid-row-gap: var(--grid-desktop-vertical-spacing);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .collage__item--left:nth-child(3n - 2) {
    grid-column: 1 / span 2;
    grid-row: span 2;
  }

  .collage__item--left:nth-child(3n - 2):last-child {
    grid-column: 1 / span 3;
  }

  .collage__item--left:nth-child(3n - 1),
  .collage__item--left:nth-child(3n) {
    grid-column-start: 3;
  }

  .collage__item--left:nth-child(3n - 1):last-child {
    grid-row: span 2;
  }

  .collage__item--right:nth-child(3n - 2) {
    grid-column: 1 / span 1;
    grid-row: span 1;
  }

  .collage__item--right:nth-child(3n - 2):last-child {
    grid-column: 1 / span 3;
  }

  .collage__item--right:nth-child(3n - 1) {
    grid-column-start: 1;
  }

  .collage__item--right:nth-child(3n-1):last-child {
    grid-column: span 2;
  }

  .collage__item--right:nth-child(3n) {
    grid-column: 2 / span 2;
    grid-row: span 2;
  }

  .collage__item--collection:only-child,
  .collage__item--product:only-child {
    justify-self: center;
    max-width: 73rem;
    width: 100%;
  }
}

.collage-card {
  height: 100%;
  position: relative;
  border-radius: var(--border-radius);
  border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
  padding: var(--image-padding);
}

/* Needed for gradient continuity with or without animation, background-attachment: local scopes the gradient to its container which happens automatically when a transform is applied (animation on scroll) */
.collage-card.gradient {
  transform: perspective(0);
}

.collage-card:after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
  width: calc(var(--border-width) * 2 + 100%);
  height: calc(var(--border-width) * 2 + 100%);
  top: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
}

.collage-card.product-card-wrapper {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
}

.collage-card .media {
  height: 100%;
  overflow: hidden;
  border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}

.collage-card .deferred-media {
  height: 100%;
  overflow: visible;
}

.collage-card__link {
  display: block;
  height: 100%;
}

.collage-card .deferred-media__poster {
  background-color: transparent;
  border: 0;
}

.collage-card .deferred-media__poster:after {
  content: '';
  position: absolute;
  z-index: 1;
  outline-offset: 0.3rem;
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  top: calc(var(--border-width) * -1);
}

.collage-card .deferred-media__poster:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus:not(:focus-visible),
.collage-card .deferred-media__poster:focus:not(:focus-visible):after {
  outline: none;
  box-shadow: none;
}

.collage-card .deferred-media__poster:focus {
  outline: none;
  box-shadow: none;
}
.collage .collage__item.collage__item--collection .card__content {
    position: absolute;
    bottom: 0;
}

.collage-section .deferred-media__poster-button:before{    filter: blur(1px);}
.collage-section .deferred-media__poster-button{background-color: rgba(var(--color-foreground), 0.3);  border: 0rem solid; height: 120px; width: 120px; color: rgb(var(--color-background)); }
.collage .collage__item .collage-image_text { position: absolute; bottom: 0; left: 50px; bottom: 50px;}
.collage .collage__item .collage-image_text h2.collage_header, .collage .collage__item .collage-image_text p.collage_text{color: rgb(var(--color-background));}
.card-wrapper.collection-card-wrapper .card .card__inner .card__media.no--media{position:relative;}  
.collage__item--collection .card-wrapper .card .card__inner { height: 100%; position: relative; display: block;}
@media screen and (max-width: 990px) {
.collage-section .deferred-media__poster-button{ height: 80px; width: 80px;}
}
/* ==== collapsible-content.css ==== */
.collapsible-content {
  position: relative;
  z-index: 0;
}

.collapsible-section-layout {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

@media screen and (min-width: 750px) {
  .collapsible-section-layout {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }
}

.collapsible-content__media--small {
  height: 19.4rem;
}

.collapsible-content__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .collapsible-content__media--small {
    height: 31.4rem;
  }

  .collapsible-content__media--large {
    height: 69.5rem;
  }
}

@media screen and (min-width: 750px) {
  .collapsible-content__grid--reverse {
    flex-direction: row-reverse;justify-content:space-between;
  }
}

.collapsible-content__wrapper .collapsible-content__grid-item .collapsible_address-block  h3.address-block-heading.h4{margin-bottom:2rem;}

.collapsible-content__header {
  word-break: break-word; margin-bottom:3rem;
}

.collapsible-content__heading {
  margin-bottom: 2rem;
  margin-top: 0;
}

@media screen and (min-width: 750px) {
  .collapsible-content__heading {
    margin-bottom: 3rem;
  }
}

.collapsible-none-layout .accordion + .accordion {
  border-top: 0;
}

.collapsible-row-layout .accordion:not(:first-child):not(.color-background-1) {
  margin-top: 1rem;
}

.caption-with-letter-spacing + h2 {
  margin-top: 1rem;
}

@media screen and (min-width: 750px) {
  .collapsible-content .accordion {
    margin-top: 0;
  }
}

.collapsible-row-layout .accordion {
  /* border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity)); */
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;  
}

.collapsible-row-layout .accordion summary, .collapsible-row-layout .accordion .accordion__content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
}
.collapsible-content summary{transition:all 0.3s linear;}
/* .collapsible-content .accordion:first-child{border-top:none;} */
.collapsible-content__grid-item .collapsible_address-block {
    margin-top: 30px;
}
/* .collapsible-content summary:hover {
  background: rgba(var(--color-foreground), 0.15);
} */

/* .collapsible-content summary:hover .accordion__title {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
} */

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (min-width: 750px) {
    .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,
    .collapsible-content__grid--reverse .collapsible-content__grid-item {
      padding-left: 5rem;
      padding-right: 0;
    }
  }

  @media screen and (min-width: 990px) {
    .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,
    .collapsible-content__grid--reverse .collapsible-content__grid-item {
      padding-left: 7rem;
    }
  }
}
.collapsible_address-block ul li:not(:last-child){margin-bottom:20px;}
 .collapsible_address-block ul li svg{margin-right:16px;}
.collapsible_address-block ul li,
.collapsible_address-block ul li a{display:flex;align-items:center; text-decoration:none;}
.collapsible-content .collapsible-content__wrapper .collapsible-content__grid .collapsible-content__grid-item svg.placeholder-svg{border-radius: var(--media-radius);height:500px;}
@media screen and (min-width: 850px) {
.collapsible-content .collapsible-content__wrapper  .collapsible-content__grid .collapsible-content__grid-item{ position: sticky; top: 30px; height: 100%;}
  }
 @media screen and (max-width: 989px) {

.collapsible-content__wrapper .collapsible-content__grid-item .collapsible_address-block h3.address-block-heading.h4{margin-top:0;}   
 }

.collapsible-content__grid .grid__item:only-child {
    /* max-width: 1000px; */
    margin: auto;
}

.accordion svg.icon.icon-accordion{fill: currentcolor;}

/* custom css */

.collapsible-content.custom-faq-page .collapsible-content__wrapper  .collapsible-content__grid-item{width:100%; max-width:40%}
.collapsible-content.custom-faq-page .collapsible-content__wrapper  .block-contant{width:100%; max-width:50%}
.collapsible-content.custom-faq-page .collapsible-content__wrapper .collapsible-content__grid .collapsible-content__grid-item{  border: 1px solid rgba(var(--color-foreground),.08);  padding: 60px;background: rgba(var(--color-foreground), 0.04); border-radius: var(--media-radius);}
.collapsible-content.custom-faq-page .collapsible-content__wrapper .collapsible-content__grid-item .collapsible_address-block h3.address-block-heading.h4{font-size: calc(var(--font-h3-size) + 4px);}
.collapsible-content.custom-faq-page .collapsible-content__grid-item .collapsible_address-block{margin:0;}
.collapsible-content.custom-faq-page .collapsible-content__grid-item .collapsible_address-block .address-button{margin-top:20px;}
@media screen and (max-width:1540px){
  .collapsible-content.custom-faq-page .collapsible-content__wrapper .block-contant {    width: 100%;
    max-width: 56%;}
}
 @media screen and (max-width: 1199px) {
.collapsible-content.custom-faq-page .collapsible-content__wrapper .collapsible-content__grid .collapsible-content__grid-item {padding: 25px;}
 }

@media screen and (max-width:850px){
  .collapsible-content__grid--reverse{flex-direction:column;grid-gap:5rem}
.collapsible-content.custom-faq-page .collapsible-content__wrapper  .collapsible-content__grid-item,
.collapsible-content.custom-faq-page .collapsible-content__wrapper  .block-contant{width:100%; max-width:100%}
}

/* ==== disclosure.css ==== */
.disclosure {
  position: relative;
}

.disclosure__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 4rem;
  padding: 0 1.5rem 0 1.5rem;
  font-size: 1.3rem;
  background-color: transparent;
}

.disclosure__list-wrapper {
  border-width: var(--popup-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  overflow: hidden;
  position: absolute;
  bottom: 100%;
  transform: translateY(-1rem);
  z-index: 2;
  background-color: rgb(var(--color-background));
  border-radius: var(--popup-corner-radius);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-foreground), var(--popup-shadow-opacity));
}
.localization-selector+.disclosure__list-wrapper{margin-left:0px;}
.disclosure__list {
  position: relative;
  overflow-y: auto;
  font-size: 1.4rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  scroll-padding: 0.5rem 0;
  min-height: 8.2rem;
  max-height: 19rem;
  max-width: 12rem;
  min-width: 6rem;
  width: max-content;
}
.localization-selector.link{    padding-right: 3rem;}
.disclosure__item {
  position: relative;
}
.disclosure .localization-form__select {
    padding-top: 1.5rem;
    font-size: 1.4rem;
    font-weight: var(--font-heading-weight);
    font-family: var(--font-heading-family);
    background:none;
    padding:0;
}
.localization-form__select .icon-caret{right: calc(var(--inputs-border-width) + 0.2rem); width:0.828rem;}
.disclosure__link {
  display: block;
  padding: 0.5rem 2rem;
  text-decoration: none;
  font-size:1.4rem; 
}
li.disclosure__item a:hover{
  transform:scale(1);
  color: rgb(var(--color-link-hover));
}

.header  .localization-form__select {
  min-height: calc(4rem + var(--inputs-border-width) * 2);
  min-width: calc(7rem + var(--inputs-border-width) * 2);
}
.localization-selector.link{width:100%;}
.localization-form__select .icon-caret {
    height: 0.6rem;
    top: calc(50% - 0.2rem);
      position: absolute;
      content: "";
}

/* ==== dt-accordion.css ==== */
.accordion summary {
  display: flex;
  position: relative;
  line-height: 1;
  padding: 2.4rem 0;
}

.accordion .summary__title {
  display: flex;
  flex: 1;
}

.accordion .summary__title + .icon-caret {
  height: calc(var(--font-heading-scale) * 0.6rem);
}

.accordion + .accordion {
  margin-top: 0;
  border-top: none;
}

.accordion {
  margin-top: 2.5rem;
  margin-bottom: 0;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.accordion__title {
  display: inline-block;
  max-width: calc(100% - 6rem);
  min-height: 1.6rem;
  margin: 0;
  word-break: break-word;font-size: calc(var(--font-h4-size) - 2px);
  font-weight:var(--font-heading-weight);line-height:normal;
}

.accordion .icon-accordion {
  align-self: center;
  fill: rgb(var(--color-foreground));
  height: calc(var(--font-heading-scale) * 2rem);
  margin-right: calc(var(--font-heading-scale) * 1rem);
  width: calc(var(--font-heading-scale) * 2rem);
}

.accordion details[open] > summary .icon-caret {
  transform: rotate(180deg);
}
.accordion summary .icon-caret{width:12px;height:15px;transition: all var(--duration-default) linear;top: calc(50% - 0.6rem);color: rgba(var(--color-foreground), 1);}
.accordion__content {
  margin-bottom: 0rem;
  word-break: break-word;
  overflow-x: auto;padding-top:0; padding-bottom:24px;
/*   padding: 0 0.6rem; */
}

.accordion__content img {
  max-width: 100%;
}
@media screen and (max-width:576px){
  .accordion__title {max-width: calc(100% - 3rem);}
  .accordion__title{font-size:var(--font-h5-size);}
}
@media screen and (max-width:450px){
  .accordion__title{font-size:calc(var(--font-h5-size) - 2px);}
  .accordion__content {font-size:calc(var(--font-h5-size) - 4px);}
}
/* ==== dt-article-card.css ==== */
.article.grid__item {
  padding: 0;
}

.grid--peek .article-card {
  box-sizing: border-box;
}

.article-card__image-wrapper > a {
  display: block;
}

.article-card__title {
  text-decoration: none;
  word-break: break-word;
}

.article-card__title a:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.article-card__link.link {
  padding: 0;
}

.article-card__link {
  text-underline-offset: 0.3rem;
}

.article-card a.blog__button.button{ margin:5px 0 0;}

.article-card__info {
  font-size: calc(var(--font-base-size) - 2px);
  letter-spacing: 0;
  line-height: normal;
  text-transform: capitalize;
  color: rgb(var(--color-foreground));
  transition: all 0.3s linear;
  padding-bottom:5px;
}
.article-card__info span.comment-icon{  display: flex; align-items: center;}
.article-card__info  span.article-date{  display: flex; align-items: center;}
.article-card__info { display: flex;}

.article-card__footer {
  letter-spacing: 0.1rem;
  font-size: var(--font-base-size);
}

.article-card__footer:not(:last-child) {
  margin-bottom: 1rem;
}

.article-card__footer:last-child {
  margin-top: auto;
}

.article-card__excerpt {
  width: 100%;
  font-size: var(--font-base-size);
  letter-spacing: 0;
  transition:all 0.3s linear;
  margin:0;
}

.article-card__link:not(:only-child) {
  margin-right: 3rem;
}

@media screen and (min-width: 990px) {
  .article-card__link:not(:only-child) {
    margin-right: 4rem;
  }
}

.article-card__image--small .ratio::before {
  padding-bottom: 11rem;
}

.article-card__image--medium .ratio::before {
  padding-bottom: 22rem;
}

.article-card__image--large .ratio::before {
  padding-bottom: 33rem;
}

@media screen and (min-width: 750px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 14.3rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 21.9rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 27.5rem;
  }
}

@media screen and (min-width: 990px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 17.7rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 30.7rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 40.7rem;
  }
}
.article-card .card__inner  a{width:100%}
.article-card__footer span{display: flex;align-items: center;}
.article-card__footer span svg{margin-right:5px;}
.article__image{height:100%;}
.comment-icon svg { width: 1.6rem; height: 1.6rem;}
.article-author svg { width: 1.6rem; height: 1.6rem;}
.article-card-wrapper .card--card.left.card--media > .card__content {
  padding: var(--content-padding) 0;
}


@media screen and (max-width: 749px) {
  .article-card .card__information h3.card__heading a{ font-size: calc(var(--font-h5-size) - 2px);}
}
.article-card .card__information> *:not(:last-child){margin-bottom:15px;}
/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .articles-wrapper.grid {
    margin: 0 0 5rem 0;
  }

  @media screen and (min-width: 750px) {
    .articles-wrapper.grid {
      margin-bottom: 7rem;
    }
  }
}
/*list*/
.blog__post.article.grid__item.blog-list-style .card__content {padding:20px; align-items: center; justify-content: center; display: flex;}
/*overlay*/
.blog__posts.articles-wrapper .article.blog-overlay-style .card__information{
      left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    margin: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blog__posts.articles-wrapper .article.blog-overlay-style  .blog__button.button{width:fit-content;}
.blog__post.article.grid__item.blog-overlay-style .card__content{padding:0;}
.article-card .article-card__image{transition:all 0.3s linear;}
.article-card:hover .article-card__image {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
}
.article-card  .card__information .link.banner-button{margin: 0;font-weight: var(--font-heading-weight);}
@media screen and (max-width: 1199px) {
.article-template__title {
    font-size: calc(var(--font-h2-size) * 0.7);
  }
}
@media screen and (max-width: 576px) {
.article-template__title {
    font-size: calc(var(--font-h2-size) * 0.5);
  }
}
/* ==== dt-badge.css ==== */
.badge,
 .lists_container .product-list-carousel .card-wrapper .card__inner .card__badge:not(:empty) {
  border-radius: 4rem;
  display: flex;
  font-size: calc(var(--font-base-size) - 6px);
  letter-spacing: 0;
  height: 48px;
  line-height: 1.5rem;
  width: 48px;
  padding: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-word;
  background-color: var(--color-badge-background);
    border-color: var(--color-badge-border);
      color: var(--color-foreground);
        }

.lists_container .product-list-carousel .card-wrapper .card__inner .card__badge .badge {
  margin: 0;
}



/* ==== dt-cart-drawer.css ==== */
.drawer {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: rgba(var(--color-foreground), 0.5);
  transition: visibility var(--duration-default) linear;
}
.Gift-Wrapper__hide {
    opacity: 0.5;
    pointer-events: none;
}
.drawer.active {
  visibility: visible;
}
/* cart-drawer.drawer.active div#CartDrawer-Overlay{background-color: rgba(var(--color-foreground), 0.5);} */
.drawer__inner {
  height: 100%;
  width: 40rem;
  max-width: calc(100vw - 3rem);
  /*   padding: 0 1.5rem; */
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  border-right: 0;
  background-color: rgb(var(--color-background));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform var(--duration-default) ease;
}

.drawer__inner-empty {
  height: 100%;
  padding: 0 1.5rem;
  background-color: rgb(var(--color-background));
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cart-drawer__warnings {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

cart-drawer.is-empty .drawer__inner {
  display: grid;
  grid-template-rows: 1fr;
  align-items: center;
  padding: 0;
}

cart-drawer.is-empty .drawer__header {
  display: none;
}

cart-drawer:not(.is-empty) .cart-drawer__warnings
/* ,cart-drawer:not(.is-empty) .cart-drawer__collection */ {
  display: none;
}

.cart-drawer__warnings--has-collection .cart__login-title {
  margin-top: 2.5rem;
}

.drawer.active .drawer__inner {
  transform: translateX(0);
}

.drawer__header {
  position: relative;
  background-color: rgb(var(--color-background));
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;    box-shadow: #0000000d 0 0 0 1px;
  /*   border-bottom: 0.1rem solid rgba(var(--color-foreground),.2); */
 
}

.drawer__heading {
  margin: 0;
  font-size: var(--font-h4-size);
  font-weight: var(--font-heading-weight);
}

.drawer__close {
  display: inline-block;
  padding: 0;
  min-width: 1.4rem;
  min-height: 1.4rem;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-button), 0);
  position: absolute;
  top: 34px;
  right: 30px;
  color: rgb(var(--color-foreground));
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.cart-drawer__warnings .drawer__close {
  right: 25px;
  top: 25px;
}
.cart-drawer__collection.is-empty,
.drawer__footer.is-empty {
  display: none;
}
/* .drawer__close svg {
  height: 1.4rem;
  width: 1.4rem;
} */

.drawer__contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding:0;
}

.drawer__footer {
  background-color: rgb(var(--color-background));
  /*   border-top: 0.1rem solid rgba(var(--color-foreground), 0.2); */
  padding: 30px;
     box-shadow: #0000000d 0 0 0 1px;
  /* position: relative; */
  z-index:1;
}

cart-drawer-items.is-empty + .drawer__footer {
  display: none;
}

.drawer__footer > details {
  margin-top: -1.5rem;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
.drawer__footer .cart-drawer__footer {
  margin-top: 30px;
}
.drawer__footer > details[open] {
  padding-bottom: 1.5rem;
}

.drawer__footer summary {
  display: flex;
  position: relative;
  line-height: 1;
  padding: 0 0 2rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.drawer__footer summary svg {
  width: 30px;
  height: 22px;
  transition: var(--duration-default) linear all;
}
.drawer__footer .cart-group :where(summary) {
  transition: var(--duration-default) linear all;
}
.drawer__footer .cart-group :where(summary):hover {
    color: rgb(var(--color-link-hover));
    fill: rgb(var(--color-link-hover));
}
.drawer__footer summary .summary__title {
  font-size: calc(var(--font-h6-size) - 4px);
  font-weight: var(--font-heading-weight);
  margin-top: 8px;
}
.drawer__footer .cart-group {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
}
.drawer__footer .drawer-details {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--gradient-background);
  bottom: 0;
  z-index: 2;
    box-shadow: #0000000d 0 0 0 1px;
  padding: 40px 30px 30px;margin: 0 !important;
}
.drawer__footer .drawer-details .close {
  top: 10px;
  padding: 0;
  position: absolute;
  right: 20px;
}
.drawer__footer .drawer-details .close svg {
  width: 1rem;
  height: 1rem;
}
#Discount-Wrapper .drawer-details input {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4rem + var(--buttons-border-width) * 2);
  padding: 0 1.5rem;
  border-radius: var(--buttons-radius);
  outline: 0;
  box-shadow: none;
  border: var(--inputs-border-width) solid rgb(var(--color-foreground),0.2);
  width: 100%;
  transition:all 0.3s linear;
  background:rgb( var(--color-input));
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
}
#Discount-Wrapper .drawer-details input:focus {border: var(--inputs-border-width) solid rgb(var(--color-foreground));}
#Discount-Wrapper .drawer-details .button {
  margin-top: 16px;
}

.drawer__footer > details + .cart-drawer__footer {
  padding-top: 3rem;
}
.cart-drawer__footer .totals > h2,
.cart-drawer__footer .totals .totals__subtotal-value {
  font-size: var(--font-h5-size);
  font-weight: var(--font-heading-weight);
}
cart-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}

.cart-drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cart-drawer__overlay:empty {
  display: block;
}

.cart-drawer__form {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  margin:0;
}

.cart-drawer__collection {
    padding: 3rem 2rem ;
    overflow: hidden;
    border-top: 1px solid rgba(var(--color-foreground),0.2);
    border-bottom: 1px solid rgba(var(--color-foreground),0.2);
}

.cart-drawer .drawer__cart-items-wrapper {
  flex-grow: 1;
}

.cart-drawer .cart-items,
.cart-drawer tbody {
  display: block;
  width: 100%;
}

.cart-drawer thead {
  display: none;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: rgb(var(--color-base-background-1));
}

cart-drawer-items {
  /*   overflow: auto; */
  flex: 1;
  /*   padding:3rem; */
}

@media screen and (max-height: 650px) {
  cart-drawer-items {
    overflow: visible;
  }

  .drawer__inner {
    overflow: hidden;
  }
}

.cart-drawer .cart-item {
  display: flex;
  grid-template: repeat(2, auto) / repeat(4, 1fr);
  /*   gap: 1.5rem; */
  margin-bottom: 0;
  justify-content: space-between;
  position: relative;
}
.cart-drawer .cart-item:not(:last-child) {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
.cart-drawer .cart-item:last-child {
  margin-bottom: 0rem;
}

.cart-drawer .cart-item__media {
  grid-row: 1 / 3;
}

.cart-drawer .cart-item__image {
  max-width: 100%;border-radius: var(--media-radius);
  /*   height:100px; */
}

.cart-drawer .cart-items thead {
  margin-bottom: 0.5rem;
}

.cart-drawer .cart-items thead th:first-child,
.cart-drawer .cart-items thead th:last-child {
  width: 0;
  padding: 0;
}

.cart-drawer .cart-items thead th:nth-child(2) {
  width: 50%;
  padding-left: 0;
}

.cart-drawer .cart-items thead tr {
  display: table-row;
  margin-bottom: 0;
}

.cart-drawer .cart-items th {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.cart-drawer .cart-item:last-child {
  margin-bottom: 0rem;
}

.cart-drawer .cart-item .loading-overlay {
  right: 5px;
  padding-top: 2.5rem;
}

.cart-drawer .cart-items td {
  padding-top: 0;
  padding-bottom: 0;
}

.cart-drawer .cart-item > td + td {
  padding-left: 2rem;
}

.cart-drawer .cart-item__details {
  width: calc(100% - 30%);
  grid-column: 2 / 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;gap:5px;
}

.cart-drawer .cart-item__totals {
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.cart-drawer.cart-drawer .cart-item__price-wrapper > *:only-child {
  margin-top: 0;
}

.cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.cart-drawer .unit-price {
  margin-top: 0.6rem;
}

.cart-drawer .cart-items .cart-item__quantity {
  padding-top: 0;
  padding-left: 0;
  grid-column: 2 / 5;
  margin-top: 1rem;
}

@media screen and (max-width: 749px) {
  .cart-drawer .cart-item cart-remove-button {
    margin-left: 0;
  }
}

.cart-drawer__footer > * + * {
  margin-top: 1rem;
}

.cart-drawer .totals {
  justify-content: space-between;
}

.cart-drawer .price {
  line-height: 1;
  font-size: calc(var(--font-base-size) - 2px);
  text-align: left;
}

.cart-drawer .tax-note {
  margin: 1.2rem 0 1rem auto;
  text-align: left;
  font-size: calc(var(--font-base-size) - 2px);
}

.cart-drawer .product-option dd {
  word-break: break-word;
}

.cart-drawer details[open] > summary .icon-caret {
  transform: rotate(180deg);
}

.cart-drawer .cart__checkout-button {
  max-width: none;
}

.drawer__footer .cart__dynamic-checkout-buttons {
  max-width: 100%;
}

.drawer__footer #dynamic-checkout-cart ul {
  flex-wrap: wrap !important;
  flex-direction: row !important;
  margin: 0.5rem -0.5rem 0 0 !important;
  gap: 0.5rem;
}

.drawer__footer [data-shopify-buttoncontainer] {
  justify-content: flex-start;
}

.drawer__footer #dynamic-checkout-cart ul > li {
  flex-basis: calc(50% - 0.5rem) !important;
  margin: 0 !important;
}

.drawer__footer #dynamic-checkout-cart ul > li:only-child {
  flex-basis: 100% !important;
  margin-right: 0.5rem !important;
}

@media screen and (min-width: 750px) {
  .drawer__footer #dynamic-checkout-cart ul > li {
    flex-basis: calc(100% / 3 - 0.5rem) !important;
    margin: 0 !important;
  }

  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(2),
  .drawer__footer
    #dynamic-checkout-cart
    ul
    > li:first-child:nth-last-child(2)
    ~ li,
  .drawer__footer #dynamic-checkout-cart ul > li:first-child:nth-last-child(4),
  .drawer__footer
    #dynamic-checkout-cart
    ul
    > li:first-child:nth-last-child(4)
    ~ li {
    flex-basis: calc(50% - 0.5rem) !important;
  }
}
@media screen and (max-width: 576px) {
  .cart-drawer .cart-item > td + td {
    padding-left: 0;
  }
}
cart-drawer-items::-webkit-scrollbar {
  width: 3px;
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}

cart-drawer-items::-webkit-scrollbar-track-piece {
  margin-top: 31px;
}

.cart-drawer .cart-item__details .product-option * {
  font-size: calc(var(--font-base-size) - 2px);
}
.cart-drawer .cart-item__details .product-option dt {
  color: rgb(var(--color-foreground));font-weight:500;
}
.cart-drawer .cart-item__details .cart-item__quantity-wrapper .quantity {
  height: 36px;
  min-height: calc((var(--inputs-border-width) * 2) + 3.2rem);
  width: calc(
    10.8rem / var(--font-body-scale) + var(--inputs-border-width) * 2
  );
}
.cart-drawer .quantity__button svg {
  width: 1rem;
  pointer-events: none;
}
.cart-drawer .quantity__button {
  width: calc(3.5rem / var(--font-body-scale));
}
.cart-drawer .cart-item__details > * + * {
  margin-top: 0.5rem;
}

.cart-drawer .cart-item cart-remove-button {
  position: absolute;
  top: 30px;
  right: 20px;
  margin: 0;
  width:2rem;
  height:2rem;
}
.cart-drawer cart-remove-button .button {
  margin: 0;
  /* background: var(--gradient-base-background-1); */
  /* border-radius: 50%;
  box-shadow: 0 0 20px rgb(0 0 0 / 15%); */
  min-width: 2rem;
  min-height: 2rem;
  background:rgba(var(--color-button));color:rgba(var(--color-button-text));

}
.cart-drawer cart-remove-button .button svg {
  width: 0.8rem;
  height: 0.8rem;
  fill: currentcolor;
  transition: all var(--duration-default) linear;
}
.cart-drawer cart-remove-button .button:hover{  background:rgba(var(--color-secondary-button));color:rgba(var(--color-secondary-button-text));}
.cart-drawer .cart-item {
  padding: 30px 20px;
}
.cart-drawer .cart-item__name {
  max-width: 160px;font-size:var(--font-base-size);
}
/* .cart-drawer .cart__view_cart-button {
  text-decoration: none;
  position: relative;
  margin: auto;
  width: max-content;
}
.cart-drawer .cart__view_cart-button:after {
  content: "";
  width: 100%;
  height: 1px;
  background: currentcolor;
  position: absolute;
  bottom: 4px;
  left: 0;
}
.cart-drawer .cart__view_cart-button {
  width: 100%;
  text-decoration: none;
  position: relative;
  border-radius: var(--buttons-radius);
  display: flex;
  padding: 0 5rem;
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4rem + var(--buttons-border-width) * 2);
  margin: auto;
  border: 1px solid;
  font-size: var(--font-base-size);
  font-weight: var(--font-heading-weight);
  letter-spacing: 0;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
}
.cart-drawer .cart__view_cart-button:hover {
  border: none;
  color: rgb(var(--color-outline-text));
  background-color: rgb(var(--color-base-solid-button-labels));
}
.cart-drawer .cart__view_cart-button:after {
  display: none;
} */
.cart-drawer .drawer__close svg {
  transition: all var(--duration-default) linear;
}


@media screen and (max-width: 400px) {
  .cart-drawer__footer .totals > h2,
  .cart-drawer__footer .totals .totals__subtotal-value {
    font-size: calc(var(--font-h6-size) + 2px);
  }
  .cart-drawer .cart-item cart-remove-button {
    top: 10px;
    right: 10px;
  }
  .drawer__footer {
    padding: 3rem 2rem;
  }
  .cart-drawer .cart-item {
    padding: 30px 20px;
  }
  .cart-drawer cart-remove-button .button {
    min-width: 2rem;
    min-height: 2rem;
    width: 2rem;
    height: 2rem;
  }
  .cart-drawer cart-remove-button .button svg {
    width: 0.8rem;
    height: 0.8rem;
  }
}

/*cart-drawer*/
cart-drawer.drawer .card.card--card.card--media {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;padding:10px;
}
cart-drawer.drawer .swiper {
  overflow: visible;
  padding-bottom: 0;
}
cart-drawer.drawer .card__information .card__heading a {
  font-size: calc(var(--font-h6-size) - 2px);
}
.cart-drawer__collection h4 {
  font-size: calc(var(--font-h6-size) + 2px);
  font-weight: var(--font-heading-weight);
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
cart-drawer.drawer .card-wrapper .quick-add__submit.button {
  background: none;
  color: rgb(var(--color-link));
  padding: 0;
  min-width: fit-content;
  min-height: fit-content;
  margin: 0;
  left: 0;
  position: relative;
  text-decoration: underline;
  width: auto;
  display: inline-block;
  transition: all 0.3s linear;
}
cart-drawer.drawer .card-wrapper .quick-add__submit.button:hover {
  color: rgb(var(--color-link-hover));
}
cart-drawer.drawer .quick-add {
  grid-row-start: 2;
  position: relative;
}
cart-drawer.drawer .swiper-pagination {
  bottom: -30px;
  right: 0;
  width: auto;
  left: 0;
  margin: auto;
  overflow: visible;
  display:flex;
  justify-content:center;
}
cart-drawer.drawer .card--card .quick-add {
  margin: 0;
  justify-content: flex-start;
  line-height: normal;
}

.cart__items-widget {
  overflow: auto;
  /*     display:flex; */
  flex-direction: column;
  flex: 1;
}
.cart-drawer__collection  .swiper-wrapper{align-items:center;}
.cart-drawer__collection .card--card .card__information{text-align:left;}
.cart-drawer__collection .card--card .card__information .price--on-sale .price__sale{justify-content:flex-start;}
.cart-drawer__collection .card--card .card__information .price{line-height:normal;}
.cart-drawer__collection .card--card.card--media>.card__content{
    padding: 0;
    align-self: center;
    display: flex;
    flex-direction: column;
}
.cart-drawer .cart-progress{padding:10px 30px 0;}
/* .cart-drawer .cart-progress p{margin:0;} */
.drawer__footer .cart-drawer-detail:after{
    content: "";
    background: rgb(255 255 255 / 90%);
    opacity: 0;
    position: absolute;
    transition: var(--bls-transition);
    visibility: hidden;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
.drawer__footer details[open] .cart-drawer-detail:after{opacity:1;visibility: visible;}
.cart__view_cart-button.button{background: rgba(var(--color-secondary-button));color:  rgba(var(--color-secondary-button-text));}
.cart__view_cart-button.button:hover{background:rgba(var(--color-button));color:rgb(var(--color-button-text));}
.cart-drawer .cart-progress p.free-shipping {margin:0 0 30px;}
@media screen and (max-width: 576px) {
.cart-drawer__collection{display:none;} 
.cart-drawer .cart-progress{margin-bottom:15px;}
}

.cart-drawer__collection2{
  
    background: rgb(255 255 255);
    padding: 2rem 3rem;
    overflow: hidden;
    border-top: 1px solid rgba(var(--color-foreground),.2);
    border-bottom: 1px solid rgba(var(--color-foreground),.2);

}
@media screen and (max-width: 400px) {
.cart-drawer td.cart-item__details dl{gap:2px;flex-direction:column;}
.cart-drawer td.cart-item__details dl .product-option:not(:first-child):after{display:none;} 
}
/* ==== dt-cart-items.css ==== */
.cart-items td,
.cart-items th {
  padding: 0;
  border: none;
}

.cart-items th {
  text-align: left;
  padding-bottom: 1.8rem;
  font-size: var(--font-h5-size);
  font-weight: var(--font-heading-weight);
  color: rgba(var(--color-foreground), 1);
}

.cart-item__quantity-wrapper {
  display: flex;
}

.cart-item__totals {
  position: relative;
}

.cart-items *.right {
  text-align: right;
}

.cart-item__image-container {
  display: inline-flex;
  align-items: flex-start;
}

.cart-item__image-container:after {
  content: none;
}

.cart-item__image {
  /* height: 100%; */
  max-width: 100%;
}

@media screen and (min-width: 861px) {
  .cart-item__image {
    max-width: 100%;
  }
}

.cart-item__details {
  font-size: var(--font-base-size);
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.cart-item__details > * {
  margin: 0;
  max-width: 30rem;
}

.cart-item__details > * + * {
  margin-top: 0rem;
}

.cart-item__media {
  position: relative;
}

.cart-item__link {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cart-item__name {
  text-decoration: none;
  display: flex;
  transition: all 0.3s linear;
  font-size:var(--font-h6-size);
  font-weight: var(--font-heading-weight);
  text-align: left;
}
.cart__items .cart-item__name {
  display: inline-block;
}
.cart-item__name:hover {
  /*   text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.2rem; */
  color: rgb(var(--color-link-hover));
}

.cart-item__price-wrapper > * {
  display: block;
  margin: 0;
  padding: 0;
}

.cart-item__discounted-prices dd {
  margin: 0;
}

.cart-item__discounted-prices .cart-item__old-price {
  font-size: calc(var(--font-base-size) - 2px);
}

.cart-item__old-price {
  opacity: 0.7;
}

.cart-item__final-price {
  font-weight: 400;
}

.product-option {
  font-size: var(--font-base-size);
  word-break: break-all;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  font-weight: 400;
}

.cart-item cart-remove-button {
  display: flex;
  margin-left: 15px;
  align-items: center;
}


.cart-item__price-wrapper .price{font-size:var(--font-base-size);}
cart-remove-button .button {
  width: 1.6em;
  min-width: 1.6rem;
  min-height:1.6rem;
  height: 1.6rem;
  padding: 0;
  margin:  0;
  border-radius: 50%;background:transparent;
}

cart-remove-button .button:before,
cart-remove-button .button:after {
  content: none;
}

cart-remove-button .button:not([disabled]):hover {
  color: rgb(var(--color-link-hover));background:transparent;
}

@media screen and (min-width: 860px) {
  cart-remove-button .button {
    min-width: 1.6rem;
    min-height: 1.6rem;
  }
}

cart-remove-button .icon-remove {
  height: 1.6rem;
  width: 1.6rem;
}

.cart-item .loading-overlay {
  top: 50%;
  left: auto;
  right: auto;
  bottom: 0;
  padding: 0;
  /* transform: translateY(-50%); */
}
.cart-item .loading-overlay .loading-icon{animation: loading-animation 1.5s infinite linear}

@keyframes loading-animation{
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(359deg);
}
}
@media screen and (min-width: 861px) {
  .cart-item .loading-overlay {
    right: 0;
    padding-top: 4rem;
    bottom: 0;
  }
}

.cart-item .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}

.cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}

.cart-item__error-text {
  font-size: calc(var(--font-base-size) - 4px);
  order: 1;
}

.cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
}

.cart-item__error-text:empty + svg {
  display: none;
}

/* .product-option + .product-option {
   margin-top: 0.4rem; 
  align-items: flex-start;
  display: flex;
  gap:2px;
} */

.product-option * {
  display: inline;
  margin: 0;
}
/* .product-option * dd{
      color: rgba(var(--color-foreground), 0.5);
} */
.cart-items thead th {
  text-transform: uppercase;
}

@media screen and (max-width: 860px) {
  .cart-items,
  .cart-items thead,
  .cart-items tbody {
    display: block;
    width: 100%;
  }

  .cart-items thead tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
    margin-bottom: 4rem;
  }

  .cart-item {
    display: grid;
    grid-template: repeat(2, auto) / repeat(4, 1fr);
    gap: 1.5rem;
    /* margin-bottom: 3.5rem; */
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item__media {
    grid-row: 1 / 3;
  }

  .cart-item__details {
    grid-column: 2 / 4;
  }

  .cart-item__quantity {
    grid-column: 2 / 5;
  }

  .cart-item__quantity-wrapper {
    flex-wrap: wrap;
  }

  .cart-item__totals {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

.cart-item__error-text + svg {
  margin-top: 0.4rem;
}

.cart-drawer .cart-items thead {
  display: none;
}
@media screen and (min-width: 861px) {
  .cart-items {
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: none;
    width: 100%;
    display: table;
  }

  .cart-items th {
    border-bottom: 0.1rem solid rgba(var(--color-border), var( --color-border-opacity));
  }

  .cart-items thead th:first-child {
    width: 50%;
  }


  .cart-items td {
    vertical-align: top;
/*     padding-top: 4rem; */
  }

  .cart-item {
    display: table-row;
  }

  .cart-item__details {
    width: 35rem;
  }

  .cart-item__media {
    width: 10rem;
  }
}

@media screen and (min-width: 990px) {
/*   .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide {
    padding-left: 6rem;
  } */

  .cart-item__details {
    width: 50rem;
  }

  .cart-items thead th:first-child {
    width: 60%;
  }
}
/*custom*/
td.cart-item__details { padding-left: 20px;}
.cart-items td{    padding-top: 40px; padding-bottom:0px;}
.cart-items td{vertical-align: inherit;}
 td.cart-item__details dl .product-option {
    position: relative;

}
 td.cart-item__details dl .product-option:not(:last-child):after {
    content: "|";
    position: absolute;right:-9px;
}
td.cart-item__details dl{display:flex; flex-wrap:wrap; column-gap: 15px; row-gap: 0;}
.cart__footer{background:rgba(var(--color-foreground),0.09); padding: 3rem;border-radius: var(--media-radius);}
.cart-items .discounts__discount{font-size:calc(var(--font-base-size) - 2px);}

@media screen and (max-width: 860px) {
  td.cart-item__quantity{padding-top:0; padding-bottom:0; padding-left:0px;}
  .cart-items td{padding-bottom:0;}
  td.cart-item__totals.right.small-hide,
  th.cart-items__heading--wide.small-hide,
  th.small-hide.right.caption-with-letter-spacing{display:none;}
  td.cart-item__details{padding-left:0;}
}
@media screen and (max-width: 700px) {
   td.cart-item__details{padding-left:20px;}
    td.cart-item__quantity{padding-left:20px;}
}

@media screen and (max-width: 576px) and (min-width: 320px) {
  cart-items .cart-item {
    display: flex;
    flex-direction: column;
  }
   cart-items .product-option + .product-option {
  margin-top: 0rem;
}
  cart-items img.cart-item__image {
    width: 100%;
    max-width: 100%;
  }
  cart-items tr.cart-item {
    padding: 30px 30px 0px;
  }
  cart-items .cart-item__quantity-wrapper {
    justify-content: center;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    align-items: center;
  }
  cart-items .cart-item__details > * {
    max-width: 100%;
    margin-bottom: 13px;
  }
  cart-items td.cart-item__details {
    text-align: center;
  }
  cart-items .cart-item__totals {
    justify-content: center;
  }
  cart-items th.medium-hide.large-up-hide.right.caption-with-letter-spacing {
    display: none;
  }
  cart-items td.cart-item__media {
    display: flex;
    justify-content: center;
  }
  cart-items td.cart-item__details .product-option + .product-option {
    justify-content: center;
  }
  cart-items  .cart-item__name {
    text-align: center;
    font-size: Calc(var(--font-h5-size) - 4px);
  }
  cart-items .cart-item__details dl{margin-bottom:0; justify-content:center;}
  td.cart-item__details, td.cart-item__quantity{padding-left:0;}
  .cart-items thead tr{margin-bottom:0; justify-content:center;}
  cart-items .cart__items{padding-bottom:30px;}
  .cart-items td{padding-top:0;}
}
@media screen and (max-width: 576px){
.cart-item cart-remove-button{    width: 16px;height: 16px;margin-top: 10px; margin-left:0;}
.cart-item  .discounts__discount{justify-content:center;}
  
}
/* ==== dt-cart-notification.css ==== */
.cart-notification-wrapper {
  position: relative;
}

.cart-notification-wrapper .cart-notification {
  display: block;
}

.cart-notification {
  border-bottom-right-radius: var(--popup-corner-radius);
  border-bottom-left-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: 0 0 var(--popup-border-width);
  padding: 2.5rem 3.5rem;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
  visibility: hidden;
  width: 100%;
  z-index: -1;
  filter: drop-shadow(
    var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset)
    var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity))
  );
}

@media screen and (min-width: 750px) {
  .header-wrapper:not(.header-wrapper--border-bottom) + cart-notification .cart-notification {
    border-top-width: var(--popup-border-width);
  }

  .cart-notification {
    border-width: 0 var(--popup-border-width) var(--popup-border-width);
    max-width: 36.8rem;
    right: 4rem;
  }
}

.cart-notification.animate {
  transition: transform var(--duration-short) ease,
    visibility 0s var(--duration-short) ease;
}

.cart-notification.active {
  transform: translateY(0);
  transition: transform var(--duration-default) ease, visibility 0s;
  visibility: visible;
}

.cart-notification__header {
  align-items: flex-start;
  display: flex;
}

.cart-notification__heading {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin-bottom: 0;
  margin-top: 0;
}

.cart-notification__heading .icon-checkmark {
  color: rgb(var(--color-foreground));
  margin-right: 1rem;
  width: 1.3rem;
}

.cart-notification__close {
  margin-top: -2rem;
  margin-right: -3rem;
}

.cart-notification__links {
  text-align: center;
}

.cart-notification__links > * {
  margin-top: 1rem;
}

.cart-notification-product {
  align-items: flex-start;
  display: flex;
  padding-bottom: 3rem;
  padding-top: 2rem;
}

.cart-notification-product dl {
  margin-bottom: 0;
  margin-top: 0;
}

.cart-notification-product__image {
  display: inline-flex;
  margin-right: 1.5rem;
  margin-top: 0.5rem;
}

.cart-notification-product__image:after {
  content: none;
}

.cart-notification-product__name {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

/* ==== dt-cart.css ==== */
.cart {
  position: relative;
  display: block;
}

.cart__empty-text,
.is-empty .cart__contents,
cart-items.is-empty .title-wrapper-with-link,
.is-empty .cart__footer {
  display: none;
}

.is-empty .cart__empty-text,
.is-empty .cart__warnings {
  display: block;
}

.cart__warnings {
  display: none;
  text-align: center;
  padding: 0 ;
}

.cart__empty-text {
  margin: 0rem 0 2rem;
}

.cart__contents > * + * {
  margin-top: 2.5rem;
}

.cart__login-title {
  margin: 5.5rem 0 0.5rem;
}

.cart__login-paragraph {
  margin-top: 0.8rem;
}

.cart__login-paragraph a {
  font-size: inherit;text-decoration: underline;
}

@media screen and (min-width: 990px) {
  /* .cart__warnings {
    padding: 4rem 0 4rem;
  } */

  .cart__empty-text {
    margin: 0 0 3rem;
  }
}

cart-items {
  display: block;
}

.cart__items {
  position: relative;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(var(--color-border), var( --color-border-opacity));
}

.cart__items--disabled {
  pointer-events: none;
}

/* .cart__footer {
  padding: 4rem 0 0;
}

.cart__footer-wrapper:last-child .cart__footer {
  padding-bottom: 5rem;
} */

.cart__footer > div:only-child {
  margin-left: auto;
}

.cart__footer > * + * {
  margin-top: 4rem;
}

.cart__footer .discounts {
  margin-top: 1rem;
}

.cart__note {
  height: fit-content;
}

.cart__note label {
  display: flex;
  align-items: flex-end;
  position: absolute;
  line-height: 1;
  height: 1.8rem;
  top: -3rem;
  color: rgba(var(--color-foreground), 0.75);
}

.cart__note .field__input {
  height: 100%;
  position: relative;
  /* border-radius: var(--inputs-radius); */
  padding: 1rem 2rem;
}

.cart__note .text-area {
  resize: vertical;
}

/* .cart__note:after, .cart__note:hover.cart__note:after,
.cart__note:before, .cart__note:hover.cart__note:before,
.cart__note .field__input:focus
 {
  border-bottom-right-radius: 0;
} */

@media screen and (min-width: 750px) {
  .cart__items {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-bottom: 4rem;
  }

  .cart__contents > * + * {
    margin-top: 0;
  }

  .cart__items + .cart__footer {
    grid-column: 2;
  }

  .cart__footer {
    display: flex;
    justify-content: space-between;
    border: 0;
  }

/*   .cart__footer-wrapper:last-child {
    padding-top: 0;
    padding-bottom:6rem;
  } */

  .cart__footer > * {
    width: 35rem;
  }

  .cart__footer > * + * {
    margin-left: 4rem;
    margin-top: 0;
  }
}

.cart__ctas button {
  width: 100%;
}

.cart__ctas > *:not(noscript:first-child) + * {
  margin-top: 0rem;
}

.cart__update-button {
  margin-bottom: 1rem;
}

.cart__dynamic-checkout-buttons {
  max-width: 36rem;
  margin: 0 auto;
}

.cart__blocks > * + * {
  margin-top: 1rem;
}

.cart__dynamic-checkout-buttons div[role='button'] {
  border-radius: var(--buttons-radius-outset) !important;
}

.cart-note__label {
  display: inline-block;
  margin-bottom: 1rem;
  line-height: calc(1 + 1 / var(--font-body-scale));
}

.tax-note {
  margin: 2.2rem 0 1.6rem auto;
  text-align: center;
  display: block;
}

.cart__checkout-button {
  max-width: 36rem;
}

.cart__ctas {
  text-align: center;
}

@media screen and (min-width: 750px) {
  .cart-note {
    max-width: 35rem;
  }

  .cart__update-button {
    margin-bottom: 0;
    margin-right: 0.8rem;
  }

  .tax-note {
    margin-bottom: 2.2rem;
    text-align: right;
  }

  [data-shopify-buttoncontainer] {
    justify-content: flex-end;
  }

  .cart__ctas {
    display: flex;
    gap: 1rem;
  }
}
.cart-drawer .cart__ctas {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    margin-top:3rem;position:relative;z-index:0;
}
.cart__blocks{z-index:0;}

@media screen and (max-width: 749px) {
.cart__footer > * + * { margin-top: 2rem;}
.tax-note { margin: 1.2rem 0 1.2rem auto;}  
}

div#CartDrawer-CartErrors{padding:10px 20px;}
/* ==== dt-complementary-products.css ==== */
.complementary-products__container {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
/* .complementary-products__container .card.card--card.card--media {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
} */
.complementary-products__container  .price__regular .price-item--regular {
  font-size:calc(var(--font-base-size) - 2px);
}

product-recommendations:not(.is-accordion) .complementary-products__container {
  margin-top: 1.5rem;
}

.complementary-products__container > details[open] {
  padding-bottom: 0rem;
}
.complementary-products .accordion{margin:3rem 0;}
.complementary-slider {
  margin-top: 0;
  gap: 0;
}

.complementary-slide {
  --shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  --shadow-padding-sides-negative: calc(
    (var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible)
  );
}

.complementary-slide > ul {
  display: flex;  
  gap: var(--grid-mobile-vertical-spacing);
}

.complementary-slide.complementary-slide--standard > ul {
  gap: calc(var(--grid-mobile-vertical-spacing) + 8px);
}

@media screen and (min-width: 750px) {
  .complementary-slide > ul {
    gap: var(--grid-desktop-vertical-spacing);
  }

  .complementary-slide.complementary-slide--standard > ul {
    gap: calc(var(--grid-desktop-vertical-spacing) + 8px);
  }
}


.complementary-slide.grid__item {
  width: 100%;
  padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  padding-right: max(var(--focus-outline-padding), var(--shadow-padding-sides));
  padding-left: max(var(--focus-outline-padding), var(--shadow-padding-sides-negative));
}

.complementary-slide .card-wrapper {
  height: auto;
}

.complementary-products > .summary__title {
  display: flex;
  line-height: 1;
  padding: 1.5rem 0;
}

.accordion + product-recommendations .accordion,
product-recommendations.is-accordion + .accordion {
  margin-top: 0;
  border-top: none;
}

.complementary-products > .summary__title .icon-accordion {
  fill: rgb(var(--color-foreground));
  height: calc(var(--font-heading-scale) * 2rem);
  margin-right: calc(var(--font-heading-scale) * 1rem);
  width: calc(var(--font-heading-scale) * 2rem);
}

.complementary-products__container .card--card .card__content,
.complementary-products__container .card--horizontal .card__information {
  padding: 0;
}

.complementary-products__container .card--horizontal .card__inner {
  max-width: 20%;
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
  .complementary-products__container .card--horizontal .card__inner {
    max-width: 25%;
  }
}

.complementary-slide .card--text .card__content {
  grid-template-rows: minmax(0, 1fr) max-content auto;
}

.complementary-products__container .card--card.card--media > .card__content {
  margin-top: 0;
}

.complementary-products-contains-quick-add .underline-links-hover:hover a {
  text-decoration: initial;
}

.complementary-products-contains-quick-add .card__heading:hover a {
  text-decoration: underline;
}

.complementary-products__container .card--card .card__inner .card__media {
  border-radius: calc(var(--corner-radius) - var(--border-width) - var(--image-padding));
}

.complementary-products__container .card--horizontal .quick-add {
  margin: 0;
  max-width: 20rem;
}

.complementary-products__container .quick-add__submit {
  padding: 1.5rem 0;
  min-height: inherit;
}

.complementary-products__container .quick-add__submit .icon-plus {
  width: 1.2rem;
}

.complementary-products__container .icon-wrap {
  display: flex;
}

.complementary-products .sold-out-message:not(.hidden) + .icon-wrap {
  display: none;
}

.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap {
  transition: transform var(--duration-short) ease;
}

.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap {
  transform: rotate(90deg);
}

.complementary-products__container .quick-add__submit:after,
.complementary-products__container .quick-add__submit:hover:after {
  box-shadow: none;
}

.complementary-products__container .card--horizontal .quick-add,
.complementary-products__container .card__badge {
  justify-self: var(--text-alignment);
}

.product--no-media .complementary-products__container .price {
  text-align: var(--text-alignment);
}
.complementary-products__container .accordion__title{font-size:var(--font-h6-size);}
.complementary-products__container .card--card.card--media>.card__content{display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;}
.complementary-products__container .card__information>* { margin-bottom: 5px;}
.complementary-products__container .card-wrapper .quick-add__submit.button{margin-top: 0px;padding: 10px;width: 100%;min-width: 100%;}
.complementary-products__container  .price__regular .price-item--regular, 
.complementary-products__container  .price__sale .price-item.price-item--sale.price-item--last{font-size:var(--font-h6-size)}
.complementary-products__container  .price--on-sale .price__sale, .complementary-products__container .price{justify-content:center;}
.complementary-products__container .card .product-deal-count .deal-clock ul{display:none;}
@media screen and (min-width: 750px) {
  .complementary-products__container .price--on-sale .price-item--regular {
    font-size: calc(var(--font-base-size) - 2px);
  }
}
@media screen and (max-width: 576px) {
.complementary-products__container .card-wrapper .card__inner .quick-add.button-quick-add{left:10px;right:10px;}
}
.card__badge .badge.badge-sale {
    background: rgb(var(--sale_badge_color));
    color: rgb(var(--sale_badge_color_text));
}
/* ==== dt-deferred-media.css ==== */
.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.media > .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.deferred-media {
  overflow: hidden;
}

.deferred-media:not([loaded='true']) template {
  z-index: -1;
}

.deferred-media[loaded='true'] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground),.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground),.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.deferred-media__poster-button {
  background-color: transparent;
  border: 0.2rem solid rgba(var(--color-background), 1);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
      transition: all 0.3s linear;
  justify-content: center;
  height: 4.2rem;
  width: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
 /* transition: transform var(--duration-long) ease, color var(--duration-sh) ease; */
  z-index: 1;
}
.deferred-media__poster-button:hover span{ letter-spacing: 3.5px;}
.deferred-media__poster-button span{
    color: rgba(var(--color-background));
    font-size: calc(var(--font-base-size) - 2px);
    letter-spacing: 2.6px;
    text-transform: uppercase;
    line-height: 19px;
}
.deferred-media__poster-button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff00;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    filter: blur(3px);
    backdrop-filter: brightness(1);
    opacity: 1;
}
.deferred-media__poster-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.deferred-media__poster-button .icon {
  width: 1.6rem;
  height: 1.6rem;
}

.deferred-media__poster-button .icon-play {
  margin-left: 0.2rem;
}


/* ==== dt-discounts.css ==== */
.discounts {
  font-size: calc(var(--font-base-size) - 4px);
}

.discounts__discount {
  display: flex;
  align-items: center;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.discounts__discount svg {
  color: rgba(var(--color-button), var(--alpha-button-background));
}

.discounts__discount--position {
  justify-content: center;
}

@media screen and (min-width: 750px) {
  .discounts__discount--position {
    justify-content: flex-end;
  }
}

.discounts__discount > .icon {
  color: rgb(var(--color-foreground));
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
}

/* ==== dt-list-menu.css ==== */
.list-menu--right {
  right: 0;
}

.list-menu--disclosure {
  position: absolute;
  min-width: 100%;
  width: 20rem;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}

.list-menu--disclosure:focus {
  outline: none;
}

.list-menu__item--active {
  text-underline-offset: 0.3rem;
}

.list-menu__item--active:hover {
  text-decoration-thickness: 0.2rem;
}

.list-menu--disclosure.localization-selector {
  max-height: 18rem;
  overflow: auto;
  width: 10rem;
  padding: 0.5rem;
}

/* ==== dt-list-payment.css ==== */
.list-payment {
  display: flex;
  justify-content: center;
  margin: 0;
  padding-top: 1rem;
  padding-left: 0;
  flex-wrap:wrap;
}

@media screen and (min-width: 750px) {
  .list-payment {
    justify-content: flex-end;
    margin: 0;
    padding-top: 0;
  }
}

.list-payment__item {
  align-items: center;
  display: flex;
  padding: 0.5rem;
}

@media screen and (max-width: 576px) {.list-payment__item {padding: 0.2rem;}}
/* ==== dt-list-social.css ==== */
.list-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 margin-top: 3.5rem;
}

@media only screen and (max-width: 749px) {
  .list-social {
    justify-content: center;
  }
}

.list-social__item .icon {
  height: 16px;
  width: 16px;
  transition: all var(--duration-default) linear;
     /* color: rgb(var(--color-foreground)); */
}

.list-social__link {
  align-items: center;
  display: flex;
  /* padding: 1.3rem 0; */
  color: rgb(var(--color-link));
  /* font-weight:600; */
  text-decoration:none;
  border-radius:50%;
}

.list-social__link:hover .icon, .text-social__link:hover .icon{
  /* transform: scale(1.07); */
  color: rgb(var(--color-link-hover));
}
li.list-social__item:not(:last-child) {
    margin-right: 10px;
}
li.list-social__item a{
    border-width: 1px;
   border-color:rgb(var(--color-foreground));
    border-style:solid;
    color: rgb(var(--color-foreground));
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
  transition: all 0.3s linear;
}
li.list-social__item a:hover{
 border-color:rgb(var(--color-link-hover));  
}
li.list-social__item a svg {
    height: 15px;
    width: 15px;
}
/* ==== dt-mega-menu.css ==== */
body.mega-full-width-active {
  overflow-x: hidden;
}

/* .header-wrapper .color-background-1 {
  background-color: rgb(var(--color-background), 0.8);
  border-bottom: 1px solid rgb(var(--color-background),.8);
} */
.shopify-section-header-sticky .header-wrapper .header {
  box-shadow: 0 0 10px rgb(26 26 26 / 15%);
  background-color: rgb(var(--color-background), 0.9);
}
.menu-drawer-header{
   display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    background-color: rgba(var(--color-foreground), 0.03);
    color:rgba(var(--color-foreground));
    width: 100%;
  position:fixed;z-index:1;font-weight:500;
}
button.header-drawer__close.close_icon_button {
  display: flex;
  color: rgba(var(--color-foreground)); 
  border: none;
  background: none;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}
button.header-drawer__close.close_icon_button svg {
fill:currentcolor;    width: 12px;height: 12px;
}
button.header-drawer__close.close_icon_button:hover{color: rgba(var(--color-link-hover));}
.mega-menu {
  position: static;
}
ul.dt-nav li >.megamenu_megamenu>div.sub-menu-block {
    background-color: rgb(var(--color-background));
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    left: 0;
    overflow-y: auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
    position: absolute;
    right: 0;
    top: 100%;
  opacity:0;
  visibility:hidden;
  transition:all 0.2s linear;
  border: 1px solid rgba(var(--color-foreground),.08);
  /* pointer-events:none; */
 }
ul.dt-nav li:not(.has-mega-menu)>.megamenu_megamenu>div.sub-menu-block{left:-25px;}
.mega-menu__content{     padding: 1.2rem 2.6rem; }
@media screen and (max-width: 1449px) {
  .mega-menu__content {
    font-size: calc(var(--font-base-size) - 2px);
  }
  .js .menu-drawer__menu .sub-menu-lists li a {
    font-size: var(--font-base-size);
    text-transform: capitalize;
  }
  .js .menu-drawer__menu li.has-mega-menu .sub-menu-lists li a.headding {
    font-weight: var(--font-heading-weight);padding:10px 0;
  }
  .js .menu-drawer__menu li:not(.has-mega-menu) .sub-menu-lists {
    padding: 0 1.8rem;
  }
  .js .menu-drawer__menu li {
    list-style: none;
    padding: 0rem;
  }
  .js .menu-drawer__menu .sub-menu-lists ul {
    margin-top: 0px;
    padding-left: 5px;
    margin-bottom: 0px;
  }
  .js .menu-drawer__menu .sub-menu-lists ul li a {
    font-size: var(--font-base-size);
    font-weight: 400;padding:0;
  }
}

/*  .shopify-section-header-sticky .mega-menu__content { max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);} */
.header-wrapper--border-bottom .mega-menu__content {
  border-top: 0;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a {
  display: block;
  line-height: 1.25em;
  padding: 12px 20px 0px 20px;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li:first-child > a {
  padding-top: 10px;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li:last-child > a {
  padding-bottom: 10px;
}
.mega-menu__list {
  display: grid;
  gap: 2.4rem 4rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
}

ul.dt-sc-list-inline.dt-desktop-menu.dt-nav > li.default > div.sub-menu-block {
  transform: none;
}
ul.dt-sc-list-inline.dt-desktop-menu.dt-nav > li:hover.default > div.sub-menu-block {
  transform: none;
}

.mega-menu__link {
  color: rgba(var(--color-foreground), 0.75);
  display: block;
  font-size: calc(var(--font-base-size) - 2px);
  line-height: calc(1 + 0.3 / var(--font-body-scale));
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  text-decoration: none;
  transition: text-decoration var(--duration-short) ease;
  word-wrap: break-word;
}
.mega-menu__link--level-2 {
  font-size: calc(var(--font-base-size) - 2px);
}
.mega-menu__link--level-2:not(:only-child) {
  margin-bottom: 0.8rem;
}
.header--top-center .mega-menu__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0;
}
.header--top-center .mega-menu__list > li {
  width: 16%;
  padding-right: 2.4rem;
}
.mega-menu__link:hover,
.mega-menu__link--active {
  color: rgba(var(--color-link-hover));
  text-decoration: underline;
}
.mega-menu__link--active:hover {
  text-decoration-thickness: 0.2rem;
}
.mega-menu .mega-menu__list--condensed {
  display: block;
}
.mega-menu__list--condensed .mega-menu__link {
  font-weight: normal;
}
.menu-drawer__navigation ul.sub-menu-lists.mega-menu-brands {
  padding: 0;
}

/* custom mega menu code from dt-framework */

/***************/
/* Header Menu */
/***************/

div:not(#AccessibleNav) > .logo.text-center {
  border-bottom: 1px solid rgb(var(--color-border));
  padding: 10px 0;
}
/* nav {
  position: relative;
} */
#AccessibleNav {
  align-items: center;
  display: flex;
}
#AccessibleNav.align-center {
  justify-content: center;
}
#AccessibleNav.align-left {
  justify-content: flex-start;
}
#AccessibleNav.align-right {
  justify-content: flex-end;
}

.header ul.dt-sc-list-inline.dt-desktop-menu.dt-nav {
  list-style: none;
  padding: 0px;
  margin: 0;
  font-size: 100%;
  width:100%;
  max-width:100%;
}
.header ul.dt-sc-list-inline.dt-desktop-menu.dt-nav > * {
  margin: 0 1px; 
  list-style: none; 
}
/* ul.dt-nav > li.top-level-link {
  display: inline-block;
  padding: 0 5px;
  position: relative;
} */
ul.dt-nav > li.top-level-link > div.sub-menu-block .sub-menu-block {
  right: auto;
  left: 100%;
  top: 0;
  padding:0;
}
ul.dt-nav > li > .megamenu_megamenu  a.dt-sc-nav-link {
  font-size: var(--font-base-size);
  font-weight: 600;
  display: block;
  padding:  0;
  margin:  0;
  position: relative;
  box-sizing: border-box;
  color: rgb(var(--color-foreground));
  transition: all 0.3s linear;
  text-transform: uppercase;
  font-family: var(--font-heading-family);
  list-style:none;line-height:normal;
}
ul.dt-nav > li:hover > .megamenu_megamenu > a,
ul.dt-nav li.active > .megamenu_megamenu > a,
ul.dt-nav > li:hover > .megamenu_megamenu > a,
ul.dt-nav > li.active > .megamenu_megamenu > a,
ul.dt-nav > li.active > .megamenu_megamenu > a.mega-menu > span:after {
  color: rgb(var(--color-link-hover));
}
ul.dt-nav > li.has-mega-menu > div.sub-menu-block {
  text-align: start;
  padding: 1.2rem 0;
}

ul.dt-sc-list-inline > li ul.sub-menu-lists {
  /* display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; */
      /* display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 0; */
}
ul.dt-sc-list-inline > li ul.sub-menu-lists li:only-child a {
  margin: 0;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li {
  position: relative;
  padding: 0;
  list-style:none;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a {
  color: rgb(var(--color-foreground));
  display: block;
  padding: 8px 15px;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li.active > a,
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a:hover {
  color: rgba(var(--color-link-hover));
}
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists {
  padding: 0;
  width: 100%;
}
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > a {
  transition: all 0.3s linear;
}
/* ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li + li > a {
  border-top: 1px solid rgb(var(--color-border));
} */
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > ul {
  padding: 15px;
  visibility: hidden;
  position: absolute;
  margin-top: 0px;
  width: 200px;
  left: 100%;
  top: 0;
  box-sizing: border-box;
  z-index: 3;
  font-size: var(--font-base-size);
  opacity: 0;
  transition: all 0.4s ease 0s;
  transform: rotateX(90deg);
  transform-origin: top center;
  background-color: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-border));
}
ul.dt-sc-list-inline
  > li:not(.has-mega-menu)
  ul.sub-menu-lists
  > li:hover
  > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
ul.dt-sc-list-inline
  > li:not(.has-mega-menu)
  ul.sub-menu-lists
  > li
  > ul
  > li
  a {
  display: block;
  border-bottom: 1px solid rgb(var(--color-border));
}
ul.dt-sc-list-inline
  > li.has-mega-menu
  ul.sub-menu-lists
  > li
  > a.dt-sc-nav-link.mega-menu {
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(var(--color-border));
}
ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists .headding {
  display: block;font-weight:600;
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-size: calc(var(--font-base-size) + 2px);
  text-transform: capitalize; /* border-bottom: 1px solid var(--DTColor_Border);*/
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a {
  position: relative;
  display: inline-block;
  font-size: var(--font-base-size);
  text-transform: capitalize;opacity:0.7;
}

ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a,
ul.dt-sc-list-inline > li ul.sub-menu-lists .headding {
  color: rgb(var(--color-foreground));
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a:hover,
ul.dt-sc-list-inline > li ul.sub-menu-lists .headding:hover {
  color:rgb(var(--color-link-hover));
}
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists li a:hover {
  color: rgb(var(--color-link-hover));
}
/* .header
  ul.dt-sc-list-inline.dt-desktop-menu.dt-nav:first-child
  li.text-menu
  .dt-sc-dropdown-menu.dt-sc--main-menu--mega.dt-sc_main-menu--has-links
  ul.sub-menu-lists.dt-sc-column {
  display: none;
} */
.sub-menu-head {
  margin: 10px 0;
}
.banners-area {
  margin-top: 20px;
  padding-top: 15px;
}
.dt-sc-mega_menu-title {
  margin: 0;
  line-height: 40px;
  font-size: calc(var(--font-base-size) + 2px);
  color: rgb(var(--color-foreground));
}
.dt-sc-mega_menu-title a {
  color: rgb(var(--color-foreground));
}
.dt-sc-menu-product .dt-sc-menu-product_item-info {
  text-align: center;
  background-color: var(--color-icon);
  color: rgb(var(--color-foreground));
  transition: all 0.3s linear;
}
.dt-sc-menu-product .dt-sc-menu-product_item-info:hover {
  background-color: rgba(var(--color-secondary-button));
  color: rgba(var(--color-secondary-button-text));
}
.dt-sc-menu-product .dt-sc-menu-product_item-info:hover a {
  color: rgba(var(--color-link-hover));
}
.dt-sc-menu-product .dt-sc-menu-product_item-info a {
  color: rgba(var(--color-background));
  transition: none;
  padding: 10px;
  display: block;
  transition: all 0.3s linear;
}
.dt-sc-menu-product .dt-sc-menu-product_item-info .dt-sc-price {
  display: none;
  margin: 0 5px;
  white-space: pre;
}
.dt-sc-menu-image-with-text .dt-sc-mega_menu,
.dt-sc-menu-product__item {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.dt-sc-menu-image-with-text .dt-sc-details {
  position: absolute;
  bottom: -42px;
  width: 100%;
  background: rgba(var(--color-secondary-button)); color: rgba(var(--color-secondary-button-text));
  transition: all 0.3s linear;
  text-align: center;
}
.dt-sc-menu-image-with-text .dt-sc-details a{color: rgba(var(--color-secondary-button-text));}
.dt-sc-menu-image-with-text .dt-sc-details .link,
.js .menu-drawer__menu .dt-sc-menu-image-with-text .dt-sc-details .link{
  width: 100%;padding:10px;background:rgba(var(--color-button));color: rgb(var(--color-button-text));
  }
.dt-sc-menu-image-with-text .dt-sc-details .link:hover,
.js .menu-drawer__menu .dt-sc-menu-image-with-text .dt-sc-details .link:hover{background: rgba(var(--color-secondary-button)); color: rgba(var(--color-secondary-button-text));}
.dt-sc-menu-image-with-text .dt-sc-mega_menu img {
  height: 100%;width:100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
/* .dt-sc-menu-image-with-text .dt-sc-mega_menu:hover img {
  transform: scale(1.03);
} */
.dt-sc-menu-image-with-text .dt-sc-mega_menu-title{padding:10px;line-height:normal;}
.dt-sc-menu-image-with-text .dt-sc-mega_menu h4 {
  margin: 0px 0;
  font-size: var(--font-base-size);
  text-align: center;
  transition: all 0.3s linear;
}
.dt-sc-menu-image-with-text .dt-sc-mega_menu h4:hover {
  color: rgba(var(--color-link-hover));
}
.dt-sc-menu-image-with-text:hover .dt-sc-details {
  bottom: 0;
}
.dt-sc-menu-image-with-text .dt-sc-btn,
.dt-sc-menu-product .dt-sc-menu-product_item-info {
  line-height: normal;
  margin: 0;
  border-radius: 0;
}
.dt-sc-menu-image-with-text:hover .dt-sc-btn,
.dt-sc-menu-product:hover .dt-sc-menu-product_item-info {
  opacity: 1;
  bottom: 0;
  visibility: visible;
}
.sticky-header:before {
  background-color: rgb(var(--color-background));
  content: "";
  display: inline !important;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  -webkit-box-shadow: 1px 0 5px -1px rgba(var(--color-foreground));
  box-shadow: 1px 0 5px -1px rgba(var(--color-foreground));
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all var(--duration-default) linear;
  transition: all var(--duration-default) linear;
}
.sticky-header.init-sticky {
  margin: 0 auto;
  max-width: var(--DTContainer);
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sticky-header.init-sticky:before {
  opacity: 1;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*Tabs menu start*/

ul.dt-sc-list-inline > li ul.sub-menu-lists ul {
  margin: 0;
  padding-left: 0;
}
/*   ul.dt-sc-list-inline > li ul.sub-menu-lists ul a { font-size: calc({{ section.settings.font_size_sub }}px - 2px); padding:0 0; } */
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-base-accent-1);
}
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-nav li {
  display: inline-block;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-nav .tabs li a {
  padding: 10px;
  display: block;
  text-transform: capitalize;
  /* border: 1px solid var(--color-base-accent-1); */
  border-bottom: none;
  transition: all var(--duration-default) linear;
  background-color: rgba(var(--color-button));
  transition: all var(--duration-default) linear;
  color: rgba(var(--color-button-text));
  display: flex;
  align-items: center;
  gap: 10px;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-nav .tabs li a:hover,
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-nav .tabs li.active a {
  background-color: rgba(var(--color-secondary-button));
    color: rgba(var(--color-secondary-button-text));
}

ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-content {
  padding: 20px;
  display: block;
  text-transform: capitalize;
  background-color: rgba(var(--color-background));
  list-style: none;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-content img {
  margin-right: 0px;
  height: 100%;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists .tabs-content .row-reverse img {
  margin-right: 0px;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists
  .tabs-content
  li.dt-sc-menu-tabs:not(:first-child) {
  display: none;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists
  .tabs-content
  li.dt-sc-menu-tabs
  ul {
  list-style: none;
  padding: 0;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists
  .tabs-content
  li.dt-sc-menu-tabs
  ul
  li
  ul
  li
  a {
  color: rgb(var(--color-foreground));font-size:calc(var(--font-base-size) - 2px);display:inline-block;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists
  .tabs-content
  li.dt-sc-menu-tabs
  ul
  li
  ul
  li
  a:hover, ul.dt-sc-list-inline>li:not(.has-mega-menu) ul.sub-menu-lists li a:hover {
  color: rgba(var(--color-link-hover)); 
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists.vertical
  .tabs-nav
  .tabs
  li.dt-sc-menu-tabs
  a:not(.headding) {
  padding: 0 10px;
}
/*Vertical tab*/
ul.dt-sc-list-inline > li ul.sub-menu-lists.vertical {
  grid-template-columns: 300px 1fr;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists.vertical .tabs-nav .tabs li {
  display: block;
  text-transform: capitalize;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists.vertical .tabs-nav ul.tabs {
  flex-direction: column;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists.vertical
  .tabs-nav
  .tabs
  li
  a.headding {
  padding: 8px 0px;
}

/*Horizontal tab*/
ul.dt-sc-list-inline > li ul.sub-menu-lists.horizontal .tabs-nav .tabs li a {
  padding: 10px 30px;
  border-bottom: none;
}
ul.dt-sc-list-inline
  > li
  ul.sub-menu-lists.horizontal
  .tabs-nav
  .tabs
  li:not(:first-child)
  a {
  border-left: 0px;
}
ul.dt-sc-list-inline > li ul.sub-menu-lists.horizontal .tabs-content {
  border: 1px solid rgb(var(--color-border));
  border-top: 0;
}

/*Top Sticky*/
#dT_top-sticky {
  padding: 30px;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 5;
  position: absolute;
  background-color: rgb(var(--color-background));
}
#dT_top-sticky .search-box {
  position: relative;
  display: flex;
  width: 100%;
}
#dT_top-sticky .search-box .dt-sc-btn {
  margin: 0;
  width: 80px;
}
#dT_top-sticky .search-box input[type="text"] {
  padding: 0;
  border-width: 0 0 1px;
}
#dT_top-sticky .close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
#dT_top-sticky .dT_ProductProactiveSearch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
#dT_top-sticky .dT_ProductProactiveSearch form {
  width: 100%;
  border: none;
  background: transparent;
}
#dT_top-sticky .dt-sc-ProductSugesstions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 10px;
}
#dT_top-sticky .dt-sc-ProductSugesstions:empty {
  display: none;
}
#dT_top-sticky .dt-sc-ProductSugesstions li {
  width: 100%;
  border: 1px solid rgb(var(--color-border));
  padding: 10px;
  margin: 0;
}

ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands{display:grid;}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands.six-column {
/*   padding-top: 0; */
  grid-template-columns: repeat(6, 1fr);
  gap: var(--DTGutter_Width);
}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands.five-column {
/*   padding-top: 0; */
  grid-template-columns: repeat(5, 1fr);
  gap: var(--DTGutter_Width);
}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands.four-column {
/*   padding-top: 0; */
  grid-template-columns: repeat(4, 1fr);
  gap: var(--DTGutter_Width);
}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands.three-column {
/*   padding-top: 0; */
  grid-template-columns: repeat(3, 1fr);
  gap: var(--DTGutter_Width);
}
ul.dt-nav
  > li .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands
  li {
  padding: 15px; /*background-color: rgb(var(--color-background));*/
}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  ul
  li {
  position: relative; /*width: max-content;padding-right: 20px;*/
  list-style:none;  
}
ul.dt-nav
  > li > .megamenu_megamenu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  > ul.mega-menu-brands
  li {
  width: 100%;
}


header .tag {
  white-space: nowrap;
  font-size: calc(var(--font-base-size) - 6px);
  padding: 1px 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -20px;
  transition: opacity .3s ease-in-out;
  opacity:1;
  right:-16px;
  line-height: 16px;
  font-style: normal;
  text-transform: uppercase;
  /* display:block; */
  /* border-radius: 50px; */
  font-weight: bold;
}
header ul.dt-sc-list-inline>li ul.sub-menu-lists>li>ul a .tag {top: -18px;right:2px;position:relative;}
header .tag.hot {
  background: rgb(var(--sale_badge_color));
  color: rgb(var(--sale_badge_color_text));
  animation-delay: 200ms;
}
header .tag.new {
  background: rgb(var(--new_badge_color));
  color: rgb(var(--new_badge_color_text));
  animation-delay: 400ms;
}
header .tag.sale {
  background: rgb(var(--sale_badge_color));
  color: rgb(var(--sale_badge_color_text));
  animation-delay: 600ms;
}

header .tag.hot:after {
  border-top-color: red;
}
header .tag.new:after {
  border-top-color: rgb(var(--color-link));
}
header .tag.sale:after {
  border-top-color: green;
}
/* .new,
.hot,
.sale {
  -webkit-animation: blinker 1.5s ease-out infinite;
  animation: blinker 1.5s ease-out infinite;
}
 */
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands li .dt-sc-mega_menu .dt-sc-mega_menu-link{display:block;height:100%;padding:15px;}
 div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands  .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link  h4{
   position: absolute;
    display: block;
    bottom: 15px;
    left: 0;
    right: 0;
    background: rgba(var(--color-button));
    padding: 10px;transition:all 0.3s linear;
    color:rgba(var(--color-button-text));
    width: calc(100% - 30px);
    margin: auto;font-weight: var(--font-body-weight);
    font-family: var(--font-body-family);
}
/* ul.dt-nav>li .megamenu_megamenu.mega-menu>div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands  .dt-sc-menu-image-with-text .dt-sc-mega_menu{padding:0;} */
 div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands  .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link:hover h4{background: rgba(var(--color-secondary-button));color: rgba(var(--color-secondary-button-text));}

/* @media screen and (max-width: 1700px) {
  ul.dt-nav
    > li.has-mega-menu
    > div.sub-menu-block
    .dt-sc--main-menu--mega
    ul
    li:not(:last-child) {
    padding-right: 0px;
  }
} */
@media screen and (max-width: 1560px) and (min-width: 1450px) {
  ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a {
    font-size: calc(var(--font-base-size) - 2px);
  }
  ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a {
    font-size:  calc(var(--font-base-size) - 2px);
  }
}
@media screen and (min-width: 990px) {
  ul.dt-nav li > div.sub-menu-block {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    z-index: 3;
    box-sizing: border-box;
    margin-left: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: block;
    padding:1.2rem 0;
    transform: translateY(-1.5rem); 
  }
}
ul.dt-nav li:hover > .megamenu_megamenu > div.sub-menu-block {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
   transform: translateY(0rem);
}
ul.dt-nav > li .megamenu_megamenu > div.sub-menu-block .dt-sc--main-menu--mega > ul {
  display: grid;
  padding: 30px;margin: 0 auto;
}
/*   ul.dt-nav > li.has-mega-menu > div.sub-menu-block .dt-sc--main-menu--mega{padding:30px;background-color: rgb(var(--color-background));box-shadow: 0 1px 5px rgb(0 0 0 / 10%);border-radius:var(--buttons-radius);} */
ul.dt-nav > li.has-mega-menu > div.sub-menu-block {
  width: var(--page-width);
}
ul.dt-nav {
  /* position: relative; */
   display: inline-flex;
    flex-wrap: wrap
}
/*   ul.dt-nav > li div.sub-menu-block .dt-sc-dropdown-menu.dt-sc_main-menu--has-links,
  ul.dt-nav > li.menu-item-has-children > div.sub-menu-block .dt-sc_main-menu--has-links{  box-shadow: 0 1px 5px rgb(0 0 0 / 10%);  background: rgb(var(--color-background)); border-radius:var(--buttons-radius);} */
/*   @media screen and (max-width: 990px) {
  .header__icons{    grid-row: 1;}
  } */
.menu-drawer .mega-menu__content .dt-sc--main-menu--mega {
  width: 100%;
}
ul.dt-nav>li .megamenu_megamenu>div.sub-menu-block .dt-sc--main-menu--mega>ul.row-reverse{grid-auto-flow: dense;direction: rtl;}

/* search box */
.header .search__button {
    right: 15px;
    left: auto;
    background: transparent;
    color: rgba(var(--color-foreground));
    width: max-content;
    height: fit-content;
    top: 50%;
    transform: translateY(-50%);
}
.header .search__input.field__input {
  padding: 0 3.5rem 0 1.5rem;
}
.header .search__button svg {
  fill: currentcolor;
}
.header .search__button:hover {
  color: rgba(var(--color-link-hover));
}

.header__icons span.icon__fallback-text,
.header__icons.icon__fallback-content a svg,
.header__search.icon__fallback-content .header__icon--search span.icon-search,
.header__search .header__icon--search span.icon__fallback-text {
  display: none;
}
.header__icons a,
.header__search.icon__fallback-content .header__icon--search {
  transform: scale(1);
}
.header__icons a:hover,
.header__search.icon__fallback-content .header__icon--search:hover {
  color: rgb(var(--color-link-hover));
  /* transform: scale(1.1); */
}
.header__icons a:hover svg,
.header__search.icon__fallback-content .header__icon--search:hover svg{
  color: rgb(var(--color-link-hover));
}
@media screen and (min-width: 991px) {
  .header__icons.icon__fallback-content a,
  .header__search.icon__fallback-content .header__icon--search {
    width: max-content;
    height: max-content;
    text-decoration: none;
  }
  .header__icons.icon__fallback-content .cart-count-bubble {
    position: relative;
    background: transparent;
    color: rgb(var(--color-foreground));
    line-height: 1.8rem;
    top: auto;
    right: auto;
    margin-left: 0.6rem;
  }
  .header__icons.icon__fallback-content .cart-count-bubble:before {
    content: "(";
  }
  .header__icons.icon__fallback-content .cart-count-bubble:after {
    content: ")";
  }
  .header__icons.icon__fallback-content a {
    display: flex;
  }
  .header__icons.icon__fallback-content span.icon__fallback-text,
  .header__search.icon__fallback-content
    .header__icon--search
    span.icon__fallback-text {
    display: flex;width: max-content;
  }
}
@media screen and (max-width: 990px) {
  .header__icons.icon__fallback-content span.icon__fallback-text {
    display: none;
  }
  .header__icons.icon__fallback-content a svg,
  .header__search.icon__fallback-content
    .header__icon--search
    span.icon-search {
    display: flex;
  }
}

/* Category Button*/
.category-menu {
  grid-area: category-menu;
  position: relative;
  width: 260px;
}
.category-menu a {
  cursor: pointer;
  width: 100%;
}
.category-menu .category_nav {
  display: flex;
  flex-direction: column;
}
.category-menu .category-wrapper {
  position: absolute;
  width: 100%;
  z-index: 10;
  box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
  background: rgb(var(--color-background));
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all var(--duration-default) linear;
}
.category-menu .category-wrapper.open {
  opacity: 1;
  visibility: visible;
}
.category-menu .category-block__details-content {
  list-style: none;
  padding: 2rem;
  margin: 0;
}
.category-menu .category-block__details-content li:not(:last-child) {
  padding-bottom: 1rem;
}
.category-menu #category-menu-button svg {
  margin-right: 10px;
}
.category-menu #category-menu-button:after {
  content: "\f107";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: auto;
  -webkit-transition: all cubic-bezier(0.47, 1.21, 0.47, 1.21) 0.3s;
  transition: all cubic-bezier(0.47, 1.21, 0.47, 1.21) 0.3s;
  position: relative;
}
.category-menu #category-menu-button.open:after {
  transform: rotate(180deg);
}
/* ul.dt-nav > li > .megamenu_megamenu > a.dropdown > .dt-sc-caret:after {
  content: "\f078";
  font-size: 47%;
  font-family: "FontAwesome";
  display: inline-block;
  vertical-align: middle;
  transition: all 0.4s ease-in-out 0s;
  position: relative;
  width: auto;
  height: auto;
  background: transparent;
  bottom: 0;
} */
ul.dt-nav > li > a.dropdown > .dt-sc-caret:before {
  display: none;
}
ul.dt-nav > li > a span:before {
  display: none;
}
ul.dt-nav
  > li.promo_banner.has-mega-menu
  > div.sub-menu-block
  .dt-sc--main-menu--mega
  ul
  li {
  width: 100%;
}
li.promo_banner .dt-sc-menu-image-with-text .dt-sc-mega_menu img {
  height: 100%;
}
@media screen and (max-width: 1449px) {
  .has-mega-menu
    .menu-drawer__submenu
    .mega-menu__content
    ul.sub-menu-lists:not(.mega-menu-brands, :only-child) {
    display: none;
  }
}
/*header- hover- issue*/

.header ul.dt-sc-list-inline.dt-desktop-menu.dt-nav .megamenu_megamenu .sub-menu-block .submenu_inner{pointer-events:none;}
ul.dt-nav li:hover>.megamenu_megamenu>div.sub-menu-block .dt-sc-menu-image-with-text{pointer-events:all;}
ul.dt-nav li:hover>.megamenu_megamenu>div.sub-menu-block ul.sub-menu-lists>li>ul li { pointer-events: all;}
.header ul.dt-sc-list-inline.dt-desktop-menu.dt-nav:hover .megamenu_megamenu .sub-menu-block .submenu_inner{ pointer-events: all;}
ul.dt-nav li:hover>.megamenu_megamenu>div ul.sub-menu-lists>li{pointer-events:all;}
/*active - menu*/

ul.dt-sc-list-inline > li.active a {
  color: rgba(var(--color-link-hover));
}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li.active > a {
  color: rgba(var(--color-link-hover));
}
.dt-sc-menu-image-with-text .dt-sc-mega_menu {
border: 1px solid rgba(var(--color-foreground),.08);display: flex;
}
button.disclosure__button:hover {
  color: rgba(var(--color-link-hover));
}

ul.dt-nav > li.has-mega-menu > div.sub-menu-block .submenu_inner,
ul.dt-nav > li.menu-item-has-children > div.sub-menu-block .submenu_inner {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  background-color: rgba(var(--color-background));
  font-size: calc(var(--font-base-size) + 2px);
}
ul.dt-sc-list-inline>li ul.sub-menu-lists  .dt-sc-menu-tabs ul li{position:relative;}
ul.dt-sc-list-inline>li ul.sub-menu-lists  .dt-sc-menu-tabs ul li a{display:flex;height:100%;}
ul.dt-sc-list-inline>li ul.sub-menu-lists  .dt-sc-menu-tabs ul li a.headding{position: absolute;bottom: 0;padding: 10px;margin: 0;background: rgba(var(--color-button));color: rgba(var(--color-button-text));width: 100%;height:auto;justify-content: center;display: flex;font-size:var(--font-base-size);font-weight: var(--font-body-weight);font-family: var(--font-body-family);}
ul.dt-sc-list-inline>li ul.sub-menu-lists  .dt-sc-menu-tabs ul li a.headding:hover{background: rgba(var(--color-secondary-button));color: rgba(var(--color-secondary-button-text));}
ul.dt-nav li>.megamenu_megamenu>div.sub-menu-block.dark-background{box-shadow: 0 1px 5px #ffffff1a;}
.shopify-section-header-sticky .menu-drawer{top:0!important;}

ul.dt-nav>li>.megamenu_megamenu a.dt-sc-nav-link span:not(.dt-sc-caret) {
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, rgb(var(--color-link-hover)), rgb(var(--color-link-hover)) 50%, rgb(var(--color-foreground)) 50%);
    background-size: 200% 100%;
    background-position: 100%;
}
ul.dt-nav>li:hover>.megamenu_megamenu a.dt-sc-nav-link span:not(.dt-sc-caret), ul.dt-nav>li.active>.megamenu_megamenu a.dt-sc-nav-link span:not(.dt-sc-caret) {
    transition: all .3s cubic-bezier(0,0,.23,1);
    background-position: 0%;
}

ul.dt-nav>li>.megamenu_megamenu a.dt-sc-nav-link span.dt-sc-caret svg{transition:all 0.3s linear;}
ul.dt-nav>li:hover>.megamenu_megamenu a.dt-sc-nav-link span.dt-sc-caret svg{transform: rotate(180deg);position:relative;top:-2px;}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-mega_menu{border-radius: var(--media-radius);transition:all 0.3s linear;}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-mega_menu-link{width:100%;}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands img {max-height: 18rem;border-radius: var(--media-radius);object-position: top;width:100%;border: 1px solid rgba(var(--color-foreground),.08);}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link h4{position: relative; bottom: 0;background: rgba(var(--color-background));color: rgba(var(--color-link));width: max-content;font-weight: var(--font-heading-weight);padding:15px 0 0;}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link:hover h4{background: rgba(var(--color-background));color: rgba(var(--color-link-hover));}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link h4:after{content:"";position:absolute;width:0%;height:1px;left:0;bottom:0;background:currentcolor;transition:all 0.3s linear;}
div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu .dt-sc-mega_menu-link:hover h4:after{width:100%;}
ul.dt-nav>li>.megamenu_megamenu>div.sub-menu-block .dt-sc--main-menu--mega>ul.mega-menu-brands .dt-sc-menu-image-with-text .dt-sc-mega_menu:hover{transform:translateY(0px);}
.dt-sc-menu-image-with-text .dt-sc-mega_menu:hover img {
    box-shadow: #0000001a 0 1px 3px,#0000000f 0 1px 2px;
}
ul.dt-sc-list-inline>li:not(.has-mega-menu) ul.sub-menu-lists>li>a{opacity:0.7}
/* ==== dt-menu-drawer.css ==== */
.header__icon--menu {
  position: initial;
}

.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  content: "";
  position: absolute;
  cursor: default;
  width: 100%;
  height: calc(100vh - 100%);
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  top: 100%;
  left: 0;
  background: rgba(var(--color-foreground), 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity 0s, visibility 0s;
}

menu-drawer > details[open] > summary::before {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration-default) ease,
    visibility var(--duration-default) ease;
}
li.dt-sc-menu-product {
  list-style: none;
}

.menu-drawer {
  position: absolute;
  transform: translateX(-100%);
  visibility: hidden;
  z-index: 9999;
  left: 0;
  top: 100%;
  width: calc(100vw - 4rem);
  padding: 0;
  border-width: 0;
  background-color: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  /* overflow-x: hidden;  */
  border-style: solid;
  border-color: rgb(var(--color-border));
  filter: drop-shadow(
    var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset)
      var(--drawer-shadow-blur-radius)
      rgba(var(--color-shadow), var(--drawer-shadow-opacity))
  );
}

.js .menu-drawer {
  height: 100vh;
  /*   height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  ); */
}

.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
  transition: transform var(--duration-default) ease,
    visibility var(--duration-default) ease;
}

.no-js details[open] > .menu-drawer,
.js details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
  transform: translateX(0);
  visibility: visible;
  top: 0;
}

.js .menu-drawer__navigation .submenu-open {
  visibility: hidden; /* hide menus from screen readers when hidden by submenu */
}

@media screen and (min-width: 450px) {
  .menu-drawer {
    width: 40rem;
  }

  .no-js .menu-drawer {
    height: auto;
  }
}

.menu-drawer__inner-container {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-drawer__navigation-container {
  /*   display: grid;
  grid-template-rows: 1fr auto;
  align-content: space-between; 
  overflow-y: auto;*/
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 85px);
}

.menu-drawer__navigation {
  margin: 5rem 0 0rem;
  /* margin-top: 2rem; */
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-drawer__inner-submenu {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.no-js .menu-drawer__navigation {
  padding: 0;
}

.no-js .menu-drawer__navigation > ul > li {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.no-js .menu-drawer__submenu ul > li {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.js .menu-drawer__menu li {
  margin-bottom: 0.2rem;
}

.menu-drawer__menu-item {
  padding: 15px 30px;
  text-decoration: none;
  font-size: var(--font-base-size);
}

.no-js .menu-drawer__menu-item {
  font-size: var(--font-base-size);
}

.no-js .menu-drawer__submenu .menu-drawer__menu-item {
  padding: 1.2rem 5.2rem 1.2rem 6rem;
}

.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 9rem;
}

 .menu-drawer summary.menu-drawer__menu-item {
  padding-right: 0;
} 

.no-js .menu-drawer__menu-item .icon-caret {
  right: 3rem;
}


/* .menu-drawer__menu-item:focus, */
.menu-drawer__close-button,
.menu-drawer__close-button {
  background-color: rgba(var(--color-foreground),0.03);
  color:rgba(var(--color-foreground));
}

/* .menu-drawer__menu-item--active:hover {
  background-color: rgba(var(--color-foreground), 0.08);
} */

.js .menu-drawer__menu-item .icon-caret,
.no-js .menu-drawer .icon-arrow {
  display: none;
}

.menu-drawer__menu-item > .icon-arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
    height: 14px;
}

.js .menu-drawer__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--color-background));
  /*   border-left: 0.1rem solid rgba(var(--color-foreground), 0.2); */
  z-index: 1;
  transform: translateX(100%);
  visibility: hidden;
}

.js .menu-drawer__submenu .menu-drawer__submenu {
  overflow-y: auto;
}

.menu-drawer__close-button {
  /* margin-top: 1.5rem; */
  padding: 1.2rem 2.6rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: calc(var(--font-base-size) + 2px);
  width: 100%;
  /* background-color: transparent; */
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  text-align: left;
  font-weight:600;
}

.no-js .menu-drawer__close-button {
  display: none;
}

.menu-drawer__close-button .icon-arrow {
  transform: rotate(180deg);
  margin-right: 1rem;
}

.menu-drawer__utility-links {
  padding: 2rem;
  background-color: rgba(var(--color-background));
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;flex-wrap: wrap;
}

.menu-drawer__account {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 0;
  margin-left: 0;line-height:normal;
  font-size: calc(var(--font-base-size) - 2px);
  color: rgba(var(--color-foreground));
}

.menu-drawer__account svg {
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

.menu-drawer__account:hover svg {
  transform: scale(1.07);
}

.menu-drawer .list-social {
  justify-content: flex-start;
  margin-left: 0;
  margin-top: 0;
}

.menu-drawer .list-social:empty {
  display: none;
}

/* .menu-drawer .list-social__link {
  padding: 1.3rem 1.25rem;
} */

ul.dt-nav > li > a span {
  position: relative;
}
/*  ul.dt-nav > li > a span:before, ul.dt-nav > li > a span:after { content: ""; position: absolute; height: 2px; bottom: -5px; width: 0; margin: auto; border-radius: 2px; }
  ul.dt-nav > li > a span:before { left: 0; }
  ul.dt-nav > li > a span:after { right: 0; transition: width .8s cubic-bezier(.22, .61, .36, 1); -moz-transition: width .8s cubic-bezier(.22, .61, .36, 1);-webkit-transition: width .8s cubic-bezier(.22, .61, .36, 1); }

  ul.dt-nav > li:hover > a span:before, ul.dt-nav > li.active > a span:before { transition: width .8s cubic-bezier(.22, .61, .36, 1); width: 100%; -moz-transition: width .8s cubic-bezier(.22, .61, .36, 1); -webkit-transition: width .8s cubic-bezier(.22, .61, .36, 1); }
  ul.dt-nav > li:hover > a span:after, ul.dt-nav > li.active > a span:after { background: transparent; width: 100%; }
  ul.dt-nav > li > a span:before, ul.dt-nav > li > a span:after {  background-color:  var(--gradient-base-accent-2); } */

ul.dt-nav > li:hover > a,
ul.dt-nav > li.active > a {
  background-color: rgb(var(--color-link-hover));
  background-color: transparent;
}
ul.dt-nav > li:hover > a,
ul.dt-nav li.active > a,
ul.dt-nav > li:hover > a,
ul.dt-nav > li.active > a,
ul.dt-nav > li.active > a.mega-menu > span:after {
  color: rgb(var(--color-link-hover));
}
.mega-menu__content ul.sub-menu-lists.vertical {
  padding: 0;
}
.menu-drawer ul.sub-menu-lists li,
.menu-drawer ul.sub-menu-block li {
  width: 100%;
}
.menu-drawer ul.sub-menu-block,
.menu-drawer ul.sub-menu-lists,
.menu-drawer ul li.menu-item-object-dt_mega_menus {
  width: 100% !important;
}
.menu-drawer__navigation
  ul.sub-menu-lists.mega-menu-brands
  li.dt-sc-menu-image-with-text:not(:last-child),
.menu-drawer__navigation
  .sub-menu-block.mega-menu__content
  ul
  li:not(:last-child) {
  margin-bottom: 12px;
}
.menu-drawer__navigation .dt-sc-menu-image-with-text .dt-sc-details {
  bottom: 0px;
}
.menu-drawer__navigation .dt-sc-menu-image-with-text:hover .dt-sc-details {
  bottom: 0px;
}
.menu-drawer__close-button, .menu-drawer summary.menu-drawer__menu-item,.menu-drawer__utility-links,.js .menu-drawer__menu .sub-menu-lists ul li a,
.js .menu-drawer__menu li.has-mega-menu .sub-menu-lists li a.headding, .menu-drawer .list-social__link,
.menu-drawer .localization-form:only-child .button, .menu-drawer .localization-form:only-child .localization-form__select,
.menu-drawer .menu-drawer-header button.header-drawer__close.close_icon_button,.js .menu-drawer__menu .sub-menu-lists li a,.menu-drawer .dt-sc-menu-image-with-text .dt-sc-mega_menu h4{color: rgba(var(--color-foreground));}
.js .menu-drawer__menu li.has-mega-menu .sub-menu-lists li a.headding:hover,.menu-drawer .menu-drawer-header button.header-drawer__close.close_icon_button:hover,
.menu-drawer .localization-form:only-child .button:hover, .menu-drawer .localization-form:only-child .localization-form__select:hover,.menu-drawer .list-social__link:hover{color:rgb(var(--color-link-hover));}
.menu-drawer summary.menu-drawer__menu-item:hover, .menu-drawer summary .menu-drawer__menu-item--active{color:rgb(var(--color-link-hover));background:transparent;}
.menu-drawer .dt-sc-menu-image-with-text .dt-sc-details .button,
.menu-drawer .dt-sc-menu-image-with-text .dt-sc-details .dt-sc-mega_menu-title-link{color:rgba(var(--color-button-text));}
/* .menu-drawer li.top-level-link:not(:last-child) summary.menu-drawer__menu-item {
    border-bottom: 1px solid rgba(var(--color-border));
} */
/* ==== dt-modal-video.css ==== */
.modal-video {
  background: rgba(var(--color-foreground), 0.2);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

.modal-video[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.modal-video__content {
  background-color: rgb(var(--color-background));
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  width: 100%;
}

.modal-video__toggle {
  align-items: center;
  border-radius: 0%;
  border: 0rem solid rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground));
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0 0 0 auto;
  padding: 0rem;
  position: fixed;
  right: 0.5rem;
  top: 2rem;
  width: 3rem;
  height: 3rem;
  background:rgb(var(--color-background));
  z-index: 2;
  transition:all 0.3s linear;
}
.modal-video__toggle:hover{
  background:rgba(var(--color-secondary-button));
  color: rgba(var(--color-secondary-button-text));
}
@media screen and (min-width: 750px) {
  .modal-video__toggle {
    right: 4.8rem;
    top: 3.5rem;
  }
}

@media screen and (min-width: 990px) {
  .modal-video__toggle {
    right: 4.3rem;
    top: 3rem;
  }
}

.modal-video__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

.modal-video__content-info {
  height: calc(100% - 6rem);
  margin: 0 auto;
  padding-top: 8rem;
  width: calc(100% - 1rem);
}

@media screen and (min-width: 750px) {
  .modal-video__content-info {
    height: calc(100% - 7.5rem);
    padding-top: 9.5rem;
    width: calc(100% - 9.6rem);
  }
}

@media screen and (min-width: 990px) {
  .modal-video__content-info {
    height: calc(100% - 7rem);
    padding-top: 9rem;
    width: calc(100% - 8.6rem);
  }
}

.modal-video__video,
.modal-video__video iframe {
  height: 100%;
  width: 100%;
}

.modal-video__video iframe {
  position: static;
  border: 0;
}

/* ==== dt-model-viewer-ui.css ==== */
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: rgba(var(--color-foreground), 0.75);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(var(--color-foreground), 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(var(--color-foreground), 0.55);
  background: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.1);
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease, color var(--duration-short) ease;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: .3rem;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  transform: translate(-50%, -50%) scale(1.1);
}


/* ==== dt-pagination.css ==== */
.pagination-wrapper {
  margin-top: 4rem;
}

@media screen and (min-width: 990px) {
  .pagination-wrapper {
    margin-top: 5rem;
  }
  .pagination__list {gap:10px;}
}

.pagination__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;gap:6px;
}

.pagination__list > li {
  flex: 1 0 4rem;
  max-width: 4.5rem;
}

.pagination__list > li:not(:last-child) {
  margin-right: 0;
}
ul.pagination__list.list-unstyled li {
    background: transparent;
    margin:0;
  transition:all 0.3s linear;
}
.pagination__item {
  background: rgba(var(--color-secondary-button-text));
  color:rgb(var(--color-secondary-button));
  border:1px solid rgba(var(--color-border),var(--color-border-opacity));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 4.5rem;
  width: 4.5rem;
  padding: 0;
  text-decoration: none;
  font-size: calc(var(--font-base-size) - 2px);
  font-weight: 500;
  border-radius:50%;
  line-height: normal;
}

a.pagination__item:hover::after {
  height: 0.1rem;
}

.pagination__item .icon-caret {
  height: 1rem;
  width:1rem;
}

.pagination__item--current::after {
  height: 0.1rem;
}

.pagination__item--current::after,
.pagination__item:hover::after {
  content: '';
  display: block;
  width: 2rem;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background-color: currentColor;
}

.pagination__item--next .icon {
  margin-left: -0.2rem;
  transform: rotate(1deg);
}

.pagination__item--next:hover .icon {
  transform: rotate(1deg) scale(1.07);
}

.pagination__item--prev .icon {
  margin-right: -0.2rem;
  transform: rotate(180deg);
}

.pagination__item--prev:hover .icon {
  transform: rotate(180deg) scale(1.07);
}

.pagination__item-arrow:hover::after {
  display: none;
}
ul.pagination__list.list-unstyled li .pagination__item svg{fill:currentcolor;}
.pagination__item--current:after, .pagination__item:hover:after{display:none;}
ul.pagination__list.list-unstyled li .pagination__item--current,
ul.pagination__list.list-unstyled li .pagination__item:hover{background: rgb(var(--color-secondary-button));color:rgba(var(--color-secondary-button-text)); }
ul.pagination__list.list-unstyled li{border-radius:50%;}
@media screen and (max-width: 576px) {
.pagination__item {width:4rem;height:4rem;}
}
/* ==== dt-pickup-availability.css ==== */
pickup-availability {
  display: block;
}

pickup-availability[available] {
  min-height: 8rem;
}

.pickup-availability-preview {
  align-items: flex-start;
  display: flex;
  gap: 0.2rem;
  padding: 1.5rem;
  background: rgba(var(--color-border));
}

.pickup-availability-preview .icon {
  flex-shrink: 0;
  height: 2.4rem;
}

.pickup-availability-preview .icon-unavailable {
  height: 1.6rem;
  margin-top: 0.1rem;
}

.pickup-availability-button {
  background-color: transparent;
  color: rgba(var(--color-foreground));
  letter-spacing: 0.06rem;
  padding: 0 0 0.2rem;
  text-align: left;text-transform: capitalize;
  text-decoration: underline;
}

/* .pickup-availability-button:hover {
  color: rgb(var(--color-foreground));
} */

.pickup-availability-info *:not(:last-child) {
  margin: 0 0 0.6rem;
}

pickup-availability-drawer .pickup-drawer{
  background-color: rgb(var(--color-background));
  height: 100%;
  opacity: 0;
  overflow-y: auto;
  padding: 3rem;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
  transform: translateX(100%);
  width: 100%;
  border-width: var(--drawer-border-width);
  border-color: transparent;
  border-style: solid;
  filter: drop-shadow(
    var(--drawer-shadow-horizontal-offset)
    var(--drawer-shadow-vertical-offset)
    var(--drawer-shadow-blur-radius)
    rgba(var(--color-shadow), var(--drawer-shadow-opacity))
  );
}

pickup-availability-drawer[open] .pickup-drawer{
  transform: translateX(0);
  opacity: 1;
}


  pickup-availability-drawer .pickup-drawer{
    transform: translateX(100%);
    width: 40rem;
  }

  pickup-availability-drawer[open] .pickup-drawer{
    opacity: 1;
    transform: translateX(0);
    animation: animateDrawerOpen var(--duration-default) ease;
  }
@media screen and (max-width: 450px) {
 pickup-availability-drawer .pickup-drawer{
    transform: translateX(100%);
    width: 30rem;
  }
}

.pickup-availability-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.pickup-availability-drawer-title {
  margin: 0;
}

.pickup-availability-header .icon {
  width: 2rem;
}

.pickup-availability-drawer-button {
  background-color: transparent;
  border: none;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  height: 1.5rem;
    padding: 0;
    width: 1.5rem;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all 0.3s linear;
}
.pickup-availability-drawer-button svg {width: 1.5rem;height: 1.5rem;fill: currentColor;}

.pickup-availability-drawer-button:hover {
  color: rgba(var(--color-link-hover));
}

.pickup-availability-variant {
  font-size: calc(var(--font-base-size) - 2px);
  line-height: normal;
  margin: 0 0 3rem;
  text-transform: capitalize;
  font-weight:500;
}

.pickup-availability-variant > * + strong {
  margin-left: 1rem;
}

.pickup-availability-list__item {
  /* border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); */
  padding: 3rem 0;
}

.pickup-availability-list__item:first-child {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.pickup-availability-list__item > * {
  margin: 0;
}

.pickup-availability-list__item > * + * {
  margin-top: 1rem;
}

.pickup-availability-address {
  font-style: normal;
  font-size: var(--font-base-size);
  line-height: normal;
  padding: 0;
  background-color: transparent;
  /* border: 1px solid var(--gradient-base-background-2); */
}

.pickup-availability-address p {
  margin: 0;
}
.pickup-availability-list__item h3 {
    font-size: var(--font-h5-size);
    font-weight: 500;
}
.pickup-availability-list__item p.pickup-availability-preview.caption-large {
    background: transparent;
    padding: 0;
    font-size: var(--font-base-size);
    margin-top: 20px;
}
@keyframes animateDrawerOpen {
  @media screen and (max-width: 749px) {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @media screen and (min-width: 750px) {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
}

 pickup-availability-drawer[open]:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s linear;
}

/* ==== dt-product-model.css ==== */
.product__xr-button {
  background: rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
  margin: 1rem auto;
  box-shadow: none;
  display: flex;
}

.button.product__xr-button:hover {
  box-shadow: none;
}

.product__xr-button[data-shopify-xr-hidden] {
  visibility: hidden;display:none;
}

.shopify-design-mode .product__xr-button[data-shopify-xr-hidden] {
  display: none;
}

@media screen and (max-width: 749px) {
  slider-component .product__xr-button {
    display: none;
  }

  .active .product__xr-button:not([data-shopify-xr-hidden]) {
    display: block;
  }
}

@media screen and (min-width: 750px) {
  slider-component + .button.product__xr-button {
    display: none;
  }

  .product__xr-button[data-shopify-xr-hidden] {
    display: none;
  }
}

.product__xr-button .icon {
  width: 1.4rem;
  margin-right: 1rem;
}

/* ==== dt-rating.css ==== */
.rating {
  display: inline-block;
  margin: 0;
}

.product .rating-star {
  --letter-spacing: 0.8;
  --font-size: 1.7;
}

.card-wrapper .rating-star {
  --letter-spacing: 0.7;
  --font-size: 1.4;
}

.rating-star {
  --percent: calc(
    (
        var(--rating) / var(--rating-max) + var(--rating-decimal) *
          var(--font-size) /
          (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
      ) * 100%
  );
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: inline-block;
  font-family: Times;
  margin: 0;
}
p.rating-count.caption span {
    font-size: 1.4rem; display:none;
}
.rating-star::before {
  content: '★★★★★';
  background: linear-gradient(90deg,#f2b500 var(--percent),#f2b50063 var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f2b500;
  font-size:2.0rem;
}

.rating-text {
  display: none;
}

.rating-count {
  display: inline-block;
  margin: 0;
}

@media (forced-colors: active) {
  .rating {
    display: none;
  }

  .rating-text {
    display: block;
  }
}

/* ==== dt-rte.css ==== */
.rte:after {
  clear: both;
  content: '';
  display: block;
}

.rte > p:first-child {
  margin-top: 0;
}

.rte > p:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul {
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte a {
  color: rgba(var(--color-icon),var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
  transition: var(--duration-default) linear;
  word-wrap: break-word;
}

.rte a:hover {
  color: rgb(var(--color-base-outline-button-labels));
 
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}
@media screen and (max-width: 576px) {
.contact .title-wrapper--no-top-margin.h1 {
    font-size: var(--font-h5-size);
}
}
/* ==== dt-search.css ==== */
.header .search__input.field__input {
/*   padding-left: 8rem; */
/*   background: #fae4e5; */
/*   width: 29rem; */
  padding: 0 5rem 0 1.5rem;

}
.search__input.field__input {
   background: rgb(var(--color-input));
/*   width: 29rem; */
   padding: 10px 50px 10px 20px; 
}
/* .search__input.field__input:focus{ padding: 0 5rem 0 2.5rem;} */
.search__button {
/*   left: var(--inputs-border-width); */
  top: var(--inputs-border-width);
}

.search__button:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.search__button:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.search__button:not(:focus-visible):not(.focused){
  box-shadow: inherit;
/*   background-color: inherit; */
  background:none;
}

.search__button .icon {
  height: 1.8rem;
  width: 1.8rem;
  /* color: var(--color-icon); */
  background: none;
}


/* .search__input.field__input {
    padding-left: 8rem;
    background: var(--gradient-base-background-2);
} */
/* .field__input, .customer .field input {
    flex-grow: 1;
    text-align: left;
    margin: var(--inputs-border-width);
    transition: all 0.3s linear; 
}

.field__input{  
    flex-grow: 1;
    text-align: left;
    margin: var(--inputs-border-width);
    transition: all 0.3s linear; 
} */
/* .field__input:focus{padding: 0 1rem 0 5rem;} */
.field__label{    top: calc(0.9rem + var(--inputs-border-width));  }
/* Remove extra spacing for search inputs in Safari */
input::-webkit-search-decoration {
  -webkit-appearance: none;
}
header .field__label {
    display: none;
}

/* ==== dt-swiper.css ==== */
swiper-component {
  --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  position: relative;
  display: block;
}

swiper-component.swiper-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  swiper-component.page-width {
    padding: 0 1.5rem;
  }

  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    overflow:hidden;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  swiper-component.page-width {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 989px) {
  .no-js swiper-component .slider {
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 750px) {
swiper-component .grid--1-col-desktop.slider.slider--mobile .slider__slide {
  width: calc(100% - var(--grid-mobile-horizontal-spacing) - 0rem);
  max-width: calc(100% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  height:100%;
}
swiper-component .grid--2-col-desktop.slider.slider--mobile .slider__slide {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
swiper-component .grid--3-col-desktop.slider.slider--mobile .slider__slide {
  width: calc(33% - var(--grid-mobile-horizontal-spacing) - 3rem);
  max-width: calc(33% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
}
.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc(var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius));
  --shadow-padding-bottom: calc(var(--shadow-vertical-offset) + var(--shadow-blur-radius));
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }


.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}


@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 1.2rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}


.slider-button {
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

.slider-button .icon {
  height: 0.6rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

/* ==== dt-totals.css ==== */
.totals {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.totals > * {
  font-size: var(--font-base-size);
  margin: 0;
}

.totals > h2 {
  font-size: var(--font-h5-size);
  font-weight:var(--font-heading-weight);
}

.totals * {
  line-height: 1;
}

.totals > * + * {
  margin-left: 2rem;
}

.totals__subtotal-value {
  font-size: calc(var(--font-base-size) + 2px);
  font-weight:var(--font-heading-weight);
}

.cart__ctas + .totals {
  margin-top: 2rem;
}

@media all and (min-width: 750px) {
  .totals {
    justify-content: flex-end;
  }
}

/* ==== dt_bundle.css ==== */

  
  .dt-sc-product_bundle-items{ background:rgba(var(--color-foreground),.05); padding: 5rem; display: inline-block; width: 100%; border-radius: var(--DTRadius); margin: 7rem 0 0; }
  .dt-sc-product_bundle-items .section-title h3{ margin: 0 0 55px; text-align: center;     font-size: 2.4rem; }
  .dt-sc-product_bundle-items .dt-sc-thumb-image{ display: grid; grid-template-columns: repeat(4,1fr);grid-gap:var(--grid-desktop-horizontal-spacing); margin-bottom:3rem; }
  .dt-sc-product_bundle-items .dt-sc-thumb-image > div{ text-align: center; margin-bottom: 0px; position: relative; width: 100%;display: flex;
    flex-direction: column;}

  .dt-sc-product_bundle-items .frequently-buy-togeather-products .dT_bundleProductToggle{padding:0 25px; min-height:4.4rem;}
  .dt-sc-product_bundle-items .dt-sc-thumb-image .item-image img{ width:100%;    border-radius: var(--media-radius);}
  .dt-sc-product_bundle-items .dt-sc-thumb-image a.item-image{margin-bottom: 10px; width:100%;height:100%; display: flex; overflow: hidden; border-radius: var(--DTRadius);}
  .dt-sc-product_bundle-items .dt-sc-thumb-image > div:not(:last-child) > div:first-child{position: relative;}
  
  .dt-sc-product_bundle-items .dt-sc-thumb-image > div:not(:last-child) > div:first-child:after{ content: "+"; color:rgba(var(--color-foreground)); font-weight: 500; 
    position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -31px; font-size: 25px; 
      width: 30px; height: 30px; border-radius: 50%; line-height: 25px; }
  
  .dt-sc-product_bundle-items .dt-sc-thumb-image li:not(:last-child){ margin-bottom:15px;}
  .dt-sc-product_bundle-items .dt-sc-thumb-image li > div[id*="sale-price"],
  .dt-sc-product_bundle-items .dt-sc-thumb-image li > div[class*="price-sale"] { font-size: var(--font-h6-size); }

  .dt-sc-product_bundle-items .dt-sc-thumb-image  [type=checkbox]{ margin: auto; }  
  .dt-sc-product_bundle-items .dt-sc-product-details { display: flex; align-items: center; margin-bottom: 0; flex-flow: column wrap;line-height: normal;}
  .dt-sc-product_bundle-items .dt-sc-product-details span{font-weight: var(--font-heading-weight); padding: 0 3px; color: rgba(var(--color-foreground)); }

  .dt-sc-product_bundle-items .bundle-product-cart-total{ font-weight: var(--font-heading-weight);  font-size:var(--font-h5-size); }
  .dt-sc-product_bundle-items .dt-sc-select-btn{ width: 100%; padding: 10px 15px; border-radius: var(--DTRadius);  background-color: var(--gradient-base-accent-2); border: 1px solid rgb(var(--color-border));}
  .dt-sc-product_bundle-items .varient-options{ z-index: 2; left:0; display: none; margin-bottom: 15px; padding: 15px !important; width:100% !important;box-shadow: 0 1px 5px #0000001a; border-radius: var(--DTRadius); background-color: rgba(var(--color-background)); position: absolute; }
  .dt-sc-product_bundle-items .product-form__controls-group{ display:flex; flex-flow: column; }
  .dt-sc-product_bundle-items .product-form__controls-group ~ *{ display:none;}
  .dt-sc-product_bundle-items .product-form__controls-group .selector-wrapper{ display: inline-grid; text-align: left; margin-bottom:15px;}
  .dt-sc-product_bundle-items .product-form__controls-group .selector-wrapper:last-child{  margin-bottom:0px; }
  .dt-sc-product_bundle-items .selector-wrapper label { 
    display: inline-flex;
    font-weight: 600;
    width: 50%;
    font-size: 14px;
    font-family: var(--font-heading-family);}
  .dt-sc-product_bundle-items .selector-wrapper .select2.select2-container { width: 50% !important; }
  .dt-sc-product_bundle-items .selector-wrapper select{     
    padding: 5px 10px;
    width: 100%;
    background-color: transparent;
    border-radius: var(--buttons-radius);
    color: rgb(var(--color-foreground));
    border: var(--inputs-border-width) solid rgb(var(--color-foreground),0.2);
    cursor: pointer;}
  .dt-sc-product_bundle-items .dt-sc-btn.btn-product-add-to-cart, .dt-sc-product_bundle-items .bundle-product-add-to-cart, .dt-sc-product_bundle-items  .bundle-product-offer-note{ display: inline-block; margin: 0px;}
  .dt-sc-product_bundle-items .selector-wrapper select:focus-visible {
    box-shadow: none;
    outline: none;
}
  .dt-sc-product_bundle-items .products-grouped-info { text-align: center; }
  .dt-sc-product_bundle-items .bundle-product-additional-offer { background:var(--gradient-background); margin: auto; display: block; flex-direction: column; padding: 1.5rem 4rem; align-items: center; 
    justify-content: center; 
  }
  
 .dt-sc-product_bundle-items  .bundle-product-additional-offer > *:not(:last-child) { margin-bottom: 2rem;}

 .dt-sc-product_bundle-items .bundle-product-cart-total{ display: flex;flex-wrap:wrap;justify-content:center; }
.dt-sc-product_bundle-items  .bundle-product-cart-total > * + * { margin-left: 10px;}
.dt-sc-product_bundle-items  .bundle-product-add-to-cart > button { margin-top: 0; }
  .dt-sc-product_bundle-items .bundle-product-offer-note{ width: 100%; font-size: 16px; color: rgba(var(--color-foreground)); }
.dt-sc-product_bundle-items  span.dT_totalBundleOriginalPrice{ text-decoration: line-through; opacity: .5; color: inherit; font-weight: 400;}
.dt-sc-product_bundle-items  .group-product .old-price, .main-product .old-price{  text-decoration: line-through; color: rgba(var(--color-foreground), .5); font-size: calc(var(--font-base-size) - 2px); transition: all .3s linear;}
.dt-sc-product_bundle-items  .group-product .old-price, .group-product .special-price{margin: 0 5px;}

.dt-sc-product_bundle-items  .dt-sc-product_bundle-items .dt-sc-thumb-image ul { position: relative; line-height: normal; list-style: none; padding: 0;}
.dt-sc-product_bundle-items  .dt-sc-product_bundle-items .dt-sc-thumb-image ul li .dt-sc-btn { margin: auto; display: inline-block; }
  
.dt-sc-product_bundle-items  .checkbox_style { display: inline-block; position: relative; cursor: pointer; font-size: 0; height: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.dt-sc-product_bundle-items  .checkbox_style input[type="checkbox"] { float: left; width: 36px; height: 6px; cursor: pointer; background-color: #fff; -webkit-appearance: none;
border-radius: 8px; position: relative; }
.dt-sc-product_bundle-items  .checkbox_style input[type="checkbox"]:before { content: ""; width: 17px; height: 17px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)); background-color:rgba(var(--color-foreground), .8); border-radius: 50%;
position: absolute; top: -6px; z-index: 1; left: -2px; transition: all 0.3s linear; }
.dt-sc-product_bundle-items   .checkbox_style input[type="checkbox"]:after { content: ""; height: 100%; width: 14px; position: absolute; left: 0; border-radius: 17px;
background-color: rgba(var(--color-foreground), .3); transition:all 0.3s linear; }
.dt-sc-product_bundle-items  .checkbox_style input[type="checkbox"]:checked:before { left: calc(100% - 16px); background-color: rgba(var(--color-foreground), .8); }
.dt-sc-product_bundle-items  .checkbox_style input[type="checkbox"]:checked:after { width: 100%; border-radius: 8px; }  
.dt-sc-product_bundle-items .dt-sc-thumb-image li {list-style: none;line-height:normal;}
.dt-sc-product_bundle-items .dt-sc-thumb-image ul{padding:0;margin:0;}
/* .dt-sc-product_bundle-items .dt-sc-thumb-image .bundle-title {font-weight: 500;} */

  @media (max-width: 1024px) and (min-width: 992px)  {
    .dt-sc-product_bundle-items .dt-sc-thumb-image { display: grid;  grid-template-columns: repeat(2,1fr);}
    .dt-sc-product_bundle-items {margin: 7rem 0 0;}
   
  }
  
  @media only screen and (max-width: 991px) and (min-width: 767px)  {    
    .dt-sc-product_bundle-items { padding: 3rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image > div:not(:last-child) > div:first-child:after{ right: -26px; width: 20px; height: 20px; line-height: 20px; font-size: 16px; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image ul li .dt-sc-btn,
    .bundle-product-add-to-cart > button { padding: 10px 20px; font-size: 16px; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image { display: grid;  grid-template-columns: repeat(2,1fr);}
     .dt-sc-product_bundle-items {margin: 7rem 0 0;}
  }
    @media only screen  and (min-width: 767px)  { 
      .dt-sc-product_bundle-items .dt-sc-thumb-image a.item-image{height:100%;}
    }
  @media (max-width:767px) {    
    .dt-sc-product_bundle-items { padding: 3rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image { flex-wrap: wrap; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image ul { margin: 0; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image > div { display: grid; grid-template-columns: 200px 1fr; width: 100%; align-items: center; text-align: left; gap: 30px; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image > div:not(:last-child) { margin: 0 0 0rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image > div:not(:last-child) > div:first-child::after { display: none; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image a.item-image { margin-bottom: 0; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image ul li .dt-sc-btn,
    .bundle-product-add-to-cart > button { padding: 10px 20px; font-size: 16px; }
    .dt-sc-product_bundle-items  .bundle-product-additional-offer { margin-top: 2rem; padding: 1.5rem 2rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image { display: grid;  grid-template-columns: repeat(1,1fr);}
     .dt-sc-product_bundle-items {margin: 7rem 0 0;}
  }

  @media (max-width:576px) {
    .dt-sc-product_bundle-items { padding: 1.5rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image > div { display: grid; grid-template-columns: 115px 1fr; gap: 15px; }
    .dt-sc-product_bundle-items .section-title h3 { font-size: 2.0rem; margin: 0 0 15px; }
	.bundle-product-additional-offer { padding: 1.5rem 1.5rem; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image li:not(:last-child) { margin-bottom: 10px; }
    .dt-sc-product_bundle-items .dt-sc-thumb-image ul li .dt-sc-btn,
  .dt-sc-product_bundle-items   .bundle-product-add-to-cart > button { padding: 8px 16px; font-size: 14px; }  
    .dt-sc-product_bundle-items .dt-sc-thumb-image { display: grid;  grid-template-columns: repeat(1,1fr);}
  }
  @media (max-width:430px) {
  .dt-sc-product_bundle-items .dt-sc-thumb-image ul{    text-align: center;}
  .dt-sc-product_bundle-items .dt-sc-thumb-image > div{grid-template-columns: repeat(1,1fr);}
  }
/* ==== flash-sale-banner.css ==== */
.flash-sale-banner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1;
}

.flash-sale-banner.flash-sale-banner--full-width {
  max-width: initial;
  width: 100%;
}

.flash-sale-banner__blocks {
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;  
    padding:10px;
}

.flash-sale-banner__blocks * {
  overflow-wrap: break-word;
}

.flash-sale-banner--full-width .flash-sale-banner__blocks {
  /* 4rem (1.5rem + 2.5rem) margin on left & right */
  width: calc(100% - 8rem / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .flash-sale-banner__blocks {
    max-width: 100%;
  }

  .flash-sale-banner--full-width .flash-sale-banner__blocks {
    /* 7.5rem (5rem + 2.5rem) margin on left & right */
    width: calc(100% - 15rem);
  }
}
@media screen and (max-width: 480px) {
 .flash-sale-banner--full-width .flash-sale-banner__blocks {
  width: calc(100% - 4rem / var(--font-body-scale));
}
 
}
@media screen and (min-width: 990px) {
  .flash-sale-banner__blocks {
    max-width: 100%;
  }
}

/* Blocks */

.flash-sale-banner__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.flash-sale-banner__blocks > * + * {
  margin-top: 0rem;
}

.flash-sale-banner__blocks > * + a {
  margin-top: 3rem;
}


.copy-text {
	position: relative;
    border-radius: var(--buttons-radius);
    display: flex;
  align-items:center;
  gap:10px;
}
.copy-text input.text {
	padding: 10px;
    font-size: var(--font-base-size);
    color: rgba(var(--color-foreground));
    border: none;
    outline: none;
    width: 150px;
    background: rgba(var(--color-secondary-button-text),0.7);
    font-family: var(--font-heading-family);
    text-align:center;
}

 button i.fa.fa-clone{margin-right: 5px;}

.copy-text button:active {
	background: none;
}
.copy-text input.text:focus-visible{
  outline-offset:none; box-shadow:none;
}
.copy-text button:before {
	content: "Copied";
	position: absolute;
	top: 0;
	right: -80px;
	background: transparent;
	padding: 8px 10px;
	border-radius: 0;
	font-size: var(--font-base-size);
	display: none;
}
.copy-text.active button:before,
.copy-text.active button:after {
	display: block;
}
@media screen and (max-width: 750px) {
.flash-sale-banner__blocks{gap:1rem}
}
.copy-text span{display:none;}
.copy-text.active span{display:block;text-transform:capitalize;color:green;}
/* ==== frequently-buy-together.css ==== */
.frequently-buy-togeather-products .dt-sc-thumb-image {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}
  @media screen (min-width: 990px) {
  .frequently-buy-togeather-products .dt-sc-thumb-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}
}
.frequently-buy-togeather-products .dt-sc-thumb-image a.item-image {
  width: 100%;
  height: 100%;
}

.dt-frequently-bought-together {
  /* background: rgba(var(--color-foreground), 0.05); */
  padding: 3rem;
  display: inline-block;
  width: 100%;
  /* border-radius: var(--DTRadius); */
  margin: 0 0 40px;
}
.dt-frequently-bought-together .section-title h3 {
  margin: 0 0 30px;
  text-align: left;
  font-size: var(--font-h4-size);
  font-weight:600;
}

.dt-frequently-bought-together .dt-sc-thumb-image > div {
  text-align: left;
  position: relative; 
  display: flex;
  flex-direction: row;gap:20px;
}

.dt-frequently-bought-together .frequently-buy-togeather-products .dT_bundleProductToggle {
  width: max-content;min-width:max-content;
  padding: 0 5rem;
}
.product__info-container .dt-frequently-bought-together .product-form__input:not(:nth-last-child(2)){margin:0;}
.dt-frequently-bought-together .dt-sc-thumb-image .item-image img {
      width: 9.3rem;
    min-width: 9.3rem;
    max-width: 9.3rem;
}
.dt-frequently-bought-together .dt-sc-thumb-image a.item-image {
  display: flex;
  overflow: hidden;
  border-radius: var(--DTRadius);
}
.dt-frequently-bought-together .dt-sc-thumb-image > div:not(:last-child) > div:first-child {
  position: relative;
}

.dt-frequently-bought-together .dt-sc-thumb-image > div:not(:last-child) > div:first-child:after {
  content: "+";
  color: rgba(var(--color-foreground));
  font-weight: 500;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -31px;
  font-size: 25px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 25px;
  display:none;
}

.dt-frequently-bought-together .dt-sc-thumb-image li:not(:last-child) {
  margin-bottom: 15px;
}

.dt-frequently-bought-together .dt-sc-thumb-image li > div[id*="sale-price"],
.dt-frequently-bought-together .dt-sc-thumb-image li > div[class*="price-sale"] {
  font-size: var(--DTFontSize_H6);
}

.dt-frequently-bought-together .dt-sc-thumb-image [type="checkbox"] {
  margin: auto;
}
.dt-frequently-bought-together .dt-sc-product-details {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  flex-flow: column wrap;
  line-height: normal;
}
.dt-frequently-bought-together .dt-sc-product-details span {
  font-weight: 600;
  padding: 0 3px;
  color:rgba(var(--color-foreground));
}
.frequently-buy-togeather-products .dt-sc-thumb-image .main-product{position:relative;text-align:left;align-self: center; width:100%;}
.frequently-buy-togeather-products .dt-sc-thumb-image .group-product{position:relative;text-align:left;align-self: center; width:100%;} 
.dt-frequently-bought-together .bundle-product-cart-total {
  font-weight: 600;
  font-size: var(--DTFontSize_H6);
}
.dt-frequently-bought-together .dt-sc-select-btn {
  width: 100%;
  padding: 10px 15px;
  border-radius: var(--DTRadius);
  background-color: rgba(var(--color-background));
  border: 1px solid rgb(var(--color-border));
}
.dt-frequently-bought-together .varient-options {
  z-index: 2;
  left: 0;
  display: none;
  margin-bottom: 0;
  padding: 15px !important;
  width: 100% !important;
  box-shadow: 0 1px 5px #0000001a;
  border-radius: var(--DTRadius);
  background-color: rgba(var(--color-background));
  position: absolute;
}
.dt-frequently-bought-together .product-form__controls-group {
  display: flex;
  flex-flow: column;
}
.dt-frequently-bought-together .product-form__controls-group ~ * {
  display: none;
}
.dt-frequently-bought-together .product-form__controls-group .selector-wrapper {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  text-align: left;
  margin-bottom: 15px;
}
.dt-frequently-bought-together .product-form__controls-group .selector-wrapper:last-child {
  margin-bottom: 0px;
}
.dt-frequently-bought-together .selector-wrapper label {
  display: inline-flex;
  font-weight: 600;
  width: 50%;
  font-size: calc(var(--font-base-size) - 2px);
  align-items: center;
}
.dt-frequently-bought-together .selector-wrapper .select2.select2-container {
  width: 50% !important;
}
.dt-frequently-bought-together .selector-wrapper select {
      padding: 5px 26px 5px 20px;
    width: 100%;
    background-color: transparent;
    border-radius: var(--buttons-radius);
    color: rgba(var(--color-foreground));
    border: var(--inputs-border-width) solid rgb(var(--color-foreground),.2);
    margin: 0;
    appearance:none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-caret' width='8.828' height='5.414' viewBox='0 0 8.828 5.414'%3E%3Cpath id='Path_20' data-name='Path 20' d='M4,10,7,7,4,4' transform='translate(11.414 -2.586) rotate(90)' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right 1.5em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dt-frequently-bought-together .dt-sc-btn.btn-product-add-to-cart,
.bundle-product-add-to-cart,
.bundle-product-offer-note {
  display: inline-block;
  margin: 0px;
  width: 100%;
}
.dt-frequently-bought-together .selector-wrapper select:focus-visible {
  box-shadow: none;
  outline: none;
}
.dt-frequently-bought-together .products-grouped-info {
  text-align: center;
}
.dt-frequently-bought-together .bundle-product-additional-offer {
  margin: 30px auto 0;
  display: flex;
  flex-direction: column;
   align-items: center;
  justify-content: center;
}

.dt-frequently-bought-together .bundle-product-additional-offer > *:not(:last-child) {
  /* margin-bottom: 2rem; */
}

.dt-frequently-bought-together .bundle-product-cart-total {
  display: flex;
}
.dt-frequently-bought-together .bundle-product-cart-total > * + * {
  margin-left: 10px;
}
.dt-frequently-bought-together .bundle-product-add-to-cart > button {
  margin-top: 0;
  width: 100%; max-width:fit-content;
}
.dt-frequently-bought-together .dt-frequently-bought-together .bundle-product-offer-note {
  width: 100%;
  font-size: var(--font-base-size);
  color: rgba(var(--color-foreground));
}
.dt-frequently-bought-together span.dT_totalBundleOriginalPrice {
  text-decoration: line-through;
  opacity: 0.5;
  color: inherit;
  font-weight: 400;
  display:none !important;
}
.dt-frequently-bought-together .group-product .old-price,
.main-product .old-price {
  font-size: 80%;
  opacity: 0.5;
  text-decoration: line-through;
}
.dt-frequently-bought-together .group-product .old-price,
.group-product .special-price {
  margin: 0 5px;
}

.dt-frequently-bought-together .dt-sc-thumb-image ul {
  position: relative;
  line-height: normal;
  list-style: none;
  padding: 0 ;margin:0;
}
.dt-frequently-bought-together .dt-sc-thumb-image ul li .dt-sc-btn {
  margin: auto;
  display: inline-block;
}

.dt-frequently-bought-together .checkbox_style {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 0;
  height: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dt-frequently-bought-together .checkbox_style input[type="checkbox"] {
  float: left;
  width: 36px;
  height: 6px;
  cursor: pointer;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 8px;
  position: relative;
}
.dt-frequently-bought-together .checkbox_style input[type="checkbox"]:before {
  content: "";
  width: 17px;
  height: 17px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width)
      rgba(var(--color-button), var(--alpha-button-background));
  background-color: var(--gradient-background);
  border-radius: 50%;
  position: absolute;
  top: -6px;
  z-index: 1;
  left: -2px;
  transition: all 0.3s linear;
}
.dt-frequently-bought-together .checkbox_style input[type="checkbox"]:after {
  content: "";
  height: 100%;
  width: 14px;
  position: absolute;
  left: 0;
  border-radius: 17px;
  background-color: rgba(186, 141, 105, 0.5);
  transition: all 0.3s linear;
}
.dt-frequently-bought-together .checkbox_style input[type="checkbox"]:checked:before {
  left: calc(100% - 16px);
  background-color: rgba(var(--color-background));
}
.dt-frequently-bought-together .checkbox_style input[type="checkbox"]:checked:after {
  width: 100%;
  border-radius: 8px;
}
.dt-frequently-bought-together .dt-sc-thumb-image li.fbt-product-title {
    font-weight: 500;
}


@media only screen and (max-width: 991px) and (min-width: 767px) {
  .dt-frequently-bought-together {
    padding: 3rem;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image > div:not(:last-child) > div:first-child:after {
    right: -26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: var(--font-base-size);
  }
  .dt-frequently-bought-together .dt-sc-thumb-image ul li .dt-sc-btn,
  .bundle-product-add-to-cart > button {
    padding: 10px 20px;
    font-size: var(--font-base-size);
  }
  
  .dt-frequently-bought-together {
    margin: 0 0 3rem;
  }
  /* .frequently-buy-togeather-products .dt-sc-thumb-image{ grid-template-columns: 1fr;} */
}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {
.facets-vertical.sidebar-right .dt-frequently-bought-together .frequently-buy-togeather-products .dT_bundleProductToggle,
.facets-vertical.sidebar-left .dt-frequently-bought-together .frequently-buy-togeather-products .dT_bundleProductToggle{padding:0 2rem;}
.facets-vertical.sidebar-right  .dt-frequently-bought-together,.facets-vertical.sidebar-left  .dt-frequently-bought-together{padding:2rem;}
.facets-vertical.sidebar-right  .dt-frequently-bought-together .dt-sc-thumb-image>div, .facets-vertical.sidebar-left  .dt-frequently-bought-together .dt-sc-thumb-image>div{gap:10px;}
}
@media only screen and (max-width: 990px) and (min-width: 750px) {
  .dt-frequently-bought-together .frequently-buy-togeather-products .dT_bundleProductToggle{padding:0 2rem;}
  .dt-frequently-bought-together{padding:2rem;}
  .dt-frequently-bought-together .dt-sc-thumb-image>div{gap:10px;}
}
@media (max-width: 749px) {
  .dt-frequently-bought-together {
    padding: 3rem;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image {
    flex-wrap: wrap;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image ul {
    margin: 0;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image > div {
    display: grid;
    grid-template-columns: 96px 1fr;
    width: 100%;
    align-items: center;
    text-align: left;
    gap: 20px;
    padding:0;
  }
  .frequently-buy-togeather-products .dt-sc-thumb-image .main-product,
.frequently-buy-togeather-products .dt-sc-thumb-image .group-product{margin:0;}

  .dt-frequently-bought-together .dt-sc-thumb-image > div:not(:last-child) > div:first-child::after {
    display: none;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image a.item-image {
    margin-bottom: 0;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image ul li .dt-sc-btn,
  .bundle-product-add-to-cart > button {
    padding: 10px 20px;
    font-size: var(--font-base-size);
  }
  .bundle-product-additional-offer {
    margin-top: 2rem;
    padding: 1.5rem 3rem;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

}

@media (max-width: 576px) {
  .dt-frequently-bought-together {
    padding: 1.5rem;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image > div {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 15px;
  }
  .dt-frequently-bought-together .section-title h3 {
    font-size: var(--font-h5-size);
    margin: 0 0 15px;
  }
  .bundle-product-additional-offer {
    padding: 1.5rem 1.5rem;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image li:not(:last-child) {
    margin-bottom: 10px;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image ul li .dt-sc-btn,
  .bundle-product-add-to-cart > button {
    padding: 8px 16px;
    font-size: calc(var(--font-base-size) - 2px);
  }
  .dt-frequently-bought-together .dt-sc-thumb-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 430px) {
  .dt-frequently-bought-together .dt-sc-thumb-image ul {
    text-align: center;
  }
  .dt-frequently-bought-together .dt-sc-thumb-image > div {
    grid-template-columns: repeat(1, 1fr);
  }
  .dt-frequently-bought-together .dt-sc-thumb-image a.item-image{justify-content:center;}
  .dt-frequently-bought-together .section-title h3{ text-align: center;}
}
.dt-frequently-bought-together.content-container{    border: 1px solid rgba(var(--color-border));border-radius: var(--media-radius);}
.dt-frequently-bought-together .dt-sc-thumb-image li:first-child {
    display: none;
}

/* ==== gallery-tab.css ==== */
.gallery-tab-section .media-gallery {
  display: flex;
  position: relative;
}
.gallery-tab-section .media-gallery .media-image {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity:0;
  visibility: hidden;
  transition: all .5s ease-in-out;
  transform: scale(0.99);
}
.gallery-tab-section .media-gallery .media-image.media.highlight {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.gallery-tab-section .media-gallery .media-image > img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.gallery-tab-section .media-gallery .gallery-content {
  position: relative;
  width: 100%;
  /* cursor:pointer; */
}
.gallery-tab-section .media-gallery .gallery-content .content-section {
  display: flex;
  justify-content: space-evenly;
  height: 100%;
  align-items: flex-end;
  background:rgb(var(--color-base-accent-1),0.5);
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
 padding: 16rem 2rem;
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item:not(:last-child){
  border-right: 1px solid;
  border-image: linear-gradient(to top,rgba(var(--color-background),.5),#0000) 1 100%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-1-column .content-item {
  width: 100%;
  max-width: 100%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-2-column .content-item {
  width: 50%;
  max-width: 50%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-3-column .content-item {
  width: 33.33%;
  max-width: 33.33%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item {
  width: 25%;
  max-width: 25%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item .gallery__heading{
  margin: 0 0 .5rem 0;
}

/* button style */
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a{
  opacity: 0;
  font-size: 0;
   color: var(--gradient-base-accent-2);
  font-weight:400;
  font-family:var(--font-body-family);
  transition: all .3s linear;
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight a{
  font-size: 1.6rem;
  opacity: 0.8;
 }
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight a:hover{
  opacity:1;
  color:rgb(var(--color-base-outline-button-labels));
}


.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a{position:relative;}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a:before{
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s,-webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s;
}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a:hover::before{
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-transition: -webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);
    transition: -webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);
    transition: transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a:after{
content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s,-webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-transition: -webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);
    transition: -webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);
    transition: transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1),-webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1);}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > a:hover::after{
   -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s,-webkit-transform var(--m-duration-long, .5s) cubic-bezier(.165,.84,.44,1) .3s;}


/*****/




/*Heading style  */
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item > h2.gallery__heading {
  font-size: clamp(4rem, 3.8rem + 1vw, 5rem);
    margin: 0 0 1rem;
    font-weight: 400;
    text-transform: uppercase;
    color: rgb(var(--color-base-background-1));
  opacity:0.6;
  padding:0 25px;
  position:relative;
  transition: all .3s linear;
}



.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight > h2.gallery__heading{
   transition: all .3s linear; color: rgb(var(--color-base-background-1));opacity:1;
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item{height:100%;transition: all .3s linear;}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight{ background:rgba(var(--color-background), 0.5); }

@media screen and (max-width:1650px){
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item > h2.gallery__heading {font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);padding:0 10px;}
}

@media screen and (max-width:1200px){
 .gallery-tab-section .media-gallery .gallery-content .content-section .content-item > h2.gallery__heading { font-size: clamp(2.5rem, 2.44rem + 0.3vw, 2.8rem);}
}

@media screen and (max-width:900px){
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item{height:100%;transition: all .3s linear;}
  .gallery-tab-section .media-gallery .gallery-content .content-section{
    display: flex;flex-direction:column;background: rgba(var(--color-background), 0.5);
  }
  .gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item {
    width: 100%;
    max-width: 100%;
}
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item {padding:5rem 2rem;}
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item:not(:last-child) {
    border-image: linear-gradient(to left,rgba(var(--color-background),.5),#000) 1 100%;
    border-bottom: 1px solid;
}
}
@media screen and (min-width: 750px) {
  .gallery--small:not(.banner--adapt) {
    min-height: 42rem;
  }

  .gallery--medium:not(.banner--adapt) {
    min-height: 56rem;
  }

  .gallery--large:not(.banner--adapt) {
    min-height: 92rem;
  }
}

/* ==== magnific-popup.css ==== */
.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle;height:100%}.mfp-bg{height:100%;z-index:10000;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;display: block!important;}.mfp-wrap{height:100%;z-index:10001;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:''}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader,.no-js #loader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-preloader,.modal-popup.error{position:absolute;text-align:center}.modal-popup.error{left:50%;top:40%;transform:translate(-50%,-40%)!important;width:100%}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:zoom-in}.mfp-auto-cursor .mfp-content{overflow:auto;display:flex;align-items:center;max-height:90vh;position:fixed;top:0;bottom:0;margin:auto;left:5%;right:5%;max-width:90%;border-radius:var(--DTRadius);width:calc(var(--DTContainer)/ 1.2)}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}button.mfp-arrow,button.mfp-close{box-shadow:none;cursor:pointer;appearance:none;display:block;padding:0;z-index:1046;overflow:hidden}button.mfp-arrow *,button.mfp-close *{pointer-events:none}button::-moz-focus-inner{padding:0;margin:0}.mfp-close{position:absolute!important;right:5px;top:5px;width:30px;height:30px;margin:0!important;display:block;transition:all 0.3s linear}.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;-ms-filter:none;filter:none}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-a,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:80%;height:auto}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}.mfp-iframe-holder .mfp-close{top:-40px}img.mfp-img{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#444}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-image-holder .mfp-content{max-width:100%;justify-content:center}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:.15s ease-out;-moz-transition:.15s ease-out;-o-transition:.15s ease-out;-ms-transition:.15s ease-out;transition:.15s ease-out}.mfp-3d-unfold.mfp-ready.mfp-bg,.mfp-fade.mfp-bg.mfp-ready,.mfp-move-from-top.mfp-ready.mfp-bg,.mfp-move-horizontal.mfp-ready.mfp-bg,.mfp-newspaper.mfp-ready.mfp-bg,.mfp-zoom-in.mfp-ready.mfp-bg,.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-fade.mfp-bg.mfp-removing,.mfp-fade.mfp-wrap.mfp-removing .mfp-content,.mfp-move-from-top .mfp-with-anim,.mfp-move-from-top.mfp-removing.mfp-bg,.mfp-move-horizontal.mfp-removing.mfp-bg,.mfp-newspaper.mfp-removing.mfp-bg,.mfp-zoom-in.mfp-removing.mfp-bg,.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-in .mfp-with-anim{opacity:0;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.mfp-zoom-in.mfp-bg,.mfp-zoom-out.mfp-bg{opacity:0;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim,.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0}.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg)}.mfp-newspaper.mfp-bg{opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.mfp-newspaper.mfp-removing .mfp-with-anim{-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg);opacity:0}.mfp-move-horizontal .mfp-with-anim{opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}.mfp-move-horizontal.mfp-bg{opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mfp-move-horizontal.mfp-removing .mfp-with-anim{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-o-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);opacity:0}.mfp-move-from-top.mfp-bg{opacity:0;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;filter:none}.mfp-move-from-top.mfp-removing .mfp-with-anim{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity:0}.mfp-3d-unfold .mfp-content{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-60deg);-moz-transform:rotateY(-60deg);-o-transform:rotateY(-60deg);-ms-transform:rotateY(-60deg);transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;opacity:0}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}.mfp-3d-unfold.mfp-removing .mfp-with-anim{-webkit-transform:rotateY(60deg);-moz-transform:rotateY(60deg);-o-transform:rotateY(60deg);-ms-transform:rotateY(60deg);transform:rotateY(60deg);opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.mfp-zoom-out.mfp-removing .mfp-with-anim{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0}.mfp-dialog{padding:var(--DTGutter_Width);text-align:left;max-width:100%;margin:auto;position:relative;border-radius:var(--DTRadius);background-color:var(--DTBodyBGColor)}.mfp-search-dialog{width:100%;height:250px!important}.mfp-dialog-full{margin:0;max-width:none;padding:0;overflow:auto}.mfp-dialog-full::-webkit-scrollbar{width:7px;background-color:#e6e6e6}.mfp-dialog-full::-webkit-scrollbar-thumb{background-color:grey}.mfp-dialog-full::-webkit-scrollbar-thumb:hover{background-color:#666}.mfp-dialog-full::-webkit-scrollbar-thumb:active{background-color:#4d4d4d}.mfp-dialog-full::-webkit-scrollbar-track{background-color:#4d4d4d}.mfp-subscribe-dialog{max-width:800px;padding:0}.mfp-subscribe-dialog .widget-title{margin-bottom:10px}.mfp-subscribe-dialog .mfp-close{color:#fff;opacity:1;-ms-filter:none;filter:none}.subscribe-dialog-inner{padding:20px 30px}.subscribe-dialog-bg{height:410px}.mfp-dialog-nav{color:#fff;background:0 0;margin:0;min-height:100vh;max-width:none}.mfp-dialog-nav .mfp-close{outline:0!important;color:#fff;font-size:60px;font-weight:100}.mfp-dialog-nav-container{margin-left:0}.mfp-dialog-product{max-width:960px;padding:0;margin:0 auto}.js #loader{display:block;position:absolute;left:100px;top:0}.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}@media (max-width:1199px){.mfp-image-holder .mfp-content{max-width:80vw}.mfp-search-dialog{height:150px!important}.mfp-search-dialog .full-center{position:relative!important}}@media (max-width:767px){.mfp-dialog{padding:15px}}
/* ==== model-newsletter-section.css ==== */
 .newsletter-container .newsletter__wrapper{padding:3rem;}
.newsletter-modal{flex-direction: row-reverse;}
   .newsletter-container .newsletter__button{margin-top:0;margin-left: 0px;}
   .newsletter-modal.text-center .newsletter__wrapper{text-align:center;}
   .newsletter-modal.text-start .newsletter__wrapper{text-align:left;}
   .newsletter-modal.text-end .newsletter__wrapper{text-align:right;}
   .newsletter-container .list-social{ display: flex; flex-wrap: wrap; margin-top: 0; justify-content: unset;gap: 0.6rem;justify-content:center;width:100%}
   .newsletter-modal.text-end .list-social{justify-content: right;}
   .newsletter-modal.text-start .list-social{justify-content: left;}
   .newsletter-modal.text-center .list-social{justify-content: center;margin-top: 20px;}
   .newsletter-container .newsletter-modal .field__label{top: calc(1.3rem + var(--inputs-border-width));}
   .newsletter-container .newsletter-modal .field__input{    height: 5rem;}
    .newsletter-container {
      position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    visibility: visible;
    margin: auto;
    height: 100%;
    width: 100%;
    transition: all linear .3s;
    }
    .newsletter-modal { padding: 20px; }
    .newsletter-modal .newsletter__wrapper > *:not(:last-child) { margin: 0 0 2rem; }
    .newsletter-modal{
     display:flex;flex-direction: column-reverse;
    padding: 0px;
   width: 100%;
    max-width: 500px;
    height: 700px;
    position: absolute;
    top: 18%;
    right: 3%;
    transition: all linear .3s;
    z-index: 1;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    align-items: center;
    background:transparent;border-radius: var(--media-radius);
    }
  
  span.newsletter-container-overlay{   
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
  }
  
   a.close-window.icon-button.close-icon{position:absolute; cursor: pointer;right: 15px;top: 15px;}
/*    a.close-window.icon-button.close-icon svg{    width: 1.6rem;  height: 1.6rem;} */
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper{display:flex; align-items:center; gap: 2rem;}
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper .newsletter-form__message {margin:0;}
@media screen and (max-width: 576px) {
/*     .newsletter-content button.newsletter__button.button{    
    position: absolute; 
    right: 0;
    top: 0px;
    bottom: 0;}    
  */
   .newsletter-form__field-wrapper{display:block;}
}
/* custom css */
.newsletter-container .newsletter-modal:before{display:block;opacity:0.4;}
.newsletter-modal .newsletter-content{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;
    background: rgba(var(--color-background));overflow: hidden;}
.newsletter-container .newsletter-modal   .newsletter__wrapper{width:480px;}
.newsletter-modal .newsletter__wrapper .title-wrapper-with-link{
    margin-bottom: 20px;
    letter-spacing: 0x;
    align-items: center;
}
.newsletter-container .newsletter-modal .newsletter__button{
    position: absolute;
    right: 5px;top:5px;
    height: 40px;
    border-radius: 50%;padding:0;
    width: 40px;min-width:40px;min-height:40px;
    }
.newsletter-container .newsletter-modal .newsletter__button svg{width:20px;height:20px}
.newsletter-container .newsletter-modal .field__input{margin: 0;height:calc(5rem + var(--buttons-border-width) * 2); color: rgb(var(--color-foreground));}
.newsletter-container .newsletter-modal .newsletter__subheading.rte.subtitle{max-width: 100%;margin: 0 auto 20px;font-weight: 500;font-size:  var(--font-base-size);}
.newsletter-container .newsletter-modal .newsletter__subheading.rte.body{font-size: var(--font-base-size);line-height: 1.64;margin-bottom: 5rem;}
.newsletter-modal .newsletter-form{max-width:100%;}
a.close-window.icon-button.close-icon{
    position: fixed;
    right: 30px;
    top: 30px;
    margin: 0;
    transition: var(--duration-default);
    display: flex;
    width: 4rem;
    height: 4rem;
       background: rgb(var(--color-button), 1);
    color: rgb(var(--color-button-text), 1);
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: var(--inputs-radius);
}
a.close-window.icon-button.close-icon svg{transition: var(--duration-default);width: 16px;height: 16px;}
a.close-window.icon-button.close-icon:hover{background: rgb(var(--color-secondary-button));color: rgb(var(--color-secondary-button-text), 1);}
a.close-window.icon-button.close-icon:hover svg{color: rgb(var(--color-secondary-button-text), 1);}
/* .newsletter-container .newsletter-modal .newsletter__button.button:before{border-top-left-radius: 0;border-bottom-left-radius: 0;} */
/* @media screen and (max-width: 1600px) {
.newsletter-modal{height:500px;width:1100px;}
} */
.newsletter-modal .newsletter-content .newsletter-form__field-wrapper .field i.fa.fa-envelope {position: absolute;left: 20px;z-index: 1;top: 50%;transform: translate(0%, -50%);}
/* .newsletter-content li.list-social__item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-default) linear;
    margin: 1px;    border: 1px solid;
    border-radius: 50%;
} */

.newsletter-content .list-social .list-social__link { margin-right: 0!important; padding: 0;}
.newsletter-content .list-social .list-social__link:hover {color: inherit;}
.newsletter-content form .newsletter-form__field-wrapper .field__input{padding:0 4.5rem 0 2rem;transition:all 0.3s linear;
/* border-color: rgba(var(--color-base-accent-1),0.5); */                                                                      
}
.newsletter-content form .newsletter-form__field-wrapper .field__input:focus{
  /* background-size: 100% 1px,100% 1px,100%;  */
  border-color: rgba(var(--color-base-accent-1),1); box-shadow:none;
}
.newsletter-bg-img { width: 100%; height: 100%; z-index: -1;}
.newsletter-bg-img img{ height: 100%;}
/* .newsletter-container.show-modal form#contact_form :where(.field,button) {
    width: 100%;
} */


  .newsletter-modal .newsletter-content{width: 100%; padding: 3rem;}
  .newsletter-container .newsletter__wrapper{padding:0;}
  .newsletter-modal .newsletter__wrapper .title-wrapper-with-link{display:block;}
  .newsletter-modal .newsletter-form__field-wrapper{flex-direction: column;}
  .newsletter-container .newsletter-modal .newsletter__wrapper {  width: 100%;}
  .newsletter-container .newsletter-modal:before{opacity: 1;}
 .newsletter-container .newsletter-modal.text-start .newsletter-form__field-wrapper{align-items: flex-start;}
 .newsletter-container .newsletter-modal.text-end .newsletter-form__field-wrapper{align-items: flex-end;}


@media screen and (max-width: 1199px) {
/* .newsletter-modal{max-width:94%;} */
.newsletter-modal .newsletter-content{padding:0 3rem;} 
}
@media screen and (min-width: 991px) {
.newsletter-container .newsletter-modal .newsletter-form__message { justify-content: flex-start;font-weight: 500;letter-spacing: normal;}
}
@media screen and (max-width: 990px) {
.newsletter-container .newsletter-modal:before{display:block;opacity:0.3;}
.newsletter-modal .newsletter-content{align-items: flex-start;} 
/* .newsletter-modal {background-position: left;}   */
.newsletter-container .newsletter-modal .newsletter__wrapper{width:100%}  
.newsletter-container .newsletter-modal .newsletter-form__message { justify-content: flex-start; }

}
@media screen and (max-width: 767px) {
  .newsletter-modal.text-start .newsletter__wrapper{text-align:center;}
  .newsletter-form__field-wrapper{align-items: center;}
  .newsletter-bg-img{display:none;}
  .newsletter-modal.text-start .newsletter__wrapper .title-wrapper-with-link{align-items: center;}
  .newsletter-modal .newsletter-content {padding: 0 5rem;}
  .newsletter-container .newsletter-modal .newsletter-form__message { justify-content: center;}
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper{ align-items: center;}
  .newsletter-container .list-social,.newsletter-modal.text-start .list-social,
  .newsletter-modal.text-end .list-social{width:100%;justify-content: center;}
  .newsletter-container .newsletter-modal.text-start .newsletter-form__field-wrapper,
 .newsletter-container .newsletter-modal.text-end .newsletter-form__field-wrapper{align-items: center;}
  .newsletter-modal { height: 500px; left: 50%;transform: translate(-50%, -50%);top: 50%;width: 80%;}
}
@media screen and (max-width: 576px) {
.newsletter-modal{padding: 0;width:90%;}
.newsletter-container .newsletter-modal .newsletter__subheading.rte{margin: 0 auto 20px;}  
.newsletter-container .newsletter-modal .newsletter__subheading.rte{width: 100%;}
.newsletter-modal .newsletter-content {padding: 0 2rem;}  
}
/* ==== newsletter-section.css ==== */
.newsletter__wrapper {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

/* @media screen and (min-width: 750px) {
  .newsletter__wrapper {
    padding-right: 9rem;
    padding-left: 9rem;
  }
} */

.newsletter__wrapper > * {
  margin-top: 0;
  margin-bottom: 0;
}

.newsletter__wrapper > * + * {
  margin-top: 2rem;
}

.newsletter__wrapper > * + .newsletter-form {
  margin-top: 3rem;
}

.newsletter__subheading {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.newsletter__wrapper .newsletter-form__field-wrapper {
  max-width: 75rem;
}

.newsletter-form__field-wrapper .newsletter-form__message {
  margin-top: 2rem;
}

.newsletter__button {
  margin-top: 3rem;
  width: fit-content;
}

@media screen and (min-width: 750px) {
  .newsletter__button {
    flex-shrink: 0;
    margin: 0 0 0 1rem;
  }
}

/* ==== product-detail-page.css ==== */
/*Style-1*/
.ret-product-description-styl1.dt-sc-column.three-fourth-one-fourth {
    grid-template-columns: 3fr 1.8fr;
}
.product__info-as-bottom-tabs .pdd-product-description-styl1.dt-sc-column{display: flex;
    justify-content: space-between;
    gap: 60px;margin-bottom:0;}
#tab-description{margin-top:10px;}
.product__info-as-bottom-tabs .pdd-product-description-styl1.dt-sc-column .product-image img{width: 100%;margin:0;}
 .product-description-img li.tooltip img {  width: 33px;margin: 0 10px 0 0;}
 .ret-product-description-styl1.dt-sc-column {  column-gap: 70px; row-gap:0;}
  .product-image.dt-sc-column {  row-gap:0;    margin: 0;}
 .product-description-img  li.tooltip {  position: relative;    list-style: none;  font-size: var(--font-base-size); font-weight: 500; height: 30px; line-height: normal; margin-bottom:0;}
 .product-description-img{margin-top:20px; position: relative;display:flex; }
 .product-description-img .row{ display:flex;    align-items: center; margin-bottom: 30px;}
.product-description1 p {  font-size: var(--font-base-size); line-height: 26px; margin-bottom:30px;}
.product-description1 ul li{margin-bottom:2.5rem;}
 .product__info-as-bottom-tabs .pdd-product-description-styl1 .row.custom-half-width{    grid-template-columns: repeat(2,1fr);  display: grid;  gap: 20px;}
 .pdd-product-description-styl1 .row.custom-full-width img , .pdd-product-description-styl1 .row.custom-half-width img{width:100%; height:100%;}

.pdd-product-description-styl1 .product-description-icon ul{padding: 0;margin: 0;list-style: none;display: grid;grid-template-columns: repeat(3, 1fr);}
.pdd-product-description-styl1 .image-description {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;margin-top:40px;
}
.pdd-product-description-styl1 .product-description-icon ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;width:max-content;
}
.pdd-product-description-styl1 .image-description .desc-heading{margin-top:0;margin-bottom: 40px;font-weight:600;}
.pdd-product-description-styl1 .image-description .list-description ul{margin:0;}
.pdd-product-description-styl1 .image-description .list-description ul li:not(:last-child){margin-bottom:10px;}
.pdd-product-description-styl1 .product-descriptionsection p{margin:0;} 
.pdd-product-description-styl1 .product-descriptionsection{    width: calc(100% - 430px);}
.pdd-product-description-styl1 .product-image.dt-sc-column,
.pdd-product-description-styl1 .product-image.dt-sc-column img{    width: 430px;}

@media screen and (max-width: 1439px){
  .pdd-product-description-styl1 .image-description{grid-template-columns: repeat(1,1fr);margin-top:30px;}
  .pdd-product-description-styl1 .image-description .desc-heading{    margin-bottom: 30px;}
  .pdd-product-description-styl1 .product-description-icon ul{grid-template-columns: repeat(5,1fr);}
}
@media (max-width: 1200px){
   .ret-product-description-styl1.dt-sc-column {  column-gap: 30px;}
  .product__info-bottom.tabs .accordion__title{margin-right: 0;}
}
@media (max-width: 990px){
.ret-product-description-styl1.dt-sc-column.three-fourth-one-fourth {
    grid-template-columns: 1fr;
}
  .product__info-as-bottom-tabs .pdd-product-description-styl1.dt-sc-column{flex-direction: column;gap:30px; margin-top: 0px;}
  .pdd-product-description-styl1 .product-description-icon ul{grid-gap:15px;}
  .pdd-product-description-styl1 .product-descriptionsection{width:100%;}
  .pdd-product-description-styl1 .product-image.dt-sc-column, .pdd-product-description-styl1 .product-image.dt-sc-column img {width: 100%;margin: 0;}
 
}
@media (max-width: 800px){
  .ret-product-description-styl1.dt-sc-column.three-fourth-one-fourth {   grid-template-columns: 1fr;}
  
}
/*Style-2*/
.pdd-product-description-styl1.dt-sc-column{  grid-template-columns: repeat(1,1fr);}
.product__accordion.accordion.toggle_right .ret-product-description-styl1.dt-sc-column.three-fourth-one-fourth {grid-template-columns: repeat(1,1fr);}
.product__info-as-bottom-tabs.tab_right .ret-product-description-styl1.dt-sc-column.three-fourth-one-fourth {grid-template-columns: repeat(1,1fr);}


.ret-product-description-styl2.dt-sc-column.three-fourth-one-fourth {grid-template-columns: 3fr 1.8fr;margin:0;}
.ret-product-description-styl2 .product-description-img{display:flex;list-style: none;padding: 0;margin-bottom: 0;align-items: center;}
.ret-product-description-styl2 .product-description-img  li.desc-image{margin-right:20px;}
.ret-product-description-styl2 .product-description-img img{margin:0; display: flex;}
.ret-product-description-styl2 .product-descriptionsection h5{margin-top:0;margin-bottom:15px;}
.ret-product-description-styl2 .single-custom-full-width{margin-bottom: 30px;}
.ret-product-description-styl2 .product-image.dt-sc-column img{width:100%;height:100%;margin:0;}
.ret-product-description-styl2 .product-image .custom-half-width{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
@media (max-width: 1199px){
  .ret-product-description-styl2.dt-sc-column.three-fourth-one-fourth {grid-template-columns: 1fr;}
  }
@media (max-width: 576px){
  .ret-product-description-styl2 .single-custom-full-width{margin-bottom: 15px;}
  .ret-product-description-styl2 .product-image .custom-half-width{gap:15px;}
  .product__info-as-bottom-tabs .dt-sc-tabs-content{padding: 10px 20px 20px;}
}

/* style 3 */
.ret-product-description-styl3 .product-description-img{display:flex;align-items:center;}
.ret-product-description-styl3 .product-descriptionsection1-img img,
.ret-product-description-styl3 .product-descriptionsection2-img img{margin:0;height:100%;}
.ret-product-description-styl3 .dt-sc-column{margin:0;}
@media (max-width: 768px){
.ret-product-description-styl3 .dt-sc-column{grid-template-columns: 1fr;}
}

/*style 4 */
.ret-product-description-styl4 .product-descriptionsection-img{list-style:none;}
.ret-product-description-styl4 .product-descriptionsection-img li img{height:100%;width:100%;margin:0;}
.ret-product-description-styl4 .dt-sc-column{margin:0;}
.ret-product-description-styl4 .product-descriptionsection-desc {margin-top:30px;}
.ret-product-description-styl4  .product-descriptionsection-desc > * h5{margin-top:0;margin-bottom:20px; font-weight:500;}
.ret-product-description-styl4 .product-description-1 p{margin-bottom:0;}
@media (max-width: 1023px){
.ret-product-description-styl4 .product-descriptionsection-desc{grid-template-columns: 1fr;}
}

@media (max-width: 576px){
  .ret-product-description-styl4 > * .dt-sc-column.two-column,
  .ret-product-description-styl4  .product-descriptionsection-img{grid-template-columns: 1fr;}
}

/* style 5*/
.ret-product-description-styl5 > * h5{margin:0;}
.ret-product-description-styl5 .dt-sc-column{margin:0;list-style:none;} 
.ret-product-description-styl5  .dt-sc-column ul{margin-bottom:0;}
.ret-product-description-styl5 .product-descriptionsection-img img{height: 100%; margin: 0;}
.ret-product-description-styl5 .product-descriptionsection-desc{margin-top:30px;}
.ret-product-description-styl5 .product-descriptionsection-img{margin-top:30px;}
@media (max-width: 1024px){
  .ret-product-description-styl5 .product-descriptionsection-desc{    grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 576px){
  .ret-product-description-styl5 .dt-sc-column{grid-template-columns: repeat(1, 1fr);}
}
/* ==== product-tab.css ==== */
.product-tab-wrapper .collection .tabs {
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.product-tab-wrapper .collection .tabs .tablinks {
  color: rgba(var(--color-foreground));
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  margin:  0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* background-color: var(--gradient-base-background-1);
  border: 1px solid var(--gradient-base-background-1); */
  /* border-right: none; */
  box-shadow: inset 0 0 0 rgba(var(--color-background));
  transition: all 0.3s linear;
  font-weight: 600;
  font-family: var(--font-heading-family);
  font-size: var(--font-h5-size);
  border-radius: var(--buttons-radius);
}
.product-tab-wrapper .collection .tabs .tablinks:not(:last-child) {margin-right:20px;}


.product-tab-wrapper .collection .tabs .tablinks:hover,
.product-tab-wrapper .collection .tabs .tablinks.active {
  color: rgba(var(--color-link-hover));
}

.product-tab-wrapper .collection .tabs_container {
  position: relative;
  width: 100%;
}

.list-style-none {
  list-style: none !important;
}

.text-align-left {
  text-align: left !important;
  align-items: flex-start;
}

.text-align-center {
  text-align: center !important;
  align-items: center;
}

.product-tab-wrapper .collection .tabs_container .product-tab-carousel {
  width: 100%;
  transition: all 0.3s linear;
  padding-bottom: 40px;
}

.product-tab-wrapper .collection .tabs_container .product-tab-carousel:not(:first-child, :only-child),
.product-tab-wrapper .collection .tabs_container .dt-sc-tabs-content:not(:first-child, :only-child) {
  /*   position: absolute;  */
  left: 0;
  top: 0;
}

.product-tab-wrapper .collection .tabs_container .product-tab-carousel:not(.active),
.product-tab-wrapper .collection .tabs_container .dt-sc-tabs-content:not(.active) {
  opacity: 0;
  pointer-events: none;
}

.product-tab-wrapper .collection .grid {
  justify-content: space-between;
  margin: 0;
  width: 100%;
  padding: 0;
}

.product-tab-wrapper .collection .grid > .grid__item {
  max-width: calc(50% - 18px);
  width: calc(50% - 18px);
  overflow:hidden;
}
.product-tab-wrapper
  .collection
  .grid
  > .grid__item[class*="tab-template--"]:not(:only-child) {
  max-width: calc(50% - 18px);
  width: calc(50% - 18px);
}

.product-tab-wrapper .collection .grid__item:only-child {
  max-width: 100%;
  width: 100%;
}

.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.four-column {
  grid-template-columns: repeat(2, 1fr);
}

.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.five-column,
.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.six-column {
  grid-template-columns: repeat(3, 1fr);
}

.product-tab-wrapper .collection .grid__item,
.product-tab-wrapper .template-search .grid__item {
  padding: 0;
}

.product-tab-wrapper .collection .grid__item > .media {
  height: 100%;
  background: none;
  width: 100%;
}
.product-tab-wrapper .collection .grid__item > .media > img {
  height: 100%;
  position: relative;
  min-height: 295px;
}

.product-tab-wrapper .collection .grid__item > .media .image-block-heading {
  display: flex;
  flex-wrap: wrap;
  padding: 5rem;
  z-index: 1;
}
.product-tab-wrapper .collection .grid__item>.media .image-block-heading.center{justify-content:center;}
.product-tab-wrapper .collection .grid__item>.media .image-block-heading.left{justify-content:flex-start;}
.product-tab-wrapper .collection .grid__item>.media .image-block-heading.right{justify-content:flex-end;}


.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_top {
  align-content: flex-start;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_middle {
  align-content: center;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_bottom {
  align-content: flex-end;
}

.product-tab-wrapper .collection .grid__item > .media .image-block-heading > * {
  width: 100%;
  margin: 0;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading
  > *:not(.button) {
  margin-bottom: 1rem;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading
  > .button {
  width: auto;
  margin-bottom: 0;
  margin-top: 1.5rem;
}



.product-tab-wrapper
  .collection
  > .grid.image-with-text__grid.image-with-text__grid--reverse {
  flex-direction: row-reverse;
}
.product-tab-wrapper
  .collection
  > .grid.image-with-text__grid.image-with-text__grid--reverse
  .grid__item
  > .media {
  float: right;
}

.tabs_container .dt-sc-tabs-content-Details:not(.active) {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.tabs .tablinks img{margin-right:10px;
  width: 40px; height: 40px;}
.tabs span.tab-count {  margin-left: 4px;}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1200px) {
  /*   .product-tab .collection .grid, */
  .product-tab-wrapper
    .collection
    .grid[class*="tab-template--"]:not(:only-child) {
    display: grid;
    grid-template-columns: 1fr;
  }

  .product-tab-wrapper .collection .grid > .grid__item,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child) {
    
    max-width: 100%;
    width: 100%;
  }

  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.three-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.four-column {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: repeat(3, 1fr);
  }

  #dtx-quickview-content .product .product__title {
    font-size: var(--font-h5-size);
  }
}

@media screen and (max-width: 750px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading {
    padding: 3rem;
  }
}

@media screen and (max-width: 575px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: 1fr;
  }


  .product-tab-wrapper .collection .tabs .tablinks {
    width: 100%;
    padding: 1.5rem 2rem;
  }

  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.three-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.four-column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 577px){
.product-tab-wrapper .collection .tabs .tablinks .icon-caret {display: none;}
}
  @media screen and (max-width: 576px) {
/************************************/
.product-tab-wrapper .collection .tabs .tablinks:not(:last-child){margin-right:0;}  
.product-tab-wrapper .collection .tabs .tablinks{ text-transform: uppercase; margin: 0;padding: 10px 20px; cursor: pointer;    background: rgb(var(--color-button-text)); }
.product-tab-wrapper .collection .grid__item{position:relative; display:grid; grid-template-columns:repeat(1,1fr); align-items:center; justify-content:center; row-gap:30px;}  
.product-tab-wrapper .collection .tabs{    grid-row: 1; grid-column: 1/3; width: 92%; max-width: 35rem; background: rgba(var(--color-background)); position: absolute; top: 0; z-index: 3; justify-content: flex-start; height: auto; margin: 0 auto; left: 0; right: 0; box-shadow: 0 0 15px #00000026;}
.product-tab-wrapper .collection .tabs_container{grid-row: 3;}   
    /*Drop-down-tab*/
.product-tab-wrapper .collection  .tabs :is(.tablinks) { transition: none; border-radius: inherit;}
.product-tab-wrapper .collection  .tabs .tablinks.active{background:rgb(var(--color-button));width: 100%;position: relative;  color: rgb(var(--color-button-text)); }
.product-tab-wrapper .collection .tabs.expanded .tablinks.active { order: 0; z-index: 1;background: rgb(var(--color-button));}
/* .product-tab-wrapper .collection  .tabs.expanded .tablinks:not(.active):hover { background:none;} */
    /*not-active tab*/
.product-tab-wrapper .collection  .tabs .tablinks:not(.active) { position: absolute; top: 0; left: 0; right: 0; width: 100%; opacity: 0;}
.product-tab-wrapper .collection  .tabs.expanded .tablinks:not(.active) { position: relative; top: auto; opacity: 1; order: 1; animation: fadeIn 1.2s ease-out both;}
.product-tab-wrapper .collection  .tabs:not(.expanded) .tablinks:not(.active) {pointer-events: none;}
.product-tab-wrapper .collection .tabs .tablinks{font-size:calc(var(--font-h5-size) - 6px);}    
 
.product-tab-wrapper .collection .tabs .tablinks .icon-caret {margin-left: auto;}  
.product-tab-wrapper .collection .tabs .tablinks.active-tab.active .icon-caret {opacity: 1;margin-left: auto;transition:all 0.3s linear;}  
.product-tab-wrapper .collection .tabs.expanded .tablinks.active-tab.active .icon-caret{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}   
.product-tab-wrapper .collection .tabs .tablinks:after{display:none;} 
.product-tab-wrapper .collection .tabs.expanded .tablinks:not(.active) .icon-caret {opacity: 0;}    
  }

/* ==== quick-add.css ==== */
.quick-add {
  position: relative;
  grid-row-start: 4;
  margin: 0 0 1rem;
  z-index: 1;
}

.card--card .quick-add {
  margin: 2rem 0rem 1rem;
  /*   grid-template-columns: repeat(auto-fill,minmax(130px,1fr)); 
  display: grid;
  width: 100%;
  gap:10px; */
}
@media screen and (max-width: 576px) {
  .card--card .quick-add {
    /*    grid-template-columns: repeat(auto-fill,minmax(175px,1fr)); */
  }
}
.quick-add-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  /* visibility: hidden; */
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--color-foreground), 0.8);
  height: 100%;
}
.quick-add-modal[open] .quick-add-modal__content {
    top: 0;
}
.quick-add-modal[open] {
  opacity: 1;
  /* visibility: visible; */
  z-index: 10000;
  display: block;
  transform: none;
}
.main-product_info{ animation: QuickZoomIn 1.2s ease both; }
@keyframes QuickZoomIn{0%{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}
.quick-add-modal__content {
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right:0;
  margin: auto;
  width: 100%;
  background-color: rgb(var(--color-background));
  overflow: hidden;
  max-width: var(--page-width);
  width: calc(100% - 3rem);
  box-shadow: none;
  outline: none;
  /* height:90vh; */
}
.quick-add-modal__content{height:fit-content;}

@media screen and (min-width: 750px) {
  .quick-add-modal__content {
/*     margin-top: 10rem; */
    width: 62%;
   
  }

  quick-add-modal .quick-add-modal__toggle {
    top: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 990px) {
  .quick-add-modal__content
    .product--thumbnail_slider
    .product__info-wrapper.grid__item {
    padding:  0;
  }
}
@media screen and (min-width: 991px) {
  .quick-add-modal__content {
    width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  .quick-add-modal__content {
    width: 70%;
  }
 
}

.quick-add-modal__content img {
  max-width: 100%;
}

.quick-add-modal__content-info {
  padding-right: 4.4rem;
  display: flex;
  overflow-y: auto;
  padding: 0rem;
  height: auto; 
  opacity:1;
}

.quick-add-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  quick-add-modal .slider .product__media-item.grid__item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;padding:0;
  }

  .quick-add-modal__content {
    bottom: 3.2rem;
  }

  .quick-add-modal__content-info > * {
    max-height: 100%;
  }
}

.quick-add-modal__toggle {
  background-color: transparent;
  border: none;
  border-radius: var(--buttons-radius);
  color: rgb(var(--color-link));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  z-index: 5;
  width: 2rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;transition: all 0.3s linear;
}
.quick-add-modal__toggle svg{width:15px;height:15px;}
.quick-add-modal__toggle:hover {
  color: rgb(var(--color-link-hover));
}

.quick-add-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

quick-add-modal .product:not(.featured-product) .product__view-details {
  display: inline-block;
  margin: 0;
}
quick-add-modal .main-product_info .product-form-installment{margin:0;}
 quick-add-modal .quick-add-hidden,
quick-add-modal .product__modal-opener:not(.product__modal-opener--image),
quick-add-modal .product__media-item:not(:first-child) {
  display: none !important;
}
 
quick-add-modal .slider.slider--mobile {
  /* overflow: visible; */
  margin:0;
}
quick-add-modal .product--thumbnail .thumbnail-slider{display:none !important;}
quick-add-modal .slider.slider--mobile{
         position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: 0rem;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0rem; 
}
quick-add-modal .product__media-list {
  margin-bottom: 0;
}

quick-add-modal .product__media-list .deferred-media {
  display: block;
  width: 100%;
}

quick-add-modal .product--thumbnail .product__media-gallery,
quick-add-modal .product--thumbnail_slider .product__media-gallery,
quick-add-modal .product--stacked .product__info-container--sticky {
  top: 0;
  position: relative;
}

@media screen and (min-width: 750px) {
  quick-add-modal .product:not(.product--no-media) .product__media-wrapper {
    max-width: 50%;
    width: 50%;
  }

  quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
    padding-left: 0rem;
    padding-top: 0rem;
    max-width: 50%;
    width: 50%;
  }

  quick-add-modal .thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: none;
  }
}

quick-add-modal .page-width {
  padding: 0;
}

quick-add-modal .product__title > h1 {
  display: none;
}

quick-add-modal .product__title > a {
  display: inline-block;
  text-decoration: none;
}

quick-add-modal .product-form__buttons {
  max-width: initial;
}



/*Quick view*/
.quick-add-modal__content-info p.fake_counter_p {
  display: none !important;
}
.quick-add-modal__content-info .social-proof-sales {
  display: none;
}
.quick-add-modal__content-info .product__accordion.accordion {
  display: none;
}
.quick-add-modal__content-info .product-attributes.fbt {
  display: none;
}

.quick-add-modal
  .product__info-container
  fieldset.product-form__input
  .form__label,
.quick-add-modal .product__info-container .sub-total p.product-label,
.quick-add-modal .product__info-container .inventory-form__label .form__label,
.quick-add-modal .advance-product-style .advanced-title {
  font-size: 1.6rem;
}
.quick-add-modal .product__info-container p.product__text {
  margin-top: 0px;
}
.quick-add-modal .product__info-container .icon-with-text {
  display: none;
}
.quick-add-modal
  .product--thumbnail_slider
  .slider-mobile-gutter:not(.thumbnail-slider) {
  width: 100%;
}
.quick-add-modal .product__payment {
  display: none;
}
.quick-add-modal .product__info-container .product-form__buttons {
  border-bottom: 0px;
  padding-bottom: 0;
}
.quick-add-modal .product__info-container .varient-model-wrapper .size-chart {
  display: none;
}
.quick-add-modal .product--thumbnail .product__media-list,
.quick-add-modal .product--thumbnail_slider .product__media-list {
  padding-bottom: 0;margin:0;
}
@media screen and (max-width: 990px) {
  .quick-add-modal .product--thumbnail .product__info-wrapper.grid__item,
  .quick-add-modal .product--stacked .product__info-wrapper.grid__item {
    padding: 0rem;
  }
}
@media screen and (min-width: 750px) {
  .quick-add-modal .product__info-wrapper.grid__item .product__info-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 25px;
    padding-inline-end: 30px;
  }
  
}
.quick-add-modal__content-info .ribbon {
    display: none;
}

.quick-add-modal__content-info .main-product_info .product__title h2{font-size: 30px;font-weight: 500;}
.quick-add-modal .quick-add-modal__content {
  /* transform: scale(0);
  transition: 1s; */
  width: 100%;
  opacity:1;
}

/* @keyframes sliderup{
  0%,50% {  opacity:0;  }
  100% { opacity:1;}
}
 */

.quick-add-modal[open] .quick-add-modal__content {
  /* transform: scale(0.95); */
  width: 100%;
  max-width:1200px;
  background: transparent;
  box-shadow:none;
   opacity:1;
}
/* @media screen and (max-width: 1540px) and (min-width: 750px){ 
  .quick-add-modal[open] .quick-add-modal__content {width:75%;}
} */
.quick-add-modal .product__xr-button{display:none;}  
@media screen and (max-width: 1300px) {
.quick-add-modal[open] .quick-add-modal__content {max-width:95%;}  
}
@media screen and (max-width: 990px) {
  .quick-add-modal__content-info .main-product_info .product__title h2{font-size:22px;}
}
@media screen and (max-width: 749px) {
/* .quick-add-modal[open] .quick-add-modal__content {  width: 85%; background: #fff;} */
/* .quick-add-modal  .main-product_info.product{padding:20px;}
.quick-add-modal .product__xr-button{display:none;}   */
}
.main-product_info> .grid__item:last-child:before {transition-delay:.3s;}
.main-product_info.quick-add-modal-in-progress .grid__item:before { transform-origin:bottom; transform:scaleY(1); height:100%; transition:all 1s linear, top 0 linear .5s;}
.main-product_info.quick-add-modal-in-progress .grid__item:last-child:before { transition-delay:.3s;}
.main-product_info.quick-add-modal-in-progress .grid__item {  opacity: 1;}
.quick-add-modal .grid__item{height:0;}
.quick-add-modal[open] .grid__item{height:100%;padding:0;}
.quick-add-modal .product__info-wrapper.grid__item, .quick-add-modal .grid__item,
.quick-add-modal .product__info-wrapper.grid__item .product__info-container,
.quick-add-modal .grid__item.product__media-wrapper media-gallery{background:rgba(var(--color-background));}

/*hidden*/
.quick-add-modal  .product-attributes.product_type{ display: none;}
.quick-add-modal  .product__sku { display: none;}
.quick-add-modal  .product-attributes.product_vendor{ display: none;}
.quick-add-modal  .breadcrumb-main-template{ display: none;}
.quick-add-modal  .product__inventory.inventory-form__label{ display: none;}
.quick-add-modal  .product__info-container>*+* { margin: 1rem 0;}
/* .quick-add-modal__content-info .product__info-container .product-form__input:not(:first-child){margin: 0 0 10px;} */
.quick-add-modal .product__title{font-size: 2.8rem; font-weight: 600;display: inline-block;}
.quick-add-modal .product__info-container .price__regular .price-item--regular, 
.quick-add-modal .product__info-container .price__sale .price-item.price-item--sale.price-item--last{font-size: 2.2rem;}
.quick-add-modal .product__info-container>*+* {margin: 0rem 0 1.6rem;}
.quick-add-modal .product__info-container .rating-fake-sales{
    line-height: 20px;
    /* display: flex; */
    display:none;
    align-items: center;
    margin-top: 10px;}
/* .quick-add-modal .product__info-wrapper.grid__item .product__info-container{animation: fadeInLeft .8s ease both;} */
.quick-add-modal .product__info-container .price--on-sale .price__sale{justify-content: flex-start;}
.quick-add-modal__content-info .main-product_info .product__title h2{transition:all 0.3s linear;}
.quick-add-modal__content-info .main-product_info .product__title:hover h2{color:rgb(var(--color-link-hover));}


@media screen and (max-width: 840px) and (min-width:750px){
/* quick-add-modal .product-form__buttons{flex-direction: column; align-items: flex-start;}
quick-add-modal button.product-form__submit.button.button--full-width.button--secondary  {width:100%;margin-left:0;} */
}
@media screen and (max-width: 749px) {
  .quick-add-modal__content-info .main-product_info{     overflow: hidden;}
  .quick-add-modal[open] .quick-add-modal__content{     max-width: 400px; width: calc(100% - 30px); right:0; left:auto; transform:scale(1);   }
  .quick-add-modal .product__info-wrapper.grid__item .product__info-container{    overflow: auto; height: 400px; padding:20px;}
  .quick-add-modal__content .product--thumbnail_slider .product__info-wrapper.grid__item{padding:0;}
}
@media screen and  (max-width: 990px){
.quick-add-modal .product__info-container .product-form__buttons{flex-wrap:wrap;}
.quick-add-modal .product__info-container .product-form__input.product-form__quantity,  
.quick-add-modal .dT_VProdWishList, .quick-add-modal .dT_VProdCompareList{order:-1;margin-bottom:15px;}  
.quick-add-modal .product-form__buttons  button.product-form__submit.button.button--full-width.button--secondary{margin:0!important;}
.quick-add-modal  .product-form__quantity .quantity__button {width: calc(4.5rem / var(--font-body-scale));}
.quick-add-modal  .product-form__quantity .quantity {width: calc( 13rem / var(--font-body-scale) + var(--inputs-border-width) * 2 );}   
.quick-add-modal .product__info-wrapper .product-form .product-form__buttons .product-form__submit{margin-right:0!important;}
}
.quick-add-modal .product__info-wrapper.grid__item .product__info-container:-webkit-scrollbar {
  width: 20px;
}
.quick-add-modal .product__info-wrapper.grid__item .product__info-container:-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.5);
}
.quick-add-modal .product__info-wrapper.grid__item .product__info-container:-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 6px;
  border: 3px solid transparent;
}

/* webkit browsers */
.quick-add-modal .product__info-wrapper.grid__item .product__info-container::-webkit-scrollbar {
  width: 5px;
}

.quick-add-modal .product__info-wrapper.grid__item .product__info-container::-webkit-scrollbar-track {
   background-color: rgba(0, 0, 0, 0.2);
}

.quick-add-modal .product__info-wrapper.grid__item .product__info-container::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

.quick-add-modal .product__info-wrapper.grid__item .product__info-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

/* .quick-add-modal .product__info-wrapper.grid__item .product__info-container::-webkit-scrollbar:vertical {
  display: none;
}
 */
.quick-add-modal .product__info-wrapper .dT_VProdCompareList a.add-compare:after,
.quick-add-modal .product__info-wrapper .dT_VProdWishList a.add-wishlist:after {display:none;}
.quick-add-modal__content-info aside{display:none;}
.quick-add-modal__content-info .product__media.media,
.quick-add-modal__content-info .global-media-settings img{border-radius:0;}
.jdgm-widget .jdgm-prev-badge__text{visibility:unset;}
.quick-add-modal .notify-block.dT_ProdNotify{display:none;}
.quick-add-modal .zoom { pointer-events: none;}
.quick-add-modal .product__title > a {
    display: none;
}
.quick-add-modal .product__info-container variant-radios .product-form__input:not(:nth-last-child(2)) {
    margin: 0 0 20px;
}
.quick-add-modal .product__info-wrapper a.add-compare.button--secondary, .quick-add-modal .product__info-wrapper a.add-wishlist.button--secondary {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid rgba(var(--color-border), 0.09);
}
.quick-add-modal .product__info-wrapper a.add-compare.button--secondary:hover, .quick-add-modal .product__info-wrapper a.add-wishlist.button--secondary:hover {
    background-color: rgba(var(--color-hover-button));
    border: 1px solid rgba(var(--color-hover-button));
    color: rgba(var(--color-button-hover-text));
}
.quick-add-modal .product__info-container .product-form{margin:0 0 15px;}
@media only screen and (min-width: 1025px) {
.quick-add-modal .product--thumbnail_slider:not(.product--no-media) .slider-mobile-gutter:not(.thumbnail-slider){width:100%;}
.quick-add-modal .product__info-wrapper.grid__item .product__info-container{    display: flex; flex-direction: column; justify-content: center;}   
}
/* ==== section-brand-logos.css ==== */

.brand-logos.no-heading .title {
  display: none;
}

.brand-logos .title-wrapper-with-link {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .brand-logos .title-wrapper-with-link {
    margin-bottom: 3rem;
  }

}
.brand-logos-card__image-wrapper svg.placeholder_svg {
  width: 100%;
  height: 100%;
}
.brand-logos-card__image-wrapper--third-width {
  width: 33%;
}

.brand-logos-card__image-wrapper--half-width {
  width: 50%;
}

.brand-logos-list__item.center
  .brand-logos-card__image-wrapper:not(
    .brand-logos-card__image-wrapper--full-width
  ),
.brand-logos-list__item:only-child {
  margin-left: auto;
  margin-right: auto;
}


.brand-logos-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.brand-logos-list__item:only-child {
  max-width: 72rem;
}

.brand-logos-list__item--empty {
  display: none;
}

.brand-logos:not(.background-none) .brand-logos-card {
  background: rgb(var(--color-background));
  height: 100%;
}

.brand-logos.background-primary .brand-logos-card {
  background: rgb(var(--color-background))
    linear-gradient(
      rgba(var(--color-foreground), 0.04),
      rgba(var(--color-foreground), 0.04)
    );
}

.brand-logos-list h3 {
  line-height: calc(1 + 0.5 / max(1, var(--font-heading-scale)));
}

.brand-logos-list h3,
.brand-logos-list p {
  margin: 0;
}

.brand-logos-card-spacing {
  padding-top: 2.5rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.brand-logos-card__info > :nth-child(2) {
  margin-top: 1rem;
}

.brand-logos-list__item.center .media--adapt,
.brand-logos-list__item .media--adapt .brand-logos-card__image {
  width: auto;
}

.brand-logos-list__item.center .media--adapt img {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .brand-logos-list {
    margin: 0;
    width: 100%;
  }

  .brand-logos-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .brand-logos-list.slider.slider--mobile .brand-logos-list__item {
    padding: 15px 0;
    margin: 0;
  }
}

@media screen and (min-width: 750px) {
  .brand-logos-list.slider,
  .brand-logos-list.grid--4-col-desktop {
    padding: 0;
    /*     flex-wrap: wrap; */
  }

  .brand-logos-list__item,
  .grid--4-col-desktop .brand-logos-list__item {
    padding-bottom: 0;
  }

  .background-none .grid--2-col-tablet .brand-logos-list__item {
    margin-top: 4rem;
  }
}

.background-none .brand-logos-card-spacing {
  padding: 0;
  margin: 0;
}

.brand-logos-card__info {
  padding: 2.5rem;
}

.background-none .brand-logos-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.background-none .slider .brand-logos-card__info {
  padding-bottom: 0;
}

.background-none .brand-logos-card__image-wrapper + .brand-logos-card__info {
  padding-top: 2.5rem;
}

.background-none .slider .brand-logos-card__info {
  padding-left: 0.5rem;
}

.background-none
  .slider
  .brand-logos-card__image-wrapper
  + .brand-logos-card__info {
  padding-left: 1.5rem;
}

.background-none
  .brand-logos-list:not(.slider)
  .center
  .brand-logos-card__info {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 749px) {
  .background-none .slider .brand-logos-card__info {
    padding-bottom: 1rem;
  }

  .brand-logos.background-none .slider.slider--mobile {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .background-none .brand-logos-card__image-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .background-none .brand-logos-list .brand-logos-card__info,
  .background-none
    .brand-logos-list:not(.slider)
    .center
    .brand-logos-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.brand-logos-card {
  position: relative;
  box-sizing: border-box;
}

.brand-logos-card
  > .brand-logos-card__image-wrapper--full-width:not(
    .brand-logos-card-spacing
  ) {
  border-top-left-radius: calc(
    var(--text-boxes-radius) - var(--text-boxes-border-width)
  );
  border-top-right-radius: calc(
    var(--text-boxes-radius) - var(--text-boxes-border-width)
  );
  overflow: hidden;
}

.brand-logos.background-none .brand-logos-card {
  border-radius: 0;
}

.brand-logos-card__info .link {
  text-decoration: none;
  font-size: inherit;
  margin-top: 1.5rem;
}

.brand-logos-card__info .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
}

@media screen and (min-width: 990px) {
  .brand-logos-list__item--empty {
    display: list-item;
  }
}
.brand-logos-list__item .link {
  width: 100%;
  height: 100%;
  /*   display: flex; */
  align-items: center;
  justify-content: center;
}
.brand-logos-list__item a:not([href]) {
  cursor: auto;
}
.brand-logos-card__image-wrapper .brand-logos-card__image {
  height: 100%;
  object-fit: cover;
}
.brand-logos-list .brand-logos-list__item {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;position:relative;
}

.brand-logos-list li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0; 
}

.brand-logos-list li a {
  width: 100%;
  height: 100%;z-index:1;
}
.brand-logos-card__image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}

/*custom*/

@media screen and (max-width: 576px) {
.brand-logos-card__image-wrapper .brand-logos-card__image{  width:auto;}
}
.brand-logos.brandlogo-style-1 .swiper{  border: 1px solid rgb(var(--color-border),var(--color-border-opacity)); }
.brand-logos.brandlogo-style-1  .brand-logos-list li {  border-right: 1px solid rgb(var(--color-border), var(--color-border-opacity));  }


.brand-logos.brandlogo-style-2 .brand-logos-list li:after { position: absolute; width: calc(100% - 1px); height: calc(100% - 1px); background-size: cover; background-repeat: no-repeat; transition: all 0.3s linear; content: ""; border: 1px solid rgb(var(--color-border),var(--color-border-opacity)); inset: 0; border-radius: var(--media-radius);}
.brand-logos.brandlogo-style-2  .swiper-wrapper{box-sizing: border-box;}
/* ==== section-brand-slider.css ==== */
slider-component {
  --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 989px) {
  .no-js slider-component .slider {
    padding-bottom: 3rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}


  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 0rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    overflow:hidden
  }


/*   .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  } */

  .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}



.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}



  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    scroll-padding-left: var(--desktop-margin-left-first-item);
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider--desktop:after {
    content: "";
    width: 0;
    padding-left: 5rem;
    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item);
    scroll-margin-left: var(--desktop-margin-left-first-item);
  }

  .slider-component-full-width .slider--desktop {
    scroll-padding-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 1.5rem;
    scroll-margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .slider-component-full-width .slider--desktop:after {
    padding-left: 1.5rem;
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
  }

  .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width:2rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 1.2rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.brand-swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}


.slider-button {
/*  color: rgba(var(--color-foreground), 0.75);
   background: transparent; */
  border: none;
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
} */

.slider-button .icon {
  height: 0.6rem;
}



.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}
@media screen and (max-width: 749px){
.slider.slider--mobile .slider__slide {padding:1px;}
.slider.slider--mobile{scroll-padding-left: 0.4rem;}  
}
@media screen and (min-width: 750px){
.slider.slider--mobile{flex-wrap:wrap;}
}
/* ==== section-collection-hero.css ==== */
/* .collection-hero__inner {
  display: flex;
  flex-direction: column;
} */

.collection-hero--with-image .collection-hero__inner {
  margin-bottom: 0;
  padding-bottom: 0rem;
}

@media screen and (min-width: 750px) {
  .collection-hero.collection-hero--with-image {
    padding: calc(4rem + var(--page-width-margin)) 0
      calc(4rem + var(--page-width-margin));
    overflow: hidden;
  }

  .collection-hero--with-image .collection-hero__inner {
    padding-bottom: 0;
  }
}

.collection-hero__text-wrapper {
  flex-basis: 100%;
  padding:0px 0;
}

@media screen and (min-width: 750px) {
  .collection-hero {
    padding: 30px;
  }

  .collection-hero__inner {
    align-items: center;
    flex-direction: row-reverse;
    padding-bottom: 0;
  }
}


.collection-hero__title + .collection-hero__description {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: var(--font-base-size);
  line-height: var(--font-body-line-height);
  
}

@media screen and (min-width: 750px) {
  .collection-hero__title + .collection-hero__description {
    font-size: var(--font-base-size);
    margin-top: 2rem;
    margin-bottom: 0;
      line-height: var(--font-body-line-height);  
  }

  .collection-hero__description {
    max-width: 66.67%;
  }

  .collection-hero--with-image .collection-hero__description {
    max-width: 100%;
  }
}

.collection-hero--with-image .collection-hero__title {
  margin: 0 0 1rem;
  font-weight:500;
}


.collection-hero__image-container {
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset)
    var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}


.collection-hero.collection-hero--with-image{
  position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px;
    padding: 30px;
    border: 5px double rgba(var(--color-border),var(--color-border-opacity));
}

/*Collection-banner-Grid style*/
.collection-hero__image-container {
    height: 100%;
    max-width: 230px;
    float: left;
    margin-right: 30px;
}
/* .collection-hero.collection-hero--with-image .collection-hero__inner{display:grid;grid-template-columns: 0.2fr 1fr; grid-gap: 30px;} */
.collection-hero.collection-hero--with-image .collection-hero__title { margin:0 0 2rem 0;}
.collection-hero__image-container{  height: 100%;}
.collection-hero__image-container img { width: 100%; height: 100%;    border-radius: var(--media-radius);}
@media screen and (max-width: 1540px) {
/* .collection-hero.collection-hero--with-image .collection-hero__inner{display:grid;grid-template-columns: 0.4fr 1fr; }   */
}
@media screen and (max-width: 1200px) {
/* .collection-hero.collection-hero--with-image .collection-hero__inner{display:grid;grid-template-columns: 0.8fr 1fr; }   */
.collection-hero--with-image .collection-hero__description{max-width:100%;}  
}
@media screen and (max-width: 990px) {
.collection-hero__text-wrapper {padding:0; }  
/* .collection-hero.collection-hero--with-image .collection-hero__inner{grid-template-columns: 1fr;}   */
}
@media screen and (max-width: 749px) {
  .collection-hero.collection-hero--with-image{padding:15px; margin-bottom:0;}
}
@media screen and (max-width: 480px) {
.collection-hero--with-image .collection-hero__inner{display:flex; flex-direction:column; gap:15px;}
.collection-hero__image-container {max-width:100%; margin-right:0;}
}
/* ==== section-collection-list.css ==== */
.collection-list {
  margin-top: 0;
  margin-bottom: 0;
}

.collection-list-title {
  margin: 0;
}

.collection-list__item:only-child {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .slider.collection-list--1-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider.collection-list--1-items,
  .slider.collection-list--2-items,
  .slider.collection-list--3-items,
  .slider.collection-list--4-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection-list__item a:hover {
    box-shadow: none;
  }
}

@media screen and (max-width: 749px) {
  .collection-list.slider .collection-list__item {
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
}
@media screen and (max-width: 576px) {
  .collection-list.slider .collection-list__item {
    max-width: 100%;
    width:100%;
  }
}
.collection-list-view-all {
  margin-top: 2rem;
}

.collection-list .card__information  .collection_product_count{margin:5px 0 0;text-transform: capitalize;}

.collection-list .card {
  background: transparent;
}
.collection-list.grid .collection-list__item .card__content {position:relative;}
.collection-list.overlay .collection-list__item .card{position:relative;}
.collection-list .card-wrapper .card__inner{height: 100%; position: relative;}
.collection-list.overlay .collection-list__item .card-wrapper .card__content {
    position: absolute;
    right: 0;
    bottom:20px;
    left: 0;
    margin: auto;
    width: calc(100% - 60px);
    height: fit-content;
    transition:all 0.3s linear;
    padding:0;display:block;
    /* transform: scale(0) translateY(-50%); */
}
.collection-list.overlay .collection-list__item .card__content .card__information .card__heading a {
  padding: 8px  20px;
  border-radius: var(--buttons-radius);
  background: rgb(var(--color-background));
  color:rgb(var(--color-foreground));  
  font-size: var(--font-base-size);
  display: flex;
  align-items: center;border: 1px solid rgba(var(--color-foreground),.08);
  justify-content: space-between; word-break: keep-all;  
}
.collection-list.overlay .collection-list__item .collection-align-center .card__content .card__information .card__heading a{justify-content: center;}
.collection-list.overlay .collection-list__item .collection-align-left .card__content .card__information .card__heading a{justify-content: left;}
.collection-list.overlay .collection-list__item .collection-align-right .card__content .card__information .card__heading a{justify-content: right;}


.collection-list.overlay .collection-list__item .card:hover .card__content .card__information .card__heading a{ background-color: rgba(var(--color-secondary-button));color: rgba(var(--color-secondary-button-text));;}
.collection-list.overlay .collection-list__item .card .card__content .card__information .card__heading a span{line-height:normal;text-align:left;}
/* .collection-list.overlay .collection-list__item .card-wrapper .card:hover .card__content {
  transform: scale(1) translateY(-50%);
} */
.collection-list.overlay  .card__information .card__heading,
.collection-list.overlay .card__information .collection_product_count{  opacity:1;}
/* .collection-list.overlay  .collection-list__item .card__inner:after{    
    content: "";
    top: 0;
    left: 0;
    background: rgba(var(--color-background), 0.5);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.collection-list.overlay  .collection-list__item .card:hover .card__inner:after{  
  opacity:1; visibility:visible;
} */

.collection-list.overlay  .collection-list__item .card__content .card__information{
  background: none;
  padding: 0px;
  border-radius: var(--border-radius);
  text-align: center;
  left: auto;
  right: auto;
  position: relative;
  margin: auto;
  bottom: 0px;
}

.section-collection-list .collection-list .collection-list__item a.button.button--primary{    background: transparent; color: rgb(var(--color-foreground)); padding: 0; margin: 0; min-width: fit-content; min-height: fit-content; transition:all var(--duration-default) linear; }
.section-collection-list .collection-list .collection-list__item a.button.button--primary:hover { color: rgb(var(--color-link-hover));}

.section-collection-list .collection-list .card__inner.image-circle  { border-radius: 50%; width: 100%;}
.section-collection-list .collection-list .card__inner.image-circle .card__media { border-radius: 50%; width: 100%;}
.collection-list.overlay .card .icon-wrap{    
    width: 40px;min-width:40px;
    height: 40px;
    display: flex;
    align-items: center;
    background: rgb(var(--color-background));
    justify-content: center;opacity: 1;
    transition: all 0.3s linear;
    border-radius: 50%;color: rgb(var(--color-foreground));}
/* .section-collection-list .collection-list .card:hover .icon-wrap{ opacity:1;} */


@media screen and (max-width: 1199px){
.collection-list.overlay .collection-list__item .card-wrapper .card__content{bottom:20px;width:calc(100% - 40px)}
}
@media screen and (max-width: 900px) and (min-width: 751px) {
.grid--4-col-desktop .collection-list__item.grid__item {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
}
@media screen and (max-width: 480px) {
.product-page-collection-list .collection-list.overlay  .collection-list__item .card__content .card__information{  max-width: 90px;  width: 90px;}
.collection-list.overlay .collection-list__item.grid__item{width:100%;max-width:100%;}
 
}

.card-wrapper.collection-card-wrapper .card .card__inner .card__media.no--media{position:relative;}  



/* placeholder */
.collection-list .collection-list__item.collection-list__item--no-media .card .card__media, 
.collection-list .collection-list__item.collection-list__item--no-media .card .card__media .media { position: relative;  inset: 0; }
.collection-list .collection-list__item.collection-list__item--no-media .card .card__media .media svg { position: relative; }
.collection-list .collection-list__item.collection-list__item--no-media .card .card__inner .card__media { position: relative; overflow: auto; }
.collection-list .collection-list__item.collection-list__item--no-media .card-wrapper .card .card__inner {height: 100%; position: relative;display:block;}

.collection-list .swiper-button-next:after,.collection-list .swiper-button-prev:after{display:none;}
.collection-list .swiper-button-next svg, .collection-list .swiper-button-prev svg{width:18px;height:18px;}
.collection-list .swiper-button-next span, .collection-list .swiper-button-prev span{display:flex;}





/* custom css */
.demo3-collection-list .card__inner{border-radius:50%;}
.demo3-collection-list .card--card.card--media>.card__content{padding:var(--content-padding) 0 0;}
.demo3-collection-list .card--card.card--media>.card__content .card__information .card__heading{margin-bottom:0;}
.demo3-collection-list  .swiper-navigation {position: absolute;display: flex;justify-content: center;top:-72px;right:0;transform: translateY(-50%);}
.demo3-collection-list .swiper-button-next, .demo3-collection-list .swiper-button-prev {position: relative;right: 0;left: 0;top: auto;opacity: 1;transform: none;margin: 0 10px;  }  
.demo3-collection-list .swiper-button-prev {order: -1;}  
.demo3-collection-list .swiper:hover .swiper-button-next, .demo3-collection-list .swiper-container:hover .swiper-button-next{right:0;}
.demo3-collection-list .swiper:hover .swiper-button-prev, .demo3-collection-list .swiper-container:hover .swiper-button-prev{left:0;}
.demo3-collection-list  .swiper .swiper-button-next.swiper-button-disabled, .demo3-collection-list .swiper .swiper-button-prev.swiper-button-disabled{opacity:0.35}
.demo3-collection-list .swiper{overflow:visible;}
.demo3-collection-list .row{overflow:hidden;}
@media screen and (max-width: 989px) {
.demo3-collection-list .swiper-navigation{top:-52px;}
}
@media screen and (max-width: 750px) {
.demo3-collection-list .swiper-navigation{top:0;position:relative;left:0;right:0;margin-top:30px;transform: none;}
.demo3-collection-list .card--card.card--media>.card__content .card__information .card__heading a{font-size: calc(.8 * var(--font-h3-size));}  
}
@media screen and (max-width: 480px) {
.demo3-collection-list .card--card.card--media>.card__content .card__information .card__heading a{font-size: calc(.7 * var(--font-h3-size));}
.collection-list .swiper-button-next svg, .collection-list .swiper-button-prev svg{width:15px;height:15px;}  
}
/* ==== section-contact-form.css ==== */
.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
  border: none; 
  box-shadow: none;
  outline: none;
  outline-offset: unset;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}
/* .contact .title-wrapper--no-top-margin {
    margin-top: 0;
    font-size: 18px;
    font-family: var(--font-body-family);
    font-weight: 400;
    line-height: 2.6rem;
   margin-bottom: 6rem;
} */
.grecaptcha-badge {
  visibility: hidden;
}
.contact .title-wrapper--no-top-margin span{    
  display: block;
    font-size: var(--font-h2-size);
    color: var(--color-icon);
    font-weight: 400;
    margin-bottom: 30px;
    font-family: var(--font-heading-family);}

.section-contact-form .page-width{max-width:120rem; margin:auto;} 

/* ==== section-deal-banner.css ==== */
.deal-banner.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}

/* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{
      align-items: center;
    justify-content: center;
    margin-top: -51px;
} */
.deal-banner .banner__box {
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .deal-banner.banner--content-align-mobile-right .banner__box {
    text-align: right;
  }

  .deal-banner.banner--content-align-mobile-left .banner__box {
    text-align: left;
  }
}
.deal-banner .banner__box.content-container .banner__text.body{  margin-bottom:3.3rem;  line-height: 25px; font-size: var(--font-base-size);}
@media only screen and (min-width: 750px) {
  .deal-banner.banner--content-align-right .banner__box {
    text-align: right;
  }

  .deal-banner.banner--content-align-left .banner__box {
    text-align: left;
  }
  .deal-banner.banner--content-align-left  .product-deal-count .deal-clock ul{justify-content:left}
  .deal-banner.banner--content-align-right .product-deal-count .deal-clock ul{justify-content:right}
  
  .deal-banner.banner--content-align-left.banner--desktop-transparent .banner__box,
  .deal-banner.banner--content-align-right.banner--desktop-transparent .banner__box,
  .deal-banner.banner--medium.banner--desktop-transparent .banner__box {
    max-width: 83rem;
  }
}

/* @media screen and (max-width: 749px) {
  .deal-banner.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .deal-banner.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 100%;
  }

  .deal-banner.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .deal-banner.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 100%;
    position:absolute;
  }

  .deal-banner.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .deal-banner.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 39rem;
  }

  .deal-banner.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 28rem;
  }

  .deal-banner.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 50rem;
  }

  .deal-banner.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 39rem;
  }
} */

@media screen and (min-width: 750px) {
  .deal-banner.banner {
    flex-direction: row;
  }

  .deal-banner.banner--small:not(.banner--adapt) {
    min-height: 25rem;
  }

  .deal-banner.banner--medium:not(.banner--adapt) {
    min-height: 71.8rem;
  }

  .deal-banner.banner--large:not(.banner--adapt) {
    min-height: 100rem;
  }

  .deal-banner .banner__content.banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .deal-banner .banner__content.banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .deal-banner .banner__content.banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .deal-banner .banner__content.banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .deal-banner .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .deal-banner .banner__content.banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .deal-banner .banner__content.banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .deal-banner .banner__content.banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .deal-banner .banner__content.banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .deal-banner.banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .deal-banner.banner--stacked {
    height: auto;
  }

  .deal-banner.banner--stacked .banner__media {
    flex-direction: column;
  }
  .deal-banner .banner__content{    background: rgb(var(--color-background),0.1);}
}

.deal-banner .banner__media {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.deal-banner .banner__media-half {
  width: 50%;
}

.deal-banner .banner__media-half + .banner__media-half {
  right: 0;
  left: auto;
}

@media screen and (max-width: 749px) {
  .deal-banner.banner--stacked .banner__media-half {
    width: 100%;
  }

  .deal-banner.banner--stacked .banner__media-half + .banner__media-half {
    order: 1;
  }
}

@media screen and (min-width: 750px) {
  .deal-banner .banner__media {
    height: 100%;
  }
}
.deal-banner .isolate{width:100%} 
.deal-banner.banner--adapt,
.deal-banner.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height:100%;
}

@media screen and (max-width: 749px) {
  .deal-banner.banner--stacked.banner--adapt .banner__content {
    height: auto;
  }


  .deal-banner.banner:not(.banner--mobile-bottom) .banner__box {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .deal-banner.banner:not(.banner--mobile-bottom) .button--secondary {
    --color-button: var(--color-base-background-1);
    --color-button-text: 0, 0, 0;
    --alpha-button-background: 1;
  }

  .deal-banner.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    position: absolute;
    height: auto;
  }

  .deal-banner.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content {
    max-height: 100%;
    overflow: hidden;
    position: absolute;
  }

  .deal-banner.banner--stacked:not(.banner--adapt) .banner__media {
    position: relative;
  }

  .deal-banner.banner--stacked .banner__media-image-half {
    width: 100%;
  }
}

.deal-banner .banner__content {
  padding: 0;
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media screen and (min-width: 750px) {
 .deal-banner .banner__content {
    padding: 5rem;
  }

  .deal-banner .banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .deal-banner .banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .deal-banner .banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .deal-banner .banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .deal-banner .banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .deal-banner .banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .deal-banner .banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .deal-banner .banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .deal-banner .banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .deal-banner.banner--mobile-bottom:not(.banner--stacked) .banner__content {
    order: 2;
  }

  .deal-banner.banner:not(.banner--mobile-bottom) .field__input {
    background-color: transparent;
  }
  
}

.deal-banner .banner__box {
  padding: 4rem;
  position: relative;
  height: fit-content;
  align-items: center;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
  z-index: 1;
}

@media screen and (min-width: 750px) {
  .deal-banner.banner--desktop-transparent .banner__box {
    background-color: rgb(var(--color-background));
    /* --color-foreground: var(--color-base-background-1); */
    max-width: 82rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .deal-banner.banner--desktop-transparent .button--secondary {
    --color-button: var(--color-base-background-1);
    --color-button-text: 0, 0, 0;
    --alpha-button-background: 1;
     
  }

  .deal-banner.banner--desktop-transparent .content-container:after {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .deal-banner.banner--mobile-bottom::after,
  .deal-banner.banner--mobile-bottom .banner__media::after {
    display: none;
  }
}

/* .banner::after, */
.deal-banner .banner__media::after {
  content: '';
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.deal-banner .banner__box > *:not(:last-child){margin:0 0 20px;}
.deal-banner .banner__box .banner__sub_heading, .deal-banner .banner__box .banner__heading {margin:0 0 10px;}


@media screen and (max-width: 749px) {
  .deal-banner.banner--stacked .banner__box {
    width: 100%;
  }
}

@media screen and (min-width: 750px) {
  .deal-banner .banner__box {
    width: auto;
    max-width: 71rem;
    min-width: 45rem;
  }
 
}
@media screen and (min-width: 1400px) {
  .deal-banner .banner__box {
    max-width: 66.5rem;
  }
}



.deal-banner .banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
  word-break: break-word;
  margin-top:1rem;
}

@media screen and (max-width: 749px) {
  .deal-banner .banner__box .banner__buttons{justify-content:center;}
  .deal-banner.banner--content-align-mobile-right .banner__buttons--multiple {
    justify-content: flex-end;
  }

  .deal-banner.banner--content-align-mobile-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }
}
.deal-banner .banner__list.subtitle.icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 750px) {
  .deal-banner.banner--content-align-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }

  .deal-banner.banner--content-align-right .banner__buttons--multiple {
    justify-content: flex-end;
  }
 
.deal-banner .banner__list.subtitle.icon  span{
    font-size: var(--font-h3-size);
    margin-left: 20px;
    letter-spacing: 0;
}  
 .deal-banner .banner__list.subtitle.icon {
    display: flex;
    flex-direction:row;
    align-items: center;
} 
}



/* h2.banner__heading span {
    color: var(--gradient-background);
}  */
.deal-banner .banner__list.subtitle.icon  span{
    margin-left: 20px;
    letter-spacing: 0;
} 
 .deal-banner .banner__buttons a.button.button--primary {
    margin-top:0rem;
}
.deal-banner .banner__text.subtitle span:after {
    content: "";
    width: 50px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background:currentcolor;
    margin: auto;
    position: relative;
    left: 15px;
    right: 0;
    top: 0;
}

.deal-banner .image-with-text  p.image-with-text__text {
    margin-bottom: 20px;
}
.deal-banner .bg-image{
  z-index:-1;
}

.deal-banner .product-deal-count .deal-lable { display:none}
.deal-banner .product-deal-count .deal-clock { display:inline-block;text-align:center;width:100%;margin-top:0rem;margin-bottom: 0px;z-index:1; transition: all 0.3s linear;position:relative; }
.deal-banner .product-deal-count .deal-clock ul { padding:0px;list-style:none;text-align:center;width: 100%;margin:35px 0; display: flex;     justify-content: center;gap:45px; }
.deal-banner .product-deal-count .deal-clock ul li { padding:10px 0; margin: 0;display:flex;align-items:center;text-align:center;border:none;line-height:normal;min-width:120px;min-height:120px; color:rgba(var(--color-foreground));font-family:var(--font-heading-family);
background: rgba(var(--color-button-text), 0.3);justify-content:space-between;flex-direction:column;font-weight:var(--font-heading-weight);font-size: var(--font-h1-size);border: 1px solid rgba(var(--color-border),var(--color-border-opacity));border-radius:var(--media-radius);position:relative;}
.deal-banner .product-deal-count .deal-clock ul li span { border: none; font-size: calc(var(--font-base-size) - 2px); display: block; min-width: auto; min-height: auto;font-weight:500;font-family:var(--font-body-family);text-transform:uppercase; color:rgba(var(--color-foreground));}
.deal-banner .product-deal-count .deal-clock ul li:before {content:'';position:absolute;background:rgba(var(--color-border),var(--color-border-opacity));bottom:35px;width:100%;height:1px;}
.deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {content:':';position:absolute;right:-30px;top:30px;color:rgb(var(--caption-color));}
.deal-banner .product-deal-count .deal-clock ul li i{display:block}
.deal-banner .product-deal-count{align-items: center;}

 .deal-banner.banner .row{height: 100%;} 
.deal-banner .banner__content{padding:0rem;}

.deal-banner.custom-deal-banner .banner__box{
  background:transparent;
  padding:0;
}
.deal-banner.custom-deal-banner .banner__box .banner__sub_heading{
  text-transform:uppercase;
  letter-spacing:2.6px;
  margin:0;
  font-size:calc(var(--font-base-size) - 4px);
}
.deal-banner.custom-deal-banner .banner__box .banner__heading{
    font-weight: 500;margin:0;
}
.deal-banner .deal-banner-wrapper{    position: relative;height: 100%;}
.deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li{position:relative;/*width: max-content;*/}
.deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li:not(:first-child):before{
  content:'';
  height:2px;
  width:16px;
  background: rgba( var(--color-base-background-1), 0.25);
  display:block;
  position:absolute;
  top:35px;
  z-index:-1;
  right:100%}
.deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li:not(:first-child):after{
  content:'';
  height:2px;
  width:16px;
  background: rgba( var(--color-base-background-1), 0.25);
  display:block;
  position:absolute;
  bottom:35px;
  z-index:-1;
  right:100%}

@media screen and (max-width: 749px) {
.deal-banner.custom-deal-banner .product-deal-count .deal-clock ul{width:100%;justify-content:center;}
.deal-banner .product-deal-count .deal-clock ul li {min-width:110px;min-height:110px; font-size:calc(var(--font-h1-size) * 0.75);padding:8px 0;}  
.deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {right:-22px;top:25px;}  
.deal-banner .product-deal-count .deal-clock ul{gap:30px;}  
.deal-banner .product-deal-count .deal-clock ul li:before{bottom:36px;}  
}
@media screen and (max-width: 576px) {
.deal-banner .product-deal-count .deal-clock ul li{
  font-size: calc(var(--font-h1-size) * .6);
  min-height:100px;
  min-width:100px;
}
 .deal-banner .banner__content{padding:15px;}
 .deal-banner .banner__box{padding:0;}
 .deal-banner .product-deal-count .deal-clock ul{gap:20px;} 
 .deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {display:none;} 
}
@media screen and (max-width: 479px) {
.deal-banner .banner__content{padding:5rem 1rem;}
.deal-banner .product-deal-count .deal-clock ul li{
  font-size:calc(var(--font-h1-size) * .4);
  min-height:80px;
  min-width:55px;
}  
  .deal-banner .product-deal-count .deal-clock ul li:before{bottom:34px;}
  .deal-banner .product-deal-count .deal-clock ul{gap:10px;margin:20px 0;} 
  .deal-banner .product-deal-count .deal-clock ul li span {font-size:calc(var(--font-base-size) * 0.8);}
}
.deal-banner-wrapper .banner__content{height:100%;}

/*custom-style*/
 .deal-banner.custom-list-style .banner__content{    padding: 0rem 7rem;}
.deal-banner .banner__box{padding:0;}
.deal-banner.custom-list-style .banner__box { width: auto; max-width: 100%; min-width: auto; padding: 0; }
.deal-banner .product-deal-count .deal-clock ul{margin:0;}
.deal-banner.custom-list-style .banner__content.banner__content--middle-center {justify-content:space-between;}
.deal-banner.custom-list-style .deal-banner-wrapper{    border-radius: var(--media-radius); overflow:hidden;}
@media screen and (max-width: 1540px) {
   .deal-banner.custom-list-style .banner__content{ padding: 3rem;}
}
@media screen and (max-width: 1200px) {
  .deal-banner.custom-list-style .banner__content{flex-direction:column; gap:20px;}
}

/* ==== section-email-signup-banner.css ==== */
.email-signup-banner .newsletter-form,
.email-signup-banner .newsletter-form__field-wrapper {
  display: inline-block;
}

@media only screen and (min-width: 750px) {
  .email-signup-banner:not(.banner--desktop-transparent) .email-signup-banner__box {
    width: 100%;
  }
}

.email-signup-banner__box .email-signup-banner__heading {
  margin-bottom: 0;
}

.email-signup-banner__box > * + .newsletter__subheading {
  margin-top: 2rem;
}

.email-signup-banner__box .newsletter__subheading p {
  margin: 0;    color: rgba(var(--color-foreground));
}

.email-signup-banner-background {
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* @media screen and (max-width: 749px) {
  .email-signup-banner:not(.banner--mobile-bottom) .banner__box:not(.email-signup-banner__box--no-image) {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
  }
} */

@media only screen and (min-width: 750px) {
  .banner--desktop-transparent .email-signup-banner__box--no-image * {
    color: rgba(var(--color-foreground));
  }

  .banner--desktop-transparent .email-signup-banner__box .field__input {
    background-color: transparent;
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__input {
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__input:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.75);
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__button:focus-visible {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
      0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  }
}

@media only screen and (min-width: 750px) {
  .email-signup-banner-background-mobile {
    display: none;
  }
}

@media only screen and (max-width: 749px) {
  .email-signup-banner-background:not(.email-signup-banner-background-mobile) {
    display: none;
  }
}

.email-signup-banner .banner__media {
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  .banner--mobile-content-align-left .newsletter-form__message {
    justify-content: flex-start;
  }

  .banner--mobile-content-align-right .newsletter-form__message {
    justify-content: right;
  }
}

@media screen and (min-width: 750px) {
  .banner--content-align-center .newsletter-form__message {
    justify-content: center;
  }

  .banner--content-align-right .newsletter-form__message {
    justify-content: right;
  }
}
@media screen and (max-width:749px) and (min-width:577px) {
  .banner:not(.banner--mobile-bottom) .banner__box{width:80%;}
}

@media screen and (max-width:576px) {
  .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{width:85%;} 
  .newsletter-form__field-wrapper .field{flex-direction:column;  align-items: center;}
  .section-email-signup .newsletter-form__button{ margin: 15px 0 0 0;} 
}
/* ==== section-featured-blog.css ==== */
.blog-placeholder {
  margin: 0;
  background: rgb(var(--color-background));
}


.blog__posts.articles-wrapper .article.blog-list-style .article-card-wrapper .card.article-card { width:100%; align-self: self-start; overflow: hidden; display: flex; flex-direction: row; gap: var(--grid-desktop-horizontal-spacing); }


/* new css code */
.blog__posts.articles-wrapper .article.blog-overlay-style .card__inner { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; z-index: 0; }
.blog__posts.articles-wrapper .article.blog-overlay-style { scroll-snap-align: start; position: relative; margin-left: 0; }
.blog__posts.articles-wrapper .blog__post .card--standard>.card__content .card__information { padding:20px 0; }
.featured-blog  .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {  display: flex; align-items: center; justify-content: center; }
.featured-blog  .slider--tablet:after {  content: ""; width: 0; padding-left: 1.5rem; margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); }
.featured-blog  .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {  padding: var(--focus-outline-padding); }
.featured-blog  .slider.slider--tablet { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: auto; }


.featured-blog .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
    display: flex;margin-top:30px;
}

.blog__posts .blog__post.blog-overlay-style .card:not(.ratio)>.card__content { z-index: 1; grid-template-rows: max-content minmax(0,1fr) max-content auto; }



@media screen and (max-width: 576px) {
.page-width-desktop .grid--peek .grid__item {  min-width: 100%; }

}
@media screen and (max-width: 749px) {
 .page-width-desktop .grid--peek.slider .grid__item:first-of-type { margin-left: auto; }
}

@media screen and (max-width: 989px) {
.featured-blog .slider:not(.slider--everywhere):not(.slider--mobile)+.slider-buttons {  display: none; }
 
}


/* new css code */

@media screen and (min-width: 750px) {
  .blog-placeholder {
    margin: 0;
  }
}

.blog-placeholder__content {
  padding: 3rem;
  background: rgba(var(--color-foreground), 0.04);
}

.blog-placeholder .placeholder {
  position: relative;
}
.blog-placeholder .card .media{ position: relative;height:100%;}
.blog-placeholder h2 {
  margin: 0;
}

.blog-placeholder .rte-width {
  margin: 1.2rem 0 0;
  color: rgba(var(--color-foreground), 0.75);
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop .article-card .card__content {
    text-align: center;
  }
}

.blog__title {
  margin: 0;
}

.blog__posts.articles-wrapper {
  margin-bottom: 0;
}

@media screen and (min-width: 990px) {
  .blog__posts.articles-wrapper {
    margin-bottom: 0;
  }
}

.blog__posts.articles-wrapper .article {
  scroll-snap-align: start;
  height:auto;
}

@media screen and (max-width: 749px) {
  .blog__posts.articles-wrapper .article.blog-list-style .article-card-wrapper .card.article-card { flex-direction: column; gap: var(--grid-desktop-horizontal-spacing); }
  
}

.background-secondary .blog-placeholder__content {
  background-color: rgb(var(--color-background));
}


/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (min-width: 750px) {
    .blog__posts .article + .article {
      margin-left: var(--grid-desktop-horizontal-spacing);
    }
  }
}

/*List type*/


.article-card__info span:not(:last-child):after {
    content: "|";
    display: inline-block;
    position: relative;
    padding: 0 20px;
}

.article-card__info span svg{    margin-right: 10px; width:18px; height:18px;fill:currentcolor;}
@media screen and (min-width: 400px) {
.blog-list-style .card.article-card {
    display: flex;
    flex-direction: row;
}

}
@media screen and (max-width: 1540px) {
.blog__posts.articles-wrapper.grid--3-col-desktop .grid__item,
.blog__posts.articles-wrapper.grid--4-col-desktop .grid__item{    
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);}
}
@media screen and (max-width: 990px) {
.blog__posts.articles-wrapper.grid--3-col-desktop .grid__item,
.blog__posts.articles-wrapper.grid--4-col-desktop .grid__item{width: 100%;max-width: 100%;}
}
@media screen and (max-width: 576px) {
.blog__posts.grid--peek.grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
}  
}

/* ==== section-featured-product.css ==== */
/* deal timer start */

.featured-product .deal-clock {
  text-align: center;
}

.featured-product .deal-clock ul{
  list-style: none;
  padding: 0;
}

.featured-product .days, .featured-product .hours, .featured-product .minutes, .featured-product .seconds {
  position: relative;
  display: inline-block;
  margin: 5px;
  border-radius: 100px;
  background-color: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  font-weight: 500;
  line-height: 40px;
  font-size: var(--font-base-size);
}

.featured-product .days span, .featured-product .hours span, .featured-product .minutes span, .featured-product .seconds span {
  display: block;
  line-height: normal;
  font-size: calc(var(--font-base-size) - 10px);
  font-weight: 900;
}

/* deal timer end */

.featured-product .product__media-list {
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
.featured-product .product__media-list.slider.slider--mobile{margin:0;}
.featured-product .global-media-settings:after {
  z-index: 0;
}

/* .featured-product .product__modal-opener {
  margin-bottom: var(--media-shadow-vertical-offset);
} */

.featured-product .product__media-item {
  padding-left: 0;
  width: 100%;
}

/* .featured-product .product__media-item:not(:first-child) {
  display: none;
} */

.background-secondary .featured-product {
  padding: 2.5rem;
}

.featured-product .share-button:nth-last-child(2) {
  display: inline-flex;margin:0;
}

.share-button + .product__view-details {
  display: inline-flex;
  float: right;
  align-items: center;margin:0;
}

.share-button + .product__view-details::after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (min-width: 750px) {
  .featured-product .product__media-item {
    padding-bottom: 0;
  }

  .background-secondary .featured-product {
    padding: 5rem;
  }
  .featured-product .product__media-wrapper,
  .featured-product .product__info-wrapper {width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);}

}

@media screen and (min-width: 990px) {
  .background-secondary .featured-product:not(.product--no-media) > .product__info-wrapper {
    padding: 0  5rem;
  }
 .background-secondary .featured-product {
    padding: 6rem 7rem;
    position: relative;
    z-index: 1;
  }

}



.featured-product .product-deal-count .deal-clock{position:relative; }
/* .product__info-container .product-deal-count{margin:unset;} */
.featured-product .product-deal-count .deal-clock ul li{font-size:var(--font-h4-size);font-weight:500;color:rgba(var(--color-link-hover));background:transparent;padding:0;display:flex;align-items:center;position:relative;line-height:normal;margin:0;}
.featured-product .product-deal-count .deal-clock ul{padding:0;margin:0;border:1px solid rgba(var(--color-link-hover), 0.6);padding:10px 20px;display:flex;align-items:center;width:max-content;gap:18px;background: rgba(var(--color-link-hover),0.2);border-radius: var(--media-radius);}
.featured-product .product-deal-count .deal-clock ul li span{font-size:var(--font-base-size);font-weight:500;text-transform:capitalize;line-height:normal;margin:10px 0 0 6px;color:rgba(var(--color-link-hover));display:flex;align-items:center;}
.featured-product .product-deal-count .deal-clock ul li:not(:last-child):after{content:':';color:currentcolor;display:block;font-size:var(--font-base-size);position:absolute;right:-12px;}
.product--thumbnail button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow[aria-current="true"] {
    border: 2px solid rgb(var(--color-border));
}
.featured-product:not(.product--no-media) > .product__info-wrapper {padding: 0 6rem;}
@media screen and  (max-width: 1439px){
.featured-product:not(.product--no-media) > .product__info-wrapper {padding: 0 4rem;}  
.featured-product .product__info-container .product__title h2.h1{font-size: calc(var(--font-h1-size) * 0.8);}  
}
@media screen and  (max-width: 1540px) and (min-width:1025px){
.product--thumbnail_slider:not(.product--no-media) .slider-mobile-gutter:not(.thumbnail-slider){display: block; position: sticky;top: 3rem; z-index: 2;margin-top: 0;}
  .product--thumbnail_slider_left .thumbnail-slider .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide:last-child{margin:0;}
}
@media screen and  (max-width: 990px) and (min-width:750px){
.featured-product .product-deal-count .deal-clock ul li{font-size:calc(var(--font-h4-size) - 4px);}
.featured-product .product-deal-count .deal-clock ul{padding: 5px 10px;gap: 10px;} 
.featured-product .product-deal-count .deal-clock ul li span{font-size:calc(var(--font-base-size) - 2px);}  
.featured-product .product-deal-count .deal-clock ul li:not(:last-child):after{right:-8px;}   
.featured-product:not(.product--no-media) > .product__info-wrapper {padding: 0 0 0 2rem;} 
  .featured-product .product__info-container .icon-with-text{ flex-wrap: wrap;gap: 10px;}
.featured-product .product__info-container .product__title h2.h1{font-size: calc(var(--font-h1-size) * 0.6);}    
}
@media screen and (max-width: 749px) {
.featured-product .product__xr-button[data-shopify-xr-hidden] {display: none;}
.featured-product:not(.product--no-media) > .product__info-wrapper,  
.featured-product.product--stacked.product--no-media .product__info-wrapper.grid__item {padding: 30px 0 0;}
.featured-product .product__info-container .product__title h2.h1{font-size: calc(var(--font-h1-size) * 0.6);}      
}
@media screen and  (max-width: 480px){
.featured-product .product-deal-count .deal-clock ul li{font-size:calc(var(--font-h4-size) - 6px);}
.featured-product .product-deal-count .deal-clock ul{padding: 5px 10px;gap: 10px;}  
.featured-product .product-deal-count .deal-clock ul li span{font-size:calc(var(--font-base-size) - 4px);margin:10px 0 0 4px;}  
.featured-product .product-deal-count .deal-clock ul li:not(:last-child):after{right:-8px;}  
.featured-product .product__info-container .product__title h2.h1{font-size: calc(var(--font-h1-size) * 0.4);}   
}
/* ==== section-flex-banner.css ==== */

.flex-banner .image-bar__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
  }

  
  .flex-banner .image-bar__item.content-start.text-start .image-gallery-overlay {top:0;left:0;}
  .flex-banner .image-bar__item.content-end.text-start .image-gallery-overlay {bottom:0;left:0;}
  .flex-banner .image-bar__item.content-start.text-end .image-gallery-overlay {top:0;right:0;}
  .flex-banner .image-bar__item.content-end.text-end  .image-gallery-overlay {bottom:0;right:0;}
  .flex-banner .image-bar__item.content-center.text-center .image-gallery-overlay {left: 0;right: 0;top: 0;bottom: 0;}
  .flex-banner .image-bar__item.content-start.text-center .image-gallery-overlay {left: 0;right: 0;top: 0;}
  .flex-banner .image-bar__item.content-end.text-center .image-gallery-overlay {left: 0;right: 0;bottom: 0;}
  .flex-banner .image-bar__item.content-center.text-start .image-gallery-overlay {left: 0;top: 0;bottom: 0;}
  .flex-banner .image-bar__item.content-center.text-end .image-gallery-overlay {right: 0;top: 0;bottom: 0;}

  .flex-banner .image-bar__item.text-start .image-gallery-overlay {text-align:left;align-items: flex-start;}
  .flex-banner .image-bar__item.text-end .image-gallery-overlay {text-align:right;align-items: flex-end;}
  .flex-banner .image-bar__item.text-center .image-gallery-overlay {text-align: center;align-items: center;}
  .flex-banner .image-bar__item.text-end .block-description{left:20px;right:auto}
  .flex-banner .image-bar__item .image-gallery-overlay {
  	position: absolute;  display: flex;text-align:left; justify-content: center;flex-direction: column;opacity: 1;transition: all var(--duration-default) linear;padding:30px;color:rgba(var(--color-foreground));
/*     background: {{ settings.primary_color  | color_modify: 'alpha', 0.5 }}; 
    background: {{ section.settings.image_overlay_color  | color_modify: 'alpha', 0.5 }};  */
    max-width: 500px; margin:auto; align-items:center;

  }
  
  .flex-banner .image-bar__item:hover .image-gallery-overlay {
    opacity: 1; 
  }
   
  .flex-banner .image-bar__item .image-gallery-overlay > *:not(:last-child) { margin: 0 0 10px; }
  .flex-banner .image-bar__item .image-gallery-overlay .image-overlay-title { position: relative;margin:0;display: flex;align-items: center;color: {{ section.settings.image_link_text_color }};font-size: var(--font-h6-size);font-weight: 500; } 
  .flex-banner .image-bar__item img { height: 100%;width: 100%;object-fit: cover; }
 

  .flex-banner .image-bar__section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
  }

  .flex-banner .image-bar__section .image-bar__section-inner { margin: 0;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;padding:0; }
  .flex-banner .image-bar__section .dt-sc-image-list-btn { position: absolute; padding: 20px 80px; border-radius: var(--DTRadius);
    z-index: 1;
    }
  
  
  .flex-banner  .image-bar__section-inner .image-bar__item:before{content:'';position: absolute;width: 100%; height: 100%; opacity: 0;left:-100%;top:0;transition: all var(--duration-default) linear;background:rgba(var(--color-background), 0.8);z-index:0;}
  .flex-banner  .image-bar__section-inner .image-bar__item:hover:before{opacity:1;left:0;}
  .flex-banner .image-bar__item .image-gallery-overlay{z-index:0;}

  
/*   ----------------------------dt-sc-collection-flex-banner------------------------ */
.flex-banner .image-bar__item .image-gallery-overlay h6.block-sub-title,
.flex-banner .image-bar__item .block-description{
    text-transform: uppercase;
}
/* .flex-banner .image-bar__item .image-gallery-overlay h4.block-main-title{margin:0;} */
.flex-banner .image-bar__item .block-description a{
      color: rgba(var(--color-foreground)); transition: all var(--duration-default) linear;
}
.flex-banner .image-bar__item .block-description a:hover{ color: rgb(var(--color-link-hover));}
flex-slider.large-up-hide {
    cursor: pointer;
}
/* .flex-banner .image-bar__item .image-gallery-overlay h3.block-main-title {
    font-size: var(--font-h2-size);
    font-weight:400;margin:0;
} */
.flex-banner .image-bar__item .block-description {
    writing-mode: vertical-lr;
    position: absolute;
    top: 20px;
    right: 20px;
    transform: rotate(180deg);
    font-size: calc(var(--font-base-size) - 2px);
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 22px;margin:0;
}
.flex-banner .image-bar__item .block-description {
    transition: all 0.3s linear;
}
.flex-banner .image-bar__item .block-description:hover {
    color: rgb(var(--color-link-hover));
}
 .flex-banner .image-bar__item .image-gallery-overlay {
    text-align: center;
    /* transform: translateY(50px); */
    opacity: 0;
/*      transition:1s ease; */
}
.flex-banner .image-bar__item{
transition: .8s;
}
.flex-banner .image-bar__item:hover .image-gallery-overlay{
  opacity:1;
  /* transform: translateY(0); */
/*     transition-delay: 0.8s; */
    transition: all 0.3s linear;
}
 .flex-banner .image-bar__item .image-gallery-overlay a.button.button--primary{
    width: fit-content;
    min-width: fit-content;
    height: fit-content;
    min-height: fit-content;
    padding: 0;
    background: transparent;
    border-bottom: 1px solid;
    border-radius: 0;
    line-height: 2.5rem;
    display: inline;
    font-size: var(--font-base-size);
    color: rgba(var(--color-foreground));
 }
 .flex-banner .image-bar__item .image-gallery-overlay a.button.button--primary:hover{
  color: rgb(var(--color-link-hover));
 }
 /* .flex-banner .image-bar__item .image-gallery-overlay:hover {
    backdrop-filter: blur(5px);
} */

.flex-banner .flex-banner-link{width:100%;height:auto;transition:all 0.3s linear;}

@media screen and (min-width: 750px) and (max-width: 989px){
 .flex-banner .image-bar__section.medium-hide {display:none;}
  .flex-banner .image-bar__item .block-description a:first-child{display:none;}
}
/* @media screen and (max-width: 990px){
.flex-banner .image-bar__item:hover .flex-banner-link{    background: rgba(var(--color-base-background-1),0.5);}
} */


/* @media screen and (max-width: 400px){
.flex-banner .image-bar__item .block-description{
      color:var(--gradient-background);
      writing-mode: unset;
      transform: rotate(0deg);
      display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
  .flex-banner .image-bar__item .block-description a {
    color: var(--gradient-background);
    padding: 10px;
    border: 2px solid;
    border-color:var(--gradient-background);
}
  .flex-banner .image-bar__item .block-description a:hover{color:var(--color-icon); border-color:var(--color-icon);}
} */
/* ==== section-footer.css ==== */
.footer {
  /* border-top: 0.1rem solid rgba(var(--color-foreground), 0.08); */
  position: relative;
  z-index: 0;
}
 .footer--border-bottom {
    border-top: 0.1rem solid rgb(var(--color-border));
 }
.footer:not(.color-background-1) {
  border-top: none;
}

.footer__content-top {
  padding-bottom: 0rem;
  display: block;
  position: relative;
}
footer .banner__media.media {
  position: unset;
}
@media screen and (max-width: 749px) {
  .footer .grid {
    display: block;
  }

  .footer-block.grid__item {
    padding: 0;
    margin: 0rem 0;
    width: 100%;
    max-width:100%;
  }

  .footer-block.grid__item:first-child {
    margin-top: 0;
  }

  .footer__content-top {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .footer__content-top .grid {
    row-gap: 3.5rem;
    margin-bottom: 0;
  }
}

.footer__content-bottom {
  position: relative;
}

.footer__content-bottom:only-child {
  border-top: 0;
}

.footer__content-bottom-wrapper {
  display: flex;
  width: 100%;
  margin-top: 0; padding: 15px 0;
  border-top: 1px solid rgba( var(--color-foreground), 0.2);
}


.footer__localization:empty + .footer__column--info {
  align-items: center;
}

@media screen and (max-width: 749px) {
  .footer__localization:empty + .footer__column {
    padding-top: 1.5rem;
  }
}
.footer__column {
  width: 100%;
  align-items: flex-end;
}

.footer__column--info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap:10px;
}

@media screen and (min-width: 990px) {
  .footer__column--info {
    padding-left: 0;
    padding-right: 0;
    flex-direction: row;
  }
}

@media screen and (min-width: 750px) {
  .footer-block {
    display: block;
    margin-top: 0;
  }
}

.footer-block:empty {
  display: none;
}

.footer-block--newsletter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0rem;
}

.footer-block--newsletter:only-child {
  margin-top: 0;
}

.footer-block--newsletter > * {
  flex: 1 1 100%;
}

@media screen and (max-width: 749px) {
  .footer-block.footer-block--menu:only-child {
    text-align: left;
  }
}

@media screen and (min-width: 750px) {
  .footer-block--newsletter {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.footer-block__heading {
  margin-bottom: 2.5rem;
  margin-top: 0;
  font-size: calc(var(--font-h4-size) - 2px);
  font-weight: var(--font-heading-weight);
  z-index: 99;
}

@media screen and (min-width: 990px) {
  .footer-block__heading {
    font-size: var(--font-h4-size);
    font-weight: var(--font-heading-weight);
  }
}

.footer__list-social:empty,
.footer-block--newsletter:empty {
  display: none;
}
.footer__list-social.list-social{margin:0;}
.footer__list-social.list-social.left:only-child {
  justify-content: flex-start;
}
.footer__list-social.list-social.center:only-child {
  justify-content: center;
}
.footer__list-social.list-social.right:only-child {
  justify-content: flex-end;
}
.footer__list-social.list-social .list-social__item{padding: 0;}
.footer__list-social.list-social .list-social__item:not(:last-child){margin:0 15px 0 0;}
.footer__list-social.list-social .list-social__item a{padding:10px 0}
.footer-block__details-content.footer-block--newsletter.left .list-social {
  justify-content: flex-start;
}
.footer-block__details-content.footer-block--newsletter.center .list-social {
  justify-content: center;
}
.footer-block__details-content.footer-block--newsletter.right .list-social {
  justify-content: flex-end;
}

.newsletter-form__field-wrapper {
  max-width: 70rem;
}

@media screen and (min-width: 750px) {
  .footer-block__newsletter:not(:only-child) {
    text-align: left;
  }

  .footer-block__newsletter:not(:only-child) .footer__newsletter {
    justify-content: flex-start;
    margin: 0;
  }

  .footer-block__newsletter:not(:only-child)
    .newsletter-form__message--success {
    left: auto;
  }
}

.footer-block__newsletter + .footer__list-social {
  margin-top: 3rem;
}

@media screen and (max-width: 749px) {
  .footer__list-social.list-social {
    justify-content: center;
  }
}

@media screen and (min-width: 750px) {
  .footer-block__newsletter + .footer__list-social {
    margin-top: 0;
  }
}

.footer__localization {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 1rem 1rem 0;
}

.footer__localization:empty {
  display: none;
}

.localization-form {
  display: flex;
  flex-direction: column;
  flex: auto 1 0;
  padding: 1rem;
  margin: 0 auto;
}

.localization-form:only-child {
  display: inline-flex;
  flex-wrap: wrap;
  flex: initial;
  padding: 1rem 0;
}

.localization-form:only-child .button,
.localization-form:only-child .localization-form__select {
  margin: 1rem 1rem 0.5rem;
  flex-grow: 1;
}

.footer__localization h2 {
  margin: 1rem 1rem 0.5rem;
  color: rgba(var(--color-foreground), 0.75);
}

.header__icons   localization-form .disclosure__list-wrapper {
  top: 100%;
  bottom: unset;
}
@media screen and (min-width: 750px) {
  .footer__localization {
    padding: 0.4rem 0;
    justify-content: flex-start;
  }

  .localization-form {
    padding: 1rem 2rem 1rem 0;
  }

  .localization-form:first-of-type {
    padding-left: 0;
  }

  .localization-form:only-child {
    justify-content: start;
    width: auto;
    margin: 0 1rem 0 0;
  }

  .localization-form:only-child .button,
  .localization-form:only-child .localization-form__select {
    margin: 1rem 0;
  }

  .footer__localization h2 {
    margin: 1rem 0 0;
  }
}

@media screen and (max-width: 989px) {
  noscript .localization-form:only-child,
  .footer__localization noscript {
    width: 100%;
  }
}

.localization-form .button {
  padding: 1rem;
}

.localization-form__currency {
  display: inline-block;
}

@media screen and (max-width: 749px) {
  .localization-form .button {
    word-break: break-all;
  }
}

.localization-form__select {
  border-radius: var(--inputs-radius-outset);
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  text-align: left;
  min-height: calc(4rem + var(--inputs-border-width) * 2);
  min-width: calc(7rem + var(--inputs-border-width) * 2);
}

.disclosure__button.localization-form__select {
  padding: calc(2rem + var(--inputs-border-width));
  background: rgb(var(--color-background));
}

noscript .localization-form__select {
  padding-left: 0rem;
}

@media screen and (min-width: 750px) {
  noscript .localization-form__select {
    min-width: 20rem;
  }
}

.localization-form__select .icon-caret {
  position: absolute;
  content: "";
  height: 0.6rem;
  right: calc(var(--inputs-border-width) + 1.5rem);
  top: calc(50% - 0.2rem);
}

.localization-selector.link {
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: rgb(var(--color-foreground));
  width: 100%;
  padding-right: 4rem;
  padding-bottom: 1.5rem;
}

noscript .localization-selector.link {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}

.disclosure .localization-form__select {
  padding-top: 1.5rem;
}

.localization-selector option {
  color: #000000;
}

.localization-selector + .disclosure__list-wrapper {
  margin-left: 0;
  opacity: 1;
  animation: animateLocalization var(--duration-default) ease;
}

.theme__default-footer_style .footer__blocks-wrapper li.office-mail a {
  display: unset !important;
}
.footer__copyright {
  text-align: center;
  margin: 0;
  }
.footer__copyright .copyright__content p{margin:0;font-size:var(--font-base-size);}

@media screen and (min-width: 750px) {
  .footer__copyright {
    text-align: right;
  }
}

@keyframes appear-down {
  0% {
    opacity: 0;
    margin-top: -1rem;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

.footer-block__details-content:not(.list-menu--inline) {
  margin-bottom: 1rem;
  justify-content: center;
}
.footer-block__details-content > p,
  .footer-block__details-content > li {
    padding: 0;line-height: normal;
  }
.footer-block__details-content > p,
.footer-block__details-content > li:not(:last-child),
.footer-block__address .contact-info li:not(:last-child) {
    margin-bottom: 22px;
  }

@media screen and (min-width: 750px) {
  .footer-block__details-content {
    margin-bottom: 0;
  }

  

  .footer-block:only-child li {
    display: inline;
  }
}
.footer-block__details-content > li:not(:last-child) {
  position: relative;
}

.footer-block__details-content .list-menu__item--link,
.copyright__content a {
  transition: all 0.3s linear;
  display: inline-flex; line-height: normal;
  padding:0;
  color: rgba(var(--color-foreground), 0.7);
}

.footer-block__details-content .list-menu__item--active {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
}

.footer-block__details-content .list-menu__item--link:hover,
.copyright__content a:hover {
  color:rgb(var(--color-link-hover));
}
@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--active:hover {
    text-decoration-thickness: 0.2rem;
  }
}


@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link {
    padding: 0;
  }

}

@media screen and (max-width: 749px) {
  .footer-block-image {
    text-align: center;
  }
}

.footer-block-image > img {
  height: auto;
}

.footer-block__details-content .placeholder-svg {
  max-width: 20rem;
}

.copyright__content a {
  color: currentColor;
  text-decoration: none;
}

@keyframes animateLocalization {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(-1rem);
  }
}

.footer .disclosure__link {
  padding: 0.95rem 3.5rem 0.95rem 2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.footer .disclosure__link:hover {
  color: rgb(var(--color-foreground));
}

.footer .disclosure__link--active {
  text-decoration: underline;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (max-width: 749px) {
    .footer .grid {
      margin-left: 0;
    }
  }

  @media screen and (min-width: 750px) {
    .footer__content-top .grid {
      margin-left: -3rem;
    }

    .footer__content-top .grid__item {
      padding-left: 3rem;
    }
  }
}
footer ul.footer-social-icons li {
    list-style: none;
}

footer ul.footer-social-icons{
    display: flex;
    flex-wrap: wrap;margin:0;padding:0;
}
footer ul.footer-social-icons li:not(:last-child){margin-right:10px;}
footer ul.footer-social-icons li a{padding:10px 0;}
footer ul.contact-info li svg {  margin-right: 10px;fill: rgba(var(--color-foreground));width: 20px;height: 20px;min-width:20px;}
.footer-block__address .contact-info li{display:flex;}
footer ul.contact-info address{font-style:normal;display:flex;align-items:flex-start;} 
footer ul.contact-info address p{margin:0;}
.theme__default-footer_style .footer__blocks-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme__default-footer_style .footer__column--info {
  align-items: center;
}
footer .newsletter-form__field-wrapper .newsletter-form__button{width: auto;padding: 0 40px;height:55px;position:relative;text-transform:uppercase;margin:0;background-color: rgb(var(--color-button));color: rgb(var(--color-button-text)); border-radius: var(--buttons-radius);}
footer .newsletter-form__field-wrapper .newsletter-form__button:hover{background-color: rgb(var(--color-hover-button));color: rgb(var(--color-button-hover-text));}
.footer-newsletter.left .newsletter-form{margin:0;margin-right:auto;     align-items: flex-start;}
.footer-newsletter.right .newsletter-form{margin:0;margin-left:auto; align-items: flex-end;}
.footer-block__address .contact-info li a,
.footer-block__address .contact-info li.office-hours{display:inline-flex;align-items:center;}
footer .footer-block__details-content.list-menu--inline li:not(:last-child){margin:0 10px 0 0;}
footer .footer-block__details-content.list-menu--inline.right{justify-content:flex-end;}
footer .footer-block__details-content.list-menu--inline.left{justify-content:flex-start;}
footer .footer-block__details-content.list-menu--inline.center{justify-content:center;}
footer .footer-block__address { margin-bottom: 1rem;}
footer .footer-text.center .social-icons, .footer_address.center .footer-block__address .contact-info li, .footer_address.center .social-icons{display: flex; justify-content: center;}
footer .footer-text.right .social-icons, .footer_address.right .footer-block__address .contact-info li, .footer_address.right .social-icons{display: flex; justify-content: flex-end;}
.footer .footer-text .footer-block__details-content p{line-height:var(--font-body-line-height);}


@media screen and (max-width: 767px) {
   .footer-block:first-child{padding-top:0;}
 .footer-block.footer-block--menu.footer-links h2.footer-block__heading{position:relative; cursor: pointer; display: flex;align-items: center;margin:0;transition: all 0.3s linear;}
 .footer-block.footer-block--menu.footer-links h2.footer-block__heading:after { content: ""; background: currentcolor; width: 15px; height: 2px; right: 0; margin: auto; position: absolute; top: 10px;transition: all 0.3s linear;}
 .footer-block.footer-block--menu.footer-links h2.footer-block__heading:before { content: ""; height: 15px; width: 2px; position: absolute; right: 6px;opacity:1; background: currentcolor; margin: auto;transition: all 0.3s linear;}
 .footer-block.footer-block--menu.footer-links.open h2.footer-block__heading:before{opacity:0}
  .footer-block.footer-block--menu.footer-links h2.footer-block__heading:hover{opacity:0.7;}
  .footer-block.footer_address h2.footer-block__heading{position:relative; cursor: pointer; display: flex;align-items: center;margin:0;transition: all 0.3s linear;}
 .footer-block.footer_address h2.footer-block__heading:after { content: ""; background: currentcolor; width: 15px; height: 2px; right: 0; margin: auto; position: absolute; top: 10px;transition: all 0.3s linear;}
 .footer-block.footer_address h2.footer-block__heading:before { content: ""; height: 15px; width: 2px; position: absolute; right: 6px;opacity:1; background: currentcolor; margin: auto;transition: all 0.3s linear;}
 .footer-block.footer_address.open h2.footer-block__heading:before{opacity:0;}
 .footer-block.footer_address .footer-block {margin-top:15px;overflow:hidden;}
  
  .footer-block__details-content{text-align:left;}
  .footer-block__details-content.center p {text-align: center;}
  .footer-block__details-content.footer_menu {margin-top:15px;}

  .footer-links .footer_menu{display:none;}
  .footer-links.open .footer_menu { display: block; transition: all .5s ease-in-out;}
  .footer_address .footer-block  {display:none;}
  .footer_address.open .footer-block{ display: block; transition: all .5s ease-in-out;}
  .shopify-section.reveal .footer_menu>li>a {   animation: fadeInDown 1s ease-out .05s both;}
  .shopify-section.reveal .footer_address .footer-block>ul>li { animation: fadeInDown 1s ease-out .05s both;}
  .footer .list-payment{padding:0;}
  }
 .footer .newsletter-form {max-width:100%}

.footer .footer-text .footer-block__details-content{    margin-top: 15px; margin-bottom: 35px}
footer ul.footer-social-icons li a {
    padding: 0px;
    border: 1px solid rgb(var(--color-foreground));
    color: rgb(var(--color-foreground));
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer  .list-social__item .icon {
    height: 15px;
    width: 15px;
}
footer .newsletter-form__field-wrapper .field__input{    border: 1px solid rgba(var(--color-foreground), 0.2);background:transparent;height: 5.5rem;color:rgba(var(--color-foreground));margin:0;}
footer .newsletter-form__field-wrapper .field__input:focus{    border: 1px solid rgba(var(--color-foreground), 0.8);}
.footer .footer-text .footer-block__details-content{margin-top:25px;max-width:410px;}
.footer .footer-newsletter .footer-block__heading {font-size: var(--font-h3-size);    margin-bottom: 3.5rem;}
@media screen and (max-width:990px){
  .footer .footer-newsletter .footer-block__heading{font-size: calc(var(--font-h3-size) * .8);}
}
@media screen and (max-width: 576px) {
.footer .footer-text .footer-block__details-content{margin-bottom: 20px}
.footer .footer-newsletter .footer-block__heading {font-size: calc(var(--font-h3-size) * 0.7); }  
}
/* ==== section-form-image.css ==== */
.section.form-image .contact img {
  max-width: 100%;
}

.section.form-image .contact .form__message {
  align-items: flex-start;
  border: none; 
  box-shadow: none;
  outline: none;
  outline-offset: unset;margin-top: 0;
}

.section.form-image .contact .icon-success {
  margin-top: 0.4rem;
}

.section.form-image .contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
 .section.form-image .contact .field {
    margin-bottom: 2rem;
  }
}

.section.form-image .contact__button {
  margin-top: 2rem;
}

@media screen and (min-width: 750px) {
 .section.form-image  .contact__button {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 2rem;
  }
}

 .section.form-image .field .field__input{padding:1rem 2rem;}
.grecaptcha-badge {
  visibility: hidden;
}
/* form#ContactForm{ margin-top:5rem;} */

.field__input{ border: 1px solid rgba(var(--color-border), 0.2); background-color: rgb(var(--color-input)); overflow:hidden;}
.section.form-image .form-contact{    display: flex; align-content: center; align-items: center; flex-wrap: wrap;gap:30px; }
.section.form-image  .contact .title-wrapper--no-top-margin span{    
  display: block;
    font-size: var(--font-h2-size);
    color: var(--color-icon);
    font-weight: 400;
    margin-bottom: 30px;
    font-family: var(--font-heading-family);}

.collapsible_address-block .address-blocks{display: grid;grid-template-columns: repeat(3, 1fr);}
.collapsible_address-block .address-blocks li {display: flex; flex-direction: column; text-align: center;}


.collapsible_address-block .address-blocks li span svg{width:2.4rem;height:2.4rem; fill:currentcolor;}
.collapsible_address-block .address-blocks li .contact-icons{display: flex;justify-content:center;margin-bottom:20px;}
.collapsible_address-block .address-blocks li a{width:max-content;margin:0 auto;}
.form-contact .map-contact-detail {margin-top: 0px;width:100%;}
.form-contact .layout-contact-left{margin-top: 30px;}
.form-contact .collapsible_address-block .address-block-heading{text-align:center;margin:0 0 10px;}
.form-contact .collapsible_address-block .address-block-desc{margin:0 0 50px;text-align:center;}

@media (max-width:576px){
/* .section.form-image .contact .title{ font-size:calc(var(--font-h2-size) - 6px);} */
.collapsible_address-block .address-blocks{grid-template-columns: repeat(1, 1fr);grid-gap:30px;} 
.section.form-image .form-contact.form-with-image .collapsible_address-block .address-blocks li:not(:last-child) {border:none;}  
}
.map-contact-detail .collapsible_address-block .social-icons ul li:not(:last-child){margin-bottom:0;}
.map-contact-detail .collapsible_address-block .social-icons ul li svg{margin-right:0; margin-left:0; height: 16px; width: 16px;}
.newsletter-checkbox label input[type="checkbox"]{margin-top:5px;}
.newsletter-checkbox label{display: flex; align-items: flex-start;}
/* custom css */

.section.form-image .custom-contact-page  .form-contact.form-with-image{display: grid;grid-template-columns: repeat(3, 1fr);gap: 100px;}
.section.form-image .custom-contact-page .form-contact.form-with-icon .contact, .section.form-image .custom-contact-page .form-contact.form-with-icon .cont-img,
.section.form-image .custom-contact-page .form-contact.form-with-icon .map-contact-detail{width:100%;}
.section.form-image .custom-contact-page .form-contact.form-with-icon .map-contact-detail{order:-1;}
.section.form-image .custom-contact-page .form-contact.form-with-icon .contact{order:1;}
.section.form-image .custom-contact-page .soicallist-icons li.list-social__item a{width:30px;height:30px;padding:0;}
.section.form-image .custom-contact-page .soicallist-icons li.list-social__item a svg{width:15px;height:15px;}
.section.form-image .custom-contact-page .soicallist-icons{margin:16px 0 0;}
.section.form-image .custom-contact-page .contact__button{        margin-top: 4rem;}
.section.form-image .custom-contact-page .collapsible_address-block .address-blocks li a{    color: rgba(var(--color-foreground), 0.6);}
.section.form-image .custom-contact-page .collapsible_address-block .address-blocks li a:hover{color:rgb(var(--color-link-hover))}
@media (max-width:1540px){
 .section.form-image .custom-contact-page  .form-contact.form-with-image{gap:60px;} 
}
@media (max-width:1199px){
.section.form-image .custom-contact-page .form-contact.form-with-icon .map-contact-detail{    grid-column: 1 / 3;}
.section.form-image .custom-contact-page  .form-contact.form-with-image{grid-template-columns: repeat(2, 1fr);column-gap: 30px;} 
.section.form-image .custom-contact-page .soicallist-icons{margin:0 0 0 16px;}
.section.form-image .custom-contact-page .form-contact.form-with-icon .social-icons {margin-top: 3rem;} 
}
@media (max-width: 575px) {
.section.form-image .custom-contact-page .form-contact.form-with-icon .collapsible_address-block .address-blocks {grid-template-columns: repeat(2, 1fr);}
  .section.form-image .custom-contact-page .form-contact.form-with-icon .collapsible_address-block .address-blocks li:last-child{    grid-column: 1 / 3;}
  .section.form-image .custom-contact-page .form-contact.form-with-icon .map-contact-detail{    grid-column: 1 / 1;}
.section.form-image .custom-contact-page  .form-contact.form-with-image{grid-template-columns: repeat(1, 1fr);column-gap: 30px;row-gap:30px;} 
}
@media (max-width: 449px) {
.section.form-image .custom-contact-page .form-contact.form-with-icon .collapsible_address-block .address-blocks {grid-template-columns: repeat(1, 1fr);}
  .section.form-image .custom-contact-page .form-contact.form-with-icon .collapsible_address-block .address-blocks li:last-child{    grid-column: 1 /1;}
}
/* ==== section-grid-banner.css ==== */
.grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(3,1fr);}
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(4,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(5,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(6,1fr);}
.grid-banner .grid-banner-section { column-gap: var(--grid-desktop-vertical-spacing); row-gap: var(--grid-desktop-vertical-spacing);}  
@media screen and (max-width: 1199px) and (min-width: 768px) {
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(3,1fr);}

}
 @media screen and (max-width:1440px) {
    .grid-banner .grid-banner-section .grid-banner-content .grid-banner-inner h4{font-size:calc(var(--font-h4-size) - 4px);}  
 }

 @media screen and (max-width:1199px) {
.grid-banner .grid-banner-section.three-column.list, .grid-banner-section.two-column.list, .grid-banner-section.four-column.list,
.grid-banner-section.five-column.list, .grid-banner-section.six-column.list  { display: grid;  grid-template-columns: repeat(2,1fr);}
 }
 @media screen and (max-width:767px) {
 .grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}
 .grid-banner .grid-banner-section.three-column.list, .grid-banner-section.two-column.list, .grid-banner-section.four-column.list,
.grid-banner-section.five-column.list, .grid-banner-section.six-column.list  { display: grid;  grid-template-columns: repeat(1,1fr);}  
  /* .grid-banner-wrapper:nth-last-child(1):nth-child(odd) {
    display: grid;
    grid-column: 1/-1;
} */
 }
 @media screen and (max-width: 480px) {
.grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);} 
 }
.grid-banner .title-wrapper-with-link.content-align--left{align-items: flex-start;}
.grid-banner .title-wrapper-with-link.content-align--center{align-items: center;}
.grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;border-radius: var(--media-radius);border: 1px solid rgba(var(--color-border), 0.06);
}
.grid-banner-inner.banner--content-align-center {
    align-items: center;
    text-align: center;
}
.grid-banner-inner.banner--content-align-right {
    align-items: flex-end;
    text-align: right;
}
.grid-banner-inner.banner--content-align-left {
    align-items: flex-start;
    text-align: left;
}


/* .grid-banner .grid-banner-section:not(.background-none) .grid-banner-wrapper {
  background: rgb(var(--color-background));
} */
.grid-banner-block-image {
    display: flex;
    width:100%;
}

.grid-banner  .grid-banner-section.grid.background-primary .grid-banner-content,
.grid-banner  .grid-banner-section.list.background-primary .grid-banner-content{
    background: rgb(var(--color-background));
}

.grid-banner-block-image img, .grid-banner-block-image .placeholder-svg{width:100%; border-radius: var(--media-radius); height:100%;}
.grid-banner-inner h4.main-title{margin:0;}
.grid-banner-section .dt-sc-grid-banner-section.background-primary .grid-banner-wrapper {
  background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04));
}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{color:var(--color-foreground);}
.grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a:hover{color: rgb(var(--color-link-hover));}
.grid-banner-section.grid .grid-banner-wrapper .grid-banner-content  .grid-banner-inner {  padding: 20px 0;}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner > *:not(:last-child){margin-bottom:20px;}
.grid-banner-wrapper .grid-banner-content .grid-banner-inner > *{margin-top:0;margin-bottom: 0;}
.grid-banner-wrapper .grid-banner-content .grid-banner-inner>*:not(:last-child){margin-bottom:10px;}
.grid-banner-wrapper .grid-banner-content .grid-banner-inner { padding: 15px;}
 .grid-banner-wrapper .swiper-wrapper { cursor: grab;}
/*Overlay style*/
.grid-banner-section.overlay .grid-banner-wrapper{  position: relative;}
.grid-banner-slider.overlay .swiper-slide{ position: relative;}
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-block-image, .grid-banner-slider.overlay .swiper-slide .grid-banner-block-image {width:100%; height:100%; }
.overlay  .grid-banner-content{    position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;  padding: 20px;display: flex; }
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner, .grid-banner-slider.overlay .swiper-slide .grid-banner-content .grid-banner-inner {display: flex;  flex-direction: column;}
.grid-banner-section.overlay.background-none .grid-banner-wrapper .grid-banner-content{background:rgba(var(--color-background),0);}

.overlay  .grid-banner-content.top-left{ top:0;bottom:0;left:0;right:auto;}
.overlay  .grid-banner-content.top-center{ top:0;bottom:0;left:0;right:0;justify-content: center}
.overlay  .grid-banner-content.top-right{ top:0;bottom:auto;left:auto;right:0;}
.overlay  .grid-banner-content.middle-left{ top:0;bottom:0;left:0;right:auto;align-items: center;}
.overlay  .grid-banner-content.middle-center{ top:0;bottom:0;left:0;right:0;justify-content: center;align-items: center;}
.overlay  .grid-banner-content.middle-right{ top:0;bottom:0;left:auto;right:0;align-items: center;}
.overlay  .grid-banner-content.bottom-left { top:auto;bottom:0;left:0;right:auto;}
.overlay  .grid-banner-content.bottom-center{ top:auto;bottom:0;left:0;right:0;justify-content: center;}
.overlay  .grid-banner-content.bottom-right{ top:auto;bottom:0;left:auto;right:0;}

/*List style*/
.grid-banner-slider.list .swiper-slide, .grid-banner-section.list .grid-banner-wrapper { display: flex; height: auto;justify-content:space-between;}
.grid-banner-slider.list .swiper-slide .grid-banner-block-image, .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image { width: 50%;}
.grid-banner-slider.list .swiper-slide .grid-banner-content, .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {  display: flex; align-items: center; justify-content: left;}
.grid-banner-section .grid-banner-wrapper .sub-main-heading{position:absolute;z-index:1;}
.grid-banner-section .grid-banner-wrapper{position:relative;overflow:hidden;}
grid-slider.grid-banner-slider.list  .grid-banner-content{padding:20px;}
 @media screen and (max-width: 750px) {
.grid-banner-slider.list .swiper-slide , .grid-banner-section.list .grid-banner-wrapper { display: flex; flex-direction:column; height: auto;justify-content:space-between;}
  
.grid-banner-slider.list .swiper-slide .grid-banner-block-image, .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image { width: 100%;}
.grid-banner-slider.list .swiper-slide .grid-banner-content, .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {  width: 100%;}
 }

.grid-banner .grid-banner-section.list .grid-banner-content {padding:20px;}
 @media screen and (max-width: 400px) {
.grid-banner .grid-banner-section.list .grid-banner-content{padding:10px;}
 .grid-banner .grid-banner-section.list .grid-banner-content .grid-banner-inner h4{font-size:calc(var(--font-h4-size) - 6px);}     
.grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:20px 0;}   
 }

/* custom css */
.demo10-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner .banner-button{  border: 1px solid rgba(var(--color-foreground),.08);  width: calc(100% - 60px);background:rgba(var(--color-secondary-button-text));color:rgba(var(--color-secondary-button));}
.demo10-grid-banner .grid-banner-wrapper .overlay-banner-wrapper:hover .grid-banner-content .grid-banner-inner .banner-button{color:rgba(var(--color-secondary-button-text));background:rgba(var(--color-secondary-button)); }
.demo10-grid-banner  .grid-banner-wrapper .grid-banner-content .grid-banner-inner{width:100%;padding:10px;}
.demo10-grid-banner .overlay .overlay-banner-wrapper .grid-banner-block-image{overflow:hidden;border-radius: var(--media-radius);    border: 1px solid rgb(var(--color-foreground),0.09);}
.demo10-grid-banner .overlay .overlay-banner-wrapper .grid-banner-block-image img{transition:all 0.3s linear;transform:scale(1.05);}
.demo10-grid-banner .overlay .overlay-banner-wrapper:hover .grid-banner-block-image img{transform:scale(1);-webkit-transform: translate3d(0, 0, 0);}   
.demo10-grid-banner .swiper{overflow:visible;}
.demo10-grid-banner .page-full-width{overflow:hidden;}
.demo1-grid-banner.grid-banner  .grid-banner-content .grid-banner-inner h4{ font-size: var(--font-h2-size);}
.demo1-grid-banner .grid-banner-inner .description span{font-size: var(--font-h3-size);font-weight: var(--font-heading-weight);color: rgba(var(--color-foreground));}
.demo1-grid-banner .grid-banner-inner .description{display: flex;gap: 5px;}
.demo1-grid-banner .grid-banner-inner .banner-button.button{margin-top: auto;}
.demo1-grid-banner .overlay .grid-banner-content.top-left {top: 20px;bottom: 20px;left: 15px;}
.demo1-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner>*:not(:last-child) {margin-bottom: 20px;}
@media screen and (max-width: 1440px) {
.demo1-grid-banner.grid-banner  .grid-banner-content .grid-banner-inner h4{font-size: calc(var(--font-h2-size) * 0.8);}
.demo1-grid-banner .overlay .grid-banner-content.top-left {left:0;}
}
@media screen and (min-width: 1200px) {
  .demo1-grid-banner.grid-banner .grid-banner-wrapper .swiper-wrapper {cursor: auto;}
}
@media screen and (max-width: 750px) {
.demo1-grid-banner.grid-banner  .grid-banner-content .grid-banner-inner h4{font-size: calc(var(--font-h2-size) * 0.6);}
  .demo1-grid-banner .grid-banner-inner .description span{font-size: calc(var(--font-h3-size) * 0.9);}
   .demo1-grid-banner .grid-banner-slider.overlay .swiper-slide .grid-banner-content .grid-banner-inner{padding:0;}
}

.demo2-grid-banner.grid-banner .grid-banner-section.two-column{margin-top:2px;}
@media screen and (max-width: 576px) {

.demo2-grid-banner.grid-banner .grid-banner-section.two-column{        grid-template-columns: repeat(1, 1fr);}
}
.demo9-grid-banner .overlay .grid-banner-content.bottom-center{padding:0;left:30px;right:30px;bottom:30px;}
.demo9-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0;width: calc(100% - 60px);}
.demo9-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner .banner-button{width:100%;justify-content: space-between;}
@media screen and (max-width: 1199px) {
.demo9-grid-banner .overlay .grid-banner-content.bottom-center{padding:0;left:20px;right:20px;bottom:20px;}
.demo9-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0;width: calc(100% - 40px);}
}

.demo5-list-banner.grid-banner  .list .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image{width:120px;height:120px;} 
.demo5-list-banner.grid-banner  .list .grid-banner-wrapper{ display: flex; height: auto;justify-content:space-between;   border-radius: var(--media-radius);border: 1px solid rgba(var(--color-border), var(--color-border-opacity));gap:24px;padding:20px;width:100%;transition:all 0.3s linear;}
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-block-image{width:120px;}
.demo5-list-banner.grid-banner  .list .grid-banner-content{padding:0;width:calc(100% - 120px);}
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0;}
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title {font-size:var(--font-h3-size);transition:all 0.3s linear;}
.demo5-list-banner.grid-banner  .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description {transition:all 0.3s linear;}
.demo5-list-banner.grid-banner  .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner>*:not(:last-child){    margin-bottom: 5px;}
.demo5-list-banner.grid-banner  .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{position: absolute;font-size: 128px;top: 0;bottom:0;width: max-content; margin: auto;display: flex;align-items: center; color: rgba(var(--color-foreground), 0.09);transition:all 0.3s linear;}
.demo5-list-banner.grid-banner .list .grid-banner-content{padding:0 0 0 0;}
@media screen and (max-width: 1540px) {
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{font-size:80px;}  
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title {font-size: calc(var(--font-h3-size) * 0.8);}  
}
@media screen and (max-width: 990px) {
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{font-size:60px;}  
.demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title {font-size: calc(var(--font-h3-size) * 0.7);}  
.demo5-list-banner.grid-banner  .list .grid-banner-wrapper{flex-direction:row; }  
}
@media screen and (max-width: 400px) {

  .demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-block-image,
.demo5-list-banner.grid-banner  .list .grid-banner-content{width:100%;}
  .demo5-list-banner.grid-banner  .list .grid-banner-wrapper{flex-direction:column; } 
  .demo5-list-banner.grid-banner  .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{bottom:30px;top:auto;}
  .demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-content .grid-banner-inner{text-align:center;}
  .demo5-list-banner.grid-banner .list .grid-banner-wrapper .grid-banner-block-image{justify-content:center;}
}

.grid-banner.about-grid-banner  .grid-banner-section.list .grid-banner-content{width:50%;padding:0}
.grid-banner.about-grid-banner  .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0;}
.grid-banner.about-grid-banner  .grid-banner-wrapper{gap:100px;}
.grid-banner.about-grid-banner .grid-banner-inner h4.main-title{    font-size: var(--font-h2-size);}
.grid-banner.about-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner>*:not(:last-child) {margin-bottom: 18px;}
@media screen and (max-width: 1540px) {
.grid-banner.about-grid-banner  .grid-banner-wrapper{gap:50px;}  
}
@media screen and (max-width: 1199px) {
.grid-banner.about-grid-banner .grid-banner-inner h4.main-title{    font-size: calc(var(--font-h2-size) * 0.8);}
}
@media screen and (max-width: 750px) { 
  .demo10-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner .banner-button{font-size:calc(var(--font-base-size) * .8); width:fit-content;}
  .demo10-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner .banner-button {width:fit-content;padding:1rem;}
.grid-banner.about-grid-banner  .grid-banner-section.list .grid-banner-content{width:100%;}  
.grid-banner.about-grid-banner .grid-banner-wrapper{gap:30px;}
}
@media screen and (max-width: 400px) {
.demo10-grid-banner .grid-banner-wrapper .grid-banner-content .grid-banner-inner .banner-button{font-size:calc(var(--font-base-size) * .75);}
.about-grid-banner.grid-banner .grid-banner-section.list .grid-banner-content .grid-banner-inner h4{    font-size: calc(var(--font-h2-size) * 0.6);}
.grid-banner.about-grid-banner  .grid-banner-wrapper{gap:40px;}   
}


@media screen and (min-width: 576px) {
  .demo10-grid-banner.grid-banner .grid-banner-wrapper .swiper-wrapper {cursor: auto;}
}
/* ==== section-home-slider-with-hot-spots.css ==== */
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width:1200px) {
.slideshow__media.banner__media.media{opacity:0.5;}
  }


/*slider*/

button.slideshow__autoplay.slider-button.no-js-hidden {
    display: block;
    background:rgba(var(--color-background));
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 750px) {
.slideshow__media img.desktop-slider{display:none;}
.slideshow__media img.mobile-slider{display:block;}
}
@media screen and (min-width: 750px) {
.slideshow__media img.mobile-slider{display:none;}
.slideshow__media img.desktop-slider{display:block;}
} 



@media screen and (max-width: 989px) {
  .no-js slideshow-component .slider {
    padding-bottom: 3rem;
  }
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 62.5rem;
/*   background: var(--gradient-background); */
/*   padding-top: 190px; */
}

.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
    background:rgba(var(--color-background), 0)
  }
  .banner--mobile-bottom .slideshow__media.banner__media.media, .banner--stacked:not(.banner--mobile-bottom) .slideshow__media.banner__media.media{position:absolute;}
  .slideshow.banner--large.banner--mobile-bottom:not(.banner--adapt) .slideshow__media, .slideshow.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.slideshow__media{height:100%;}
  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
  }
/* 
  .slideshow__text.slideshow__text-mobile--left {
    align-items: center;
    text-align: center;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: center;
    text-align: center;
  } */
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}


.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
/*     padding: 5rem; */
  }
}

/* .slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
} */

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path{
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover svg {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(.8)
}
/*custom*/

.home-slideshow-with-hotspot .dt-sc-hotspot-content  .card{ display: flex;  flex-direction: row; gap:20px;}
.home-slideshow-with-hotspot .dt-sc-hotspot-content .card .card__inner{width:53%;}
.home-slideshow-with-hotspot .dt-sc-hotspot-content  .card .product-deal-count{display:none;}
.home-slideshow-with-hotspot .dt-sc-hotspot-content  .product-icons{display:none;}
.home-slideshow-with-hotspot .dt-sc-hotspot-content   .variant-option-size{display:none;}
.home-slideshow-with-hotspot  .card_style-card_with_overlay .card--card.card--media>.card__content{padding:0;}
.home-slideshow-with-hotspot .card-information, .home-slideshow-with-hotspot .card__content [class*=variant-option], .home-slideshow-with-hotspot .card { text-align: left; justify-content:left;}
.home-slideshow-with-hotspot  .card__badge{display:none;}
.home-slideshow-with-hotspot .card__inner{border:none;}
@media screen and (max-width: 576px) {
  .home-slideshow-with-hotspot .card_style-card_with_overlay .product-card-wrapper .card__information .card__heading a, 
  .home-slideshow-with-hotspot .card_style-card_with_overlay .product-card-wrapper .card__information .card__heading {
    font-size: calc(var(--font-h3-size) * .6);
}
.home-slideshow-with-hotspot .dt-sc-hotspot-content  .card{display: flex;  flex-direction: column; }
.home-slideshow-with-hotspot .dt-sc-hotspot-content  .card .card__inner{width:100%;}  
}
/* ==== section-hotspot.css ==== */
   .hotspot-block-section .dt-sc-hotspot { position: relative; max-width: 100%; margin: auto;  margin-bottom: 0px; }
    .dt-sc-hotspot-heading { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 30px;
      flex-wrap: wrap; }
   .hotspot-block-section  .dt-sc-hotspot-heading *, .dt-sc-hotspot-heading *:not(:only-child) { margin: 0; }
   .hotspot-block-section  .dt-sc-hotspot-heading *:not(:last-child) { margin: 0 0 20px 0; }
   .hotspot-block-section  .dt-sc-hotspot-heading.text-center { align-items: center; align-content: flex-start; }
   .hotspot-block-section .dt-sc-hotspot-heading.text-end { align-items: flex-end; align-content: flex-start; }
   .hotspot-block-section  .dt-sc-hotspot-heading.top-left { align-items: flex-end; }
   .hotspot-block-section .dt-sc-hotspot-heading.top-center, .dt-sc-hotspot-heading.center, .hotspot-block-section  .dt-sc-hotspot-heading.bottom-center { align-items: center; }
   .hotspot-block-section  .dt-sc-hotspot-heading.center { justify-content: center; }
   .hotspot-block-section  .dt-sc-hotspot-heading.top-right, .dt-sc-hotspot-heading.center-right, .hotspot-block-section  .dt-sc-hotspot-heading.bottom-right { align-items: flex-end; }
   .hotspot-block-section  .dt-sc-hotspot.with-overlay:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; }
   .hotspot-block-section  .dt-sc-hotspot img.dt-sc-hotspot-image { width: 100%; }
   .hotspot-block-section  .dt-sc-hotspot-item { position: absolute; }
   .hotspot-block-section  .dt-sc-hotspot-item .dt-sc-hotspot-marker { top: auto; left: auto; }
   .hotspot-block-section  .dt-sc-hotspot.numbered, .hotspot-block-section  .dt-sc-hotspot.alphabets { counter-reset: dt-sc-hotspot-counter; }
   .hotspot-block-section  .dt-sc-hotspot.numbered .dt-sc-hotspot-item, .hotspot-block-section  .dt-sc-hotspot.alphabets .dt-sc-hotspot-item { counter-increment: dt-sc-hotspot-counter; }
   .hotspot-block-section  .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span,
   .hotspot-block-section  .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span { font-family: inherit; transform: none; font-weight: 700; }
   .hotspot-block-section  .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, decimal); }
   .hotspot-block-section  .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, upper-alpha); }
   .hotspot-block-section .dt-sc-hotspot-popup { position: absolute; padding: 15px; transition:all var(--duration-default) linear; opacity: 0; visibility: hidden; z-index: 2;border-radius:var(--media-radius);box-shadow: 0 0 20px #00000026; }
   .hotspot-block-section .dt-sc-hotspot-popup:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; }
   .hotspot-block-section .dt-sc-hotspot-popup.on-right { left: 20px; top: 50%; transform: translateY(-50%); }
   .hotspot-block-section .dt-sc-hotspot-popup.on-right:before { left: -10px; border-width: 10px 10px 10px 0; top: 50%; transform: translateY(-50%); }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-right.dt-sc-popup-open { left: 34px; }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-left { right: 20px; top: 50%; transform: translateY(-50%); }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-left:before { right: -10px; border-width: 10px 0 10px 10px; top: 50%; transform: translateY(-50%); }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-left.dt-sc-popup-open { right: 34px; }
   .hotspot-block-section .dt-sc-hotspot-popup.on-bottom { top: 20px; left: 50%; transform: translateX(-50%); }
   .hotspot-block-section .dt-sc-hotspot-popup.on-bottom:before { top: -10px; border-width: 0 10px 10px 10px; left: 50%; transform: translateX(-50%); }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-bottom.dt-sc-popup-open { top: 34px; }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-top { bottom: 20px; left: 50%; transform: translateX(-50%); }
   .hotspot-block-section   .dt-sc-hotspot-popup.on-top:before { bottom: -10px; border-width: 10px 10px 0 10px; left: 50%; transform: translateX(-50%); }
   .hotspot-block-section  .dt-sc-hotspot-popup.on-top.dt-sc-popup-open { bottom: 34px; }
/*     .dt-sc-hotspot-content * { display: inline-block; } */
/*     .dt-sc-hotspot-content *, .dt-sc-hotspot-content *:not(:only-child) { margin: 0; } */
/*     .dt-sc-hotspot-content *:not(:last-child) { margin: 0 0 15px 0; }
    .dt-sc-hotspot-content *:not(.dt-sc-btn) { width: 100%; } */

    .hotspot-block-section .dt-sc-hotspot-icon.style-2.clicked +.dt-sc-hotspot-popup.dt-sc-popup-open {
        opacity: 1;
        visibility: visible;
    }

    .hotspot-block-section  .dt-sc-hotspot-popup.dt-sc-popup-open { opacity: 0; visibility: hidden;  } 
   .hotspot-block-section  .dt-sc-hotspot-marker, .hotspot-block-section  .dt-sc-hotspot-icon span { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; }
   .hotspot-block-section  .dt-sc-hotspot-icon { height: 100%; }
   .hotspot-block-section .dt-sc-hotspot-icon span { left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 50%; transition: all 0.3s linear; }
   .hotspot-block-section  .dt-sc-hotspot.simple-round .dt-sc-hotspot-icon span:before { display: none; }
   .hotspot-block-section  .dt-sc-popup-open + .dt-sc-hotspot-icon span[class*="fa-plus"],
   .hotspot-block-section  .dt-sc-hotspot-icon:hover span[class*="fa-plus"] { transform: rotate(45deg); }
   .hotspot-block-section  .dt-sc-hotspot-item .dt-sc-hotspot-icon span:after { display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0;transform-origin: 50% 50%;
      -webkit-animation: pulsate-animation 3s ease-out infinite; animation: pulsate-animation 3s ease-out infinite; content: ""; transition: all 0.3s linear;
        }
   .hotspot-block-section  .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-2 span:after { opacity: 1; -webkit-animation: rotate-animation 10s ease-out infinite;
      animation: rotate-animation 10s ease-out infinite; }
   .hotspot-block-section  .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-3 span:after,
   .hotspot-block-section  .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-4 span:after { display: none; }
   .hotspot-block-section  .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span:after, .hotspot-block-section  .dt-sc-popup-open + .dt-sc-hotspot-icon span:after,
   .hotspot-block-section  .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon.style-2 span:after, .hotspot-block-section  .dt-sc-popup-open + .dt-sc-hotspot-icon.style-2 span:after {
      animation-play-state: paused; -webkit-animation-play-state: paused; }
    /* Animation */
    @keyframes pulsate-animation {
      0% { transform: scale(1); opacity: 0.8; }
      45% { transform: scale(1.75); opacity: 0; border-width: {{ section.settings.hotspot_outer_size | times: 5 }}; }
    }
    @keyframes rotate-animation {
      from { transform: rotate(0); }
      to { transform: rotate(360deg); }
    }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup { opacity: 0; visibility: hidden; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 20px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 20px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 20px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 20px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-right { left: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-left { right: 34px; }
   .hotspot-block-section .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-bottom { top: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-top { bottom: 34px; }
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup { opacity: 1; visibility: visible;  }
   .hotspot-block-section   .dt-sc-hotspot.style-3.icon .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span[class*="fa-plus"] { transform: rotate(45deg); }
   .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .hotspot-block-section  .dt-sc-hotspot.style-2 .dt-sc-hotspot-icon,
   .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .hotspot-block-section  .dt-sc-hotspot.style-3 .dt-sc-hotspot-icon { /*pointer-events: none;*/ }
   .hotspot-block-section   .dt-sc-hotspot-content.text-center{text-align: center;} 
   .hotspot-block-section  .dt-sc-hotspot-content.text-start{text-align: left;} 
   .hotspot-block-section  .dt-sc-hotspot-content.text-end{text-align: right;} 
   .hotspot-product-contant .hotspot-product-lists .variant-option-color{display:none;}
   .hotspot-block-section  .hotspot-product-section ul.dt-sc-hotspot-content .card-wrapper { margin: 0;} 

   .mfp-content .dt-sc-hotspot-popup,
  .hotspot-block-section  .dt-sc-hotspot-popup{background: rgb(var(--color-background)); background: rgba(var(--color-background));}
  .hotspot-block-section  .dt-sc-hotspot-popup.on-right:before{color: rgba(var(--color-background));border-color: transparent currentcolor transparent transparent;}
  .hotspot-block-section  .dt-sc-hotspot-popup.on-left:before{color: rgba(var(--color-background));border-color: transparent transparent transparent currentcolor;}
  .hotspot-block-section  .dt-sc-hotspot-popup.on-bottom:before{color: rgba(var(--color-background));border-color: transparent transparent currentcolor transparent;}
  .hotspot-block-section  .dt-sc-hotspot-popup.on-top:before{color: rgba(var(--color-background));border-color: currentcolor transparent transparent transparent;}
  .hotspot-block-section  .dt-sc-hotspot-content > *{margin-top:5px;} 
  .hotspot-block-section  .dt-sc-hotspot-item1.block-type-product.open{z-index: 999;}
  .hotspot-block-section  .fa-plus:before {content: "+";font-size: 20px;}
  .hotspot-block-section  .dt-sc-hotspot-icon span {    transition: all var(--duration-default) linear;}
   .hotspot-block-section .card--card.card--media>.card__content{padding:15px;}

/*list type*/
.dt-sc-hotspot.hotspot-type-list .dt-sc-hotspot-popup{    width: 400px;}
.hotspot-block-section .dt-sc-hotspot.hotspot-type-list .card.card--card.card--media {  display: flex; flex-direction: row;}
.hotspot-block-section .dt-sc-hotspot.hotspot-type-list .card__inner { width: 200px;}
.hotspot-block-section .dt-sc-hotspot.hotspot-type-list .card { text-align: left;}
.hotspot-block-section .dt-sc-hotspot.hotspot-type-list  .card__content [class*=variant-option] {  justify-content: flex-start;}
.hotspot-block-section .dt-sc-hotspot.hotspot-type-list .product-icons {display: none;}

/* ==== section-image-banner.css ==== */
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}

/* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{
      align-items: center;
    justify-content: center;
    margin-top: -51px;
} */
.banner__box {
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .banner--content-align-mobile-right .banner__box {
    text-align: right;
  }

  .banner--content-align-mobile-left .banner__box {
    text-align: left;
  }
}
.banner__box.content-container .banner__text.body{line-height: 25px; font-size: var(--font-base-size);}
@media only screen and (min-width: 750px) {
  .banner--content-align-right .banner__box {
    text-align: right;
  }

  .banner--content-align-left .banner__box {
    text-align: left;
  }

  .banner--content-align-left.banner--desktop-transparent .banner__box,
  .banner--content-align-right.banner--desktop-transparent .banner__box,
  .banner--medium.banner--desktop-transparent .banner__box {
    max-width: 83rem;
  }
}

@media screen and (max-width: 749px) {
  .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 28rem;
  }

  .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 34rem;
  }

  .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 39rem;
  }

  .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 28rem;
  }

  .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 50rem;
  }

  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 39rem;
  }
}

@media screen and (min-width: 750px) {
  .banner {
    flex-direction: row;
  }

   .banner--small:not(.banner--adapt) {
    min-height: 42rem;
  }


  .banner--large:not(.banner--adapt) {
    min-height: 100rem;
  }

  .banner__content.banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .banner__content.banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .banner__content.banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .banner__content.banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .banner__content.banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .banner__content.banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner__content.banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .banner__content.banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (min-width:991px){
 .banner--medium:not(.banner--adapt) {
    min-height: 74rem;
  }
}
@media screen and (max-width:990px){
 .banner--medium:not(.banner--adapt) {
    min-height: 54rem;
  }
}
@media screen and (max-width: 749px) {
    .banner--medium:not(.banner--adapt){min-height:auto}
  .banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .banner--stacked {
    height: auto;
  }

  .banner--stacked .banner__media {
    flex-direction: column;
  }
}

.banner__media {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.banner__media-half {
  width: 50%;
}

.banner__media-half + .banner__media-half {
  right: 0;
  left: auto;
}

@media screen and (max-width: 749px) {
  .banner--stacked .banner__media-half {
    width: 100%;
  }

  .banner--stacked .banner__media-half + .banner__media-half {
    order: 1;
  }
}

@media screen and (min-width: 750px) {
  .banner__media {
    height: 100%;
  }
}

.banner--adapt,
.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height:100%;
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom .banner__media,
  .banner--stacked:not(.banner--mobile-bottom) .banner__media {
    position: relative;
  }

  .banner--stacked.banner--adapt .banner__content {
    height: auto;
  }

  .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
    background-color: transparent;
  }

  .banner:not(.banner--mobile-bottom) .banner__box {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .banner:not(.banner--mobile-bottom) .button--secondary {
    --color-button: var(--color-base-background-1);
    --color-button-text: 0, 0, 0;
    --alpha-button-background: 1;
  }

  .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    position: absolute;
    height: auto;
  }

  .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content {
    max-height: 100%;
    overflow: hidden;
    position: absolute;
  }

  .banner--stacked:not(.banner--adapt) .banner__media {
    position: relative;
  }

/*   .banner::before {
    display: none !important;
  } */

  .banner--stacked .banner__media-image-half {
    width: 100%;
  }

 
}

.banner__content {
  padding: 0;
  display: flex;
/*   position: absolute; */
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
/*   height:100%; */
}

@media screen and (min-width: 750px) {
  .banner__content {
    padding: 5rem;
  }

  .banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content {
    order: 2;
  }

  .banner:not(.banner--mobile-bottom) .field__input {
    background-color: transparent;
  }
}

.banner__box {
  padding: 4rem 3.5rem;
  position: relative;
  height: fit-content;
  align-items: center;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
  z-index: 1;
}

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
  }



  .banner--desktop-transparent .content-container:after {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom::after,
  .banner--mobile-bottom .banner__media::after {
    display: none;
  }
}

.banner::after,
.banner__media::after{
  content: '';
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.banner__box > * + .banner__text {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__text {
    margin-top: 2rem;
  }
}


.banner__box > * + .banner__list {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__list {
    margin-top: 2rem;
  }
}  
  
  
.banner__box > * + * {
  margin-top: 1rem;
}

.banner__box > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .banner--stacked .banner__box {
    width: 100%;
  }
}

@media screen and (min-width: 750px) {
  .banner__box {
    width: auto;
    max-width: 71rem;
    min-width: 45rem;
  }
 
}
@media screen and (min-width: 990px) {
 .banner__heading {
  margin-bottom: 0rem;
}
}
@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 90rem;
  }
}



.banner__box .banner__heading + * {
  margin-top: 1rem;
}

.banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
  word-break: break-word;
}

@media screen and (max-width: 749px) {
  .banner--content-align-mobile-right .banner__buttons--multiple {
    justify-content: flex-end;
  }

  .banner--content-align-mobile-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }
}

@media screen and (min-width: 750px) {
  .banner--content-align-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }

  .banner--content-align-right .banner__buttons--multiple {
    justify-content: flex-end;
  }
}

.banner__box > * + .banner__buttons {
  margin-top: 2rem;
}

/* custom css */
@media screen and (max-width: 749px) {
.image-banner-style .banner__content{flex-direction: column;}
}

.about-image-banner .banner__media.banner__media-half:first-child{width:100%;border-radius: var(--media-radius);}
.about-image-banner .banner__media.banner__media-half:nth-child(2){position: absolute;width: 760px;height: 90px;background: transparent;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.about-image-banner .banner__media.banner__media-half:nth-child(2) img{object-fit:contain;}
@media screen and (max-width: 1199px) {
.about-image-banner .banner__media.banner__media-half:nth-child(2){  width: 540px;}
}
@media screen and (max-width: 750px) {
.about-image-banner .banner__media.banner__media-half:nth-child(2){  width: 450px;}
}
@media screen and (max-width: 576px) {
.about-image-banner .banner__media.banner__media-half:nth-child(2){  width: 350px;}
}
@media screen and (max-width: 479px) {
.about-image-banner .banner__media.banner__media-half:nth-child(2){  width: 220px;}
}

.demo9-image-banner{margin-bottom:316px;}
.demo9-image-banner  .banner__media.banner__media-half:first-child{width:100%;}
.demo9-image-banner .banner__media.banner__media-half:nth-child(2){border-radius: var(--media-radius); bottom: -142px;width: calc(100% - 180px); margin: auto;left: 0;right: 0;transform: translateY(50%);height:544px;}
.demo9-image-banner .banner__box.content-container{padding:0;transform: translateY(-40px);}
.demo9-image-banner .banner__content{max-width: calc(100% - 180px);padding:0;}
.demo9-image-banner .banner__content .banner__text.subtitle{    font-size: var(--font-h2-size);color: rgba(var(--color-foreground), 1);letter-spacing: 0;font-weight: var(--font-heading-weight);line-height:normal}

@media screen and (max-width: 1199px) {
.demo9-image-banner .banner__content{max-width: calc(100% - 80px);}  
.demo9-image-banner .banner__media.banner__media-half:nth-child(2){ width: calc(100% - 80px);height:400px;bottom: -245px;} 
.demo9-image-banner {margin-bottom: 222px;}  
}
@media screen and (max-width: 749px) {
 .demo9-image-banner .banner__media.banner__media-half:nth-child(2){ height:350px;} 
 .demo9-image-banner .banner__content .banner__heading{font-size: calc(var(--font-h1-size) * 0.8);} 
 .demo9-image-banner .banner__box.content-container{transform: translateY(0px);} 
}
@media screen and (max-width: 576px) {
.demo9-image-banner .banner__content{max-width: calc(100% - 50px);}  
.demo9-image-banner .banner__media.banner__media-half:nth-child(2){ width: calc(100% - 50px)}  
}
@media screen and (max-width: 480px) {
 .demo9-image-banner .banner__content .banner__heading{font-size: calc(var(--font-h1-size) * 0.6);}  
 .demo9-image-banner .banner__content .banner__text.subtitle{ font-size: calc(var(--font-h2-size) * 0.8);} 
 .demo9-image-banner .banner__media.banner__media-half:nth-child(2){ height:160px;bottom:-344px;} 
.demo9-image-banner {margin-bottom: 82px;}     
}

/* ==== section-image-with-icon-text.css ==== */
.image-with-icon-text  .image-with-icon-text__media{    height: 100%;}
.image-with-icon-text  .image-with-icon-text__media img{ border-radius: var(--media-radius) 0 0 var(--media-radius); height:100%; width:100%;}
.image-with-icon-text  .image-with-icon-text__content{padding:7rem; border-radius:0  var(--media-radius)   var(--media-radius) 0; height:100%; display:flex;  align-items:center;}
.image-with-icon-text  .swiper-wrapper .swiper-slide.icon-thumb{background:rgb(var(--color-button-text)); width:97px !important; height:97px; border-radius:50%; cursor:pointer;}
.image-with-icon-text  .swiper-wrapper .swiper-slide.icon-thumb span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; 
justify-content: center;  font-size: 4rem; color: rgb(var(--color-button)); font-weight:600;}
.image-with-icon-text  .swiper-wrapper .swiper-slide.icon-thumb img{width:55px; height:55px; left:0; right:0; top:0; bottom:0; margin:auto; background:rgb(var(--color-button-text)); z-index:1; position:absolute; opacity:0; transform:scale(0.8); transition:all 0.3s linear;}
.image-with-icon-text  .swiper-wrapper .swiper-slide.icon-thumb.swiper-slide-thumb-active img{opacity:1; transform:scale(1);}
.image-with-icon-text  .icon_content__Slider{padding-top:4rem;}
.image-with-icon-text  h1.image-with-icon-text__text.brandheading { color: rgb(var(--color-button));     margin-bottom: 3rem;}
.image-with-icon-text .image-with-icon-text__text { margin-bottom: 5rem;}
icons-tabs-slider{    overflow: hidden; width: 100%;}
.image-with-icon-text__grid{width:100%; max-width:100%;}
.image-with-icon-text{width:100%; height:100%; position:relative;}
.image-with-icon-text .image-with-icon-text__media-item, 
.image-with-icon-text .image-with-icon-text__text-item{width:50%; max-width:50%;}
.image-with-icon-text__grid { width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; height: 100%; padding: 0;}
.image-with-text-button{display:flex; flex-wrap:wrap; gap:10px;justify-content: flex-start; align-items:center;}
@media screen and (max-width: 1440px) {
.image-with-icon-text .image-with-icon-text__media-item{width:40%; max-width:40%;}
.image-with-icon-text .image-with-icon-text__text-item {width:60%; max-width:60%;}  
.image-with-icon-text .image-with-icon-text__content{padding:4rem;}  
}
@media screen and (max-width: 990px) {
 .image-with-icon-text .image-with-icon-text__media-item{width:100%; max-width:100%;}
.image-with-icon-text .image-with-icon-text__text-item {width:100%; max-width:100%;}  
.image-with-icon-text .image-with-icon-text__content{padding:7rem;}    
.image-with-icon-text .icon_thumbs__Slider  .swiper-wrapper{justify-content:center;}  
.image-with-icon-text .icon_content__Slider{text-align:center;}  
.image-with-icon-text .image-with-icon-text__media img {border-radius:var(--media-radius)  var(--media-radius) 0 0;}  
.image-with-icon-text .image-with-icon-text__content{ border-radius: 0 0 var(--media-radius)  var(--media-radius);} 
.image-with-text-button{justify-content:center;}  
}
@media screen and (max-width: 750px) {
  .image-with-icon-text .image-with-icon-text__content{padding:4rem;} 
}
@media screen and (max-width: 576px) {
  .image-with-icon-text .image-with-icon-text__content{padding: 4rem 1rem;}
  .image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb{    width: 70px !important;  height: 70px;}
  .image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb img{width:40px; height:40px;}  
  .image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb span{font-size:2.5rem;}  
  .image-with-icon-text .image-with-icon-text__text { margin-bottom: 3rem;} 
  .image-with-icon-text h1.image-with-icon-text__text.brandheading { margin-bottom: 2rem;} 
}
@media screen and (max-width: 400px) {
.image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb{    width: 50px !important;  height: 50px;}
.image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb img{width:30px; height:30px;}  
.image-with-icon-text .swiper-wrapper .swiper-slide.icon-thumb span{font-size:2rem;}  
}  

/* ==== section-image-with-text.css ==== */
.image-with-text .grid {
  margin-bottom: 0;
}

.image-with-text .grid__item {
  position: relative;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
}

.image-with-text__media {
  min-height: 100%;
  overflow: visible;
}

.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--medium {
  height: 29.6rem;
}

.image-with-text__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 31.4rem;
  }

  .image-with-text__media--medium {
    height: 46rem;
  }

  .image-with-text__media--large {
    height: 69.5rem;
  }
}

.image-with-text__media--placeholder {
  position: relative;
  overflow: hidden;
}

.image-with-text__media--placeholder:after {
  content: '';
  position: absolute;
  background: rgba(var(--color-foreground), 0.04);
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
  height: 30rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 60rem;
  }
}

.image-with-text__media--placeholder > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.image-with-text__media--placeholder:is(.animate--ambient, .animate--zoom-in) > svg {
  top: 0;
  left: 0;
  transform: translate(0);
}

.image-with-text__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-self: center;
  padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;
  position: relative;
  z-index: 1;
}

.image-with-text .grid__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after {
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
}

.image-with-text .image-with-text__media-item > * {
      border-radius: var(--media-radius);
  overflow: hidden;
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.image-with-text .global-media-settings {
  overflow: hidden !important;
}

.image-with-text .image-with-text__text-item > * {
  border-radius: var(--text-boxes-radius);
  overflow: hidden;
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item > *,
.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item > * {
  box-shadow: none;
}

.image-with-text.image-with-text--no-overlap .image-with-text__media-item img {
   border-radius: 0;
}
/* @media screen and (min-width: 990px) {
.image-with-text.image-with-text--no-overlap .image-with-text__media-item>*{
   border-radius: 0 var(--media-radius)  var(--media-radius) 0;
}
.image-with-text.image-with-text--no-overlap .image-with-text__text-item > *{
      border-radius: var(--media-radius) 0 0 var(--media-radius);
}
} */
@media screen and (max-width: 749px) {
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media .placeholder-svg {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__content {
    border-top: 0;
  }
}

.image-with-text__content--mobile-right > * {
  align-self: flex-end;
  text-align: right;margin-left: auto;
}

.image-with-text__content--mobile-center > * {
  align-self: center;
  text-align: center;
}

.image-with-text--overlap .image-with-text__content {
  width: 90%;
  margin: -3rem auto 0;
}

@media screen and (min-width: 990px) {
  .image-with-text__grid--reverse .image-with-text__content {
    margin-left: auto;
  }

  .image-with-text__content--bottom {
    justify-content: flex-end;
    align-self: flex-end;
  }

  .image-with-text__content--top {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .image-with-text__content--desktop-right > * {
    align-self: flex-end;
    text-align: right;margin-left: auto;
  }

  .image-with-text__content--desktop-left > * {
    align-self: flex-start;
    text-align: left;
  }

  .image-with-text__content--desktop-center > * {
    align-self: center;
    text-align: center;
  }

  .image-with-text--overlap .image-with-text__text-item {
    display: flex;
    padding: 3rem 0;
  }

  .image-with-text--overlap .image-with-text__content {
    height: auto;
    width: calc(100% + 4rem);
    min-width: calc(100% + 4rem);
    margin-top: 0;
    margin-left: -4rem;
  }

  .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content {
    margin-left: 0;
    margin-right: -4rem;
  }

  .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item {
    justify-content: flex-end;
  }

  .image-with-text--overlap .image-with-text__media-item--top {
    align-self: flex-start;
  }

  .image-with-text--overlap .image-with-text__media-item--middle {
    align-self: center;
  }

  .image-with-text--overlap .image-with-text__media-item--bottom {
    align-self: flex-end;
  }

  .image-with-text__media-item--small,
  .image-with-text__media-item--large + .image-with-text__text-item {
    flex-grow: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media
    img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media
    .placeholder-svg,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media
    img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media
    .placeholder-svg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content {
    border-left: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content {
    border-right: 0;
  }
}

.image-with-text:not(.collapse-corners, .image-with-text--overlap) .image-with-text__media-item {
  z-index: 2;
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.image-with-text:not(.image-with-text--overlap) .color-background-1,
.image-with-text.image-with-text--overlap .image-with-text__media.color-background-1 {
  background: transparent;
}

/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
.image-with-text .gradient {
  transform: perspective(0);
}

.image-with-text__content {
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  word-break: break-word;
}

@media screen and (min-width: 1541px) {
  .image-with-text__content {
    padding: 7rem;
  }
}

.image-with-text__content > * + * {
  margin-top: 2rem;
}

.image-with-text__content > .image-with-text__text:empty ~ a {
  margin-top: 2rem;
}

.image-with-text__content > :first-child:is(.image-with-text__heading),
.image-with-text__text--caption + .image-with-text__heading,
.image-with-text__text--caption:first-child {
  margin-top: 0;
}

.image-with-text__content :last-child:is(.image-with-text__heading),
.image-with-text__text--caption {
  margin-bottom: 0;
}

.image-with-text__content .button + .image-with-text__text {
  margin-top: 2rem;
}

.image-with-text__content .image-with-text__text + .button {
  margin-top: 3rem;
}

.image-with-text__heading {
  margin-bottom: 0;
}

.image-with-text__text p {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media screen and (max-width: 749px) {
  .collapse-padding .image-with-text__grid .image-with-text__content {
    padding-left: 0;
    padding-right: 0;
  }
  .image-with-text__content{padding:3rem 2rem;}
}

@media screen and (min-width: 750px) {
  .collapse-padding
    .image-with-text__grid:not(.image-with-text__grid--reverse)
    .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-right: 0;
  }

  .collapse-padding
    .image-with-text__grid--reverse
    .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-left: 0;
  }
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .image-with-text .grid {
    margin-left: 0;
  }
}

/*
  Multirow
  note: consider removing from this stylesheet if multirow-specific styles increase signficantly
*/
.multirow__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .multirow__inner {
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}
.image-with-text__text.caption-with-letter-spacing{text-transform:uppercase; font-size:1.8rem}
.image-with-text__text.caption-with-letter-spacing.caption-with-letter-spacing--small {font-size:1.4rem;}
.image-with-text__text.caption-with-letter-spacing.caption-with-letter-spacing--medium {font-size:1.6rem;}

@media screen and (max-width: 1540px) {
.image-with-text__heading.h1{    font-size: calc(var(--font-h1-size) * 0.8);}
}
@media screen and (max-width: 1199px) {
.image-with-text__heading.h1{    font-size: calc(var(--font-h1-size) * 0.7);}
}
@media screen and (max-width: 576px) {
.image-with-text__heading.h1{    font-size: calc(var(--font-h1-size) * 0.6);}
}

/* ==== section-imagebanner.css ==== */
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}
.banner__heading {
    text-transform: capitalize;
}
.slideshow__media{position:relative; height:100%;}
.slideshow__text-wrapper.banner__content{
  width: 100%;
    padding: 0;
    left: 0;
    right:0;
    top: 0;
    max-width: var(--page-width);
}
/* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{
      align-items: center;
    justify-content: center;
    margin-top: -51px;
} */
.banner__box {
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .banner--content-align-mobile-right .banner__box {
    text-align: right;
  }

  .banner--content-align-mobile-left .banner__box {
    text-align: left;
  }
}
.banner__box.content-container .banner__text.body{ line-height: 25px; font-size: var(--font-base-size);}
@media only screen and (min-width: 750px) {
  .banner--content-align-right .banner__box {
    text-align: right;
  }

  .banner--content-align-left .banner__box {
    text-align: left;
  }

  .banner--content-align-left.banner--desktop-transparent .banner__box,
  .banner--content-align-right.banner--desktop-transparent .banner__box,
  .banner--medium.banner--desktop-transparent .banner__box {
    max-width: 83rem;
  }
}

@media screen and (max-width: 749px) {
  .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 28rem;
  }

  .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 34rem;
  }

  .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media {
    height: 39rem;
  }

  .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) {
    min-height: 28rem;
  }

  .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) t {
    min-height: 50rem;
  }

  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt)  {
    min-height: 39rem;
  }
}

@media screen and (min-width: 750px) {
  .banner {
    flex-direction: row;
  }

 
  .banner--small:not(.banner--adapt) {
    min-height: 42rem;
    height: 42rem;
  }

  .banner--medium:not(.banner--adapt) {
    min-height: 60rem;
    height: 60rem;
  }

  .banner--large:not(.banner--adapt) {
    min-height: 95rem;
    height: 95rem;
  }


  .banner__content.banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .banner__content.banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .banner__content.banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .banner__content.banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .banner__content.banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .banner__content.banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner__content.banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .banner__content.banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .banner--stacked {
    height: auto;
  }

  .banner--stacked .banner__media {
    flex-direction: column;
  }
}

.banner__media {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.banner__media-half {
  width: 50%;
}

.banner__media-half + .banner__media-half {
  right: 0;
  left: auto;
}

@media screen and (max-width: 749px) {
  .banner--stacked .banner__media-half {
    width: 100%;
  }

  .banner--stacked .banner__media-half + .banner__media-half {
    order: 1;
  }
}

@media screen and (min-width: 750px) {
  .banner__media {
    height: 100%;
  }
}

.banner--adapt,
.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height:100%;
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom .banner__media,
  .banner--stacked:not(.banner--mobile-bottom) .banner__media {
    position: relative;
  }

  .banner--stacked.banner--adapt .banner__content {
    height: auto;
  }

  .slide-banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
    background-color: transparent;
/*     --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0; */
  }

  .slide-banne:not(.banner--mobile-bottom) .banner__box {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .slide-banne:not(.banner--mobile-bottom) .button--secondary {
    --color-button: var(--color-base-background-1);
    --color-button-text: 0, 0, 0;
    --alpha-button-background: 1;
  }

  .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    position: absolute;
    height: auto;
  }

  .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content {
    max-height: 100%;
    overflow: hidden;
    position: absolute;
  }

  .banner--stacked:not(.banner--adapt) .banner__media {
    position: relative;
  }

/*   .banner::before {
    display: none !important;
  } */

  .banner--stacked .banner__media-image-half {
    width: 100%;
  }
}

/* @media screen and (max-width: 749px) {
   .slideshow  .banner__content, .slideshow__text-wrapper.banner__content{
     align-items: center;
  justify-content: center;
 } 
} */

@media screen and (min-width: 750px) {
  .banner__content {
    padding: 5rem;
  }

  .banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.slideshow  .banner__content,
.slideshow-with-promo-images .banner__content{
  padding: 0;
  display: flex;
  position: absolute;
/*   width: 100%; */
  /* align-items: center;
  justify-content: center; */
  z-index: 2;
  height:100%;
}
@media screen and (max-width: 749px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content {
    order: 2;
  }

  .banner:not(.banner--mobile-bottom) .field__input {
    background-color: transparent;
  }
}

.banner__box {
  padding: 4rem 3.5rem;
  position: relative;
  height: fit-content;
  align-items: center;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
  z-index: 1;
}

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
/*     --color-foreground: var(--color-base-background-1);
    --color-button: var(--color-base-background-2);
    --color-button-text: 255, 255, 255;
    max-width: 82rem;
    border: none;
    border-radius: 0;
    box-shadow: none; */
  }

/*   .banner--desktop-transparent .button--secondary {
    --color-button: var(--color-base-background-1);
    --color-button-text: 0, 0, 0;
    --alpha-button-background: 1;
     
  } */

  .banner--desktop-transparent .content-container:after {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom::after,
  .banner--mobile-bottom .banner__media::after {
    display: none;
  }
}

/* .banner::after, */
.banner__media::after,
.slideshow__media:after{
  content: '';
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  left:0;
  right:0;
}

.banner__box > * + .banner__text {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__text {
    margin-top: 2rem;
  }
}


.banner__box > * + .banner__list {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__list {
    margin-top: 2rem;
  }
}  
  
  
.banner__box > * + * {
  margin: 0;
}



@media screen and (max-width: 749px) {
  .banner--stacked .banner__box {
    width: 100%;
  }
}

@media screen and (min-width: 750px) {
  .banner__box {
    width: auto;
    max-width: 71rem;
    min-width: 45rem;
  }
 
}

@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 90rem;
  }
}



.banner__box .banner__heading + * {
  margin-top: 0;
}

.banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0;
  max-width: 45rem;
  word-break: break-word;
}

.banner__buttons >*:not(:last-child):not(:only-child){margin-right:0rem;}

@media screen and (max-width: 749px) {
  .banner--content-align-mobile-right .banner__buttons--multiple {
    justify-content: flex-end;
  }

  .banner--content-align-mobile-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }
}
.banner__list.subtitle.icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 750px) {
  .banner--content-align-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }

  .banner--content-align-right .banner__buttons--multiple {
    justify-content: flex-end;
  }
 
.banner__list.subtitle.icon  span{
    font-size: var(--font-h3-size);
    margin-left: 20px;
    letter-spacing: 0;
}  
 .banner__list.subtitle.icon {
    display: flex;
    flex-direction:row;
    align-items: center;
} 
}

.banner__box > * + .banner__buttons {
  margin-top: 4rem;
}
/*
h2.banner__heading span {
    color: var(--gradient-background);
} */
.banner__list.subtitle.icon  span{
    margin-left: 20px;
    letter-spacing: 0;
} 

.banner__text.subtitle span:after {
    content: "";
    width: 50px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background:currentcolor;
    margin: auto;
    position: relative;
    left: 15px;
    right: 0;
    top: 0;
}


.slideshow-with-promo-images .slideshow__text.banner__box > *:not(:last-child){margin-bottom:15px;}

 @media screen and (max-width: 749px){
.banner--mobile-bottom .slideshow__text-wrapper.banner__content {
    position: relative;
}
}
.slideshow__media img{
  height:100%;
  width:100%;
}
/*image-banner*/
.image-banner-style .banner__list.subtitle.icon{ padding-right: 79px; position:relative;}
.image-banner-style .banner__list.subtitle.icon:after { content: ""; position: absolute; background: rgba(var(--color-border), 0.1); width: 1px; height: 100%; right: 0;}
.image-banner-style .banner__box { padding: 0rem 0rem 0 7.9rem;}
.image-banner-style .banner__box>*+.banner__buttons{margin-top: 5rem;}
.image-banner-style  .banner__content{padding:0;}
 @media screen and (max-width: 1300px){
   .image-banner-style .banner__box { padding: 0rem 0rem 0 5.9rem;}
   .image-banner-style .banner__box>*+.banner__buttons{margin-top: 3rem;}
   .image-banner-style .banner__list.subtitle.icon{ padding-right: 59px;}
   .image-banner-style  .banner__content{padding:2rem;}
   .image-banner-style.banner--small:not(.banner--adapt){ min-height: 25rem;  height: 25rem;}
 }
 @media screen and (max-width: 830px){
   .image-banner-style .banner__content{flex-direction:column;gap:40px;}
    .image-banner-style.banner--small:not(.banner--adapt){ min-height: 45rem;  height: 45rem;}
   .image-banner-style .banner__list.subtitle.icon{ padding-right: 0;}
      .image-banner-style .banner__list.subtitle.icon img{height:150px;}
   .image-banner-style .banner__box { padding: 0rem }
   .image-banner-style .banner__list.subtitle.icon:after{display:none}
   .section-image-banner .image-banner-style.banner--content-align-left .banner__box{text-align:center;}
 }
 @media screen and (max-width: 480px){
    .image-banner-style .banner__content{gap:20px;}
    .image-banner-style .banner__list.subtitle.icon img{height:100px;}
 }
/* ==== section-instagram-gallery.css ==== */
.insta-gallery .insta-gallery-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.three-column{ display: grid;  grid-template-columns: repeat(3,1fr);}
.insta-gallery .insta-gallery-section.four-column{ display: grid; grid-template-columns: repeat(4,1fr);}
.insta-gallery .insta-gallery-section.five-column{ display: grid; grid-template-columns: repeat(5,1fr);}
.insta-gallery .insta-gallery-section.six-column{ display: grid; grid-template-columns: repeat(6,1fr);}
.insta-gallery .insta-gallery-section{ column-gap:  var(--grid-desktop-horizontal-spacing); row-gap:  var(--grid-desktop-horizontal-spacing);}
@media screen and (max-width: 1199px) and (min-width: 990px) {
.insta-gallery .insta-gallery-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.five-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.insta-gallery .insta-gallery-section.six-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.insta-gallery .insta-gallery-section { column-gap:  var(--grid-desktop-horizontal-spacing); row-gap:  var(--grid-desktop-horizontal-spacing); }  
}
@media screen and (max-width: 989px) and (min-width: 750px) {
.insta-gallery .insta-gallery-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.five-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.six-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section { column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-horizontal-spacing);}  
}
 @media screen and (max-width: 749px) {
 .insta-gallery .insta-gallery-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.three-column{ display: grid;  grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.five-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section.six-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.insta-gallery .insta-gallery-section { column-gap: var(--grid-mobile-horizontal-spacing);row-gap: var(--grid-mobile-vertical-spacing);}
 }
@media screen and (max-width: 480px) {
.insta-gallery .insta-gallery-section.five-column{ display: grid; grid-template-columns: repeat(1,1fr);}  
}
.insta-gallery .title-wrapper-with-link.content-align--left{align-items: flex-start;}
.insta-gallery .title-wrapper-with-link.content-align--center{align-items: center;}
.insta-gallery .insta-gallery-section .insta-gallery-wrapper .insta-gallery-block-image img.insta-gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
      border-radius: var(--media-radius);
}
.insta-gallery .insta-gallery-section .insta-gallery-wrapper .insta-gallery-inner{display: flex;flex-direction: column;}
.insta-gallery-inner.banner--content-align-center {
    align-items: center;
    text-align: center;
}
.insta-gallery-inner.banner--content-align-right {
    align-items: flex-end;
    text-align: right;
}
.insta-gallery-inner.banner--content-align-left {
    align-items: flex-start;
    text-align: left;
}

.insta-gallery .insta-gallery-section:not(.background-none) .insta-gallery-wrapper {
  background: rgb(var(--color-background));
/*   height: 100%; */
}

.insta-gallery .dt-sc-insta-gallery-section.background-primary .insta-gallery-wrapper {
  background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04));
}
.insta-gallery-section .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner h4.main-title a{color:var(--color-foreground);}
/*Overlay style*/
.insta-gallery-section.overlay .insta-gallery-wrapper{ /*height: 320px;*/ position: relative;}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-block-image{width:100%; height:100%;display:flex; }
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content {    position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0px; right: 0px; transition: all 0.3s linear; opacity:0;}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content {   display: flex; flex-direction:column;padding:30px; align-items:center; justify-content:center;}
.insta-gallery-section.overlay .insta-gallery-wrapper{transition: all 0.3s linear;overflow:hidden;will-change:transform;}

.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content.instagram-content{ background: rgba(var(--color-background),0.5);} 


/* custom css */
.custom-insta{padding:0 20px;}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .banner-button svg{width:35px;height:35px}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-weight:500;}

.insta-gallery .insta-gallery-section .insta-gallery-wrapper .insta-gallery-inner .description{line-height:normal;}
.insta-gallery-section.overlay .insta-gallery-wrapper:hover .insta-gallery-content {opacity:1}
.insta-gallery-section.overlay a.icon-svg svg {width: 24px;height: 24px; display:flex;}
.insta-gallery-section.overlay a.icon-svg{margin:0;}
/* .insta-gallery .insta_bottom{    padding-top: 40px;} */
slider-component .insta-gallery .insta-gallery-section{justify-content:center;}
 .insta-gallery insta-slider .insta-gallery-section{column-gap:0; row-gap:0;}
.insta-gallery .insta-gallery-section .insta-gallery-wrapper .insta-gallery-inner > *:not(:last-child , :only-child){margin:0 0 10px;}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content {transition: all 0.3s linear;transform: scale(0.8);-webkit-transform: scale(0.8);}
.insta-gallery-section.overlay .insta-gallery-wrapper:hover .insta-gallery-content {transform: scale(1);-webkit-transform: scale(1);}


@media screen and (max-width: 990px) {

.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content{padding:10px;}  
}
@media screen and (max-width: 749px) {
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content{padding:10px;}

}
@media screen and (max-width: 480px) {
 .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content{top:10px;bottom:10px;left:10px;right:10px;}
}

/*icon-only*/
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-icon{ background: rgb(var(--color-link)); top: 0; left: 0; right: 0; bottom: 0; width: 60px; height: 60px; margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition:all 0.3s linear; color:rgb(var(--color-background));}
.insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-icon:hover{background: rgb(var(--color-link-hover)); color:rgb(var(--color-background));}


/* custom css */
.custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-size: var(--font-h1-size);text-transform: uppercase;font-weight:400;color:rgba(var(--color-background));transition:all 0.3s linear;}
.custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content.instagram-content {background: transparent;opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-icon{position: absolute;background: transparent; width: 242px; height: 242px; z-index: -1;opacity: 0.1;}
.custom-instagram .insta-gallery-section.overlay a.icon-svg svg {width: 242px; height: 242px;}
.custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper{transition:all 0.3s linear;}
.custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper:hover .insta-gallery-content .insta-gallery-inner .sub-title{color:rgba(var(--color-link-hover));}
@media screen and (max-width: 1880px) {
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-size: calc(var(--font-h1-size) * 0.85);}
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content.instagram-content {padding: 10px;}
}
@media screen and (max-width: 1540px) {
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-size: calc(var(--font-h1-size) * 0.8);}
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-icon,
.custom-instagram .insta-gallery-section.overlay a.icon-svg svg {width: 150px; height: 150px;}
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content.instagram-content {padding: 10px;}
}
@media screen and (max-width: 1439px) {
  .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-size: calc(var(--font-h1-size) * 0.55);}
}
@media screen and (max-width: 1199px) {
   .custom-instagram .grid--5-col-desktop .grid__item {width: calc(20% - var(--grid-desktop-horizontal-spacing)* 4 / 5);max-width: calc(20% - var(--grid-desktop-horizontal-spacing)* 4 / 5);}
   .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-gallery-inner .sub-title{font-size: calc(var(--font-h1-size) * 0.5);}
   .custom-instagram .insta-gallery-section.overlay .insta-gallery-wrapper .insta-gallery-content .insta-icon,
.custom-instagram .insta-gallery-section.overlay a.icon-svg svg {width: 100px; height: 100px;}
}
@media screen and (max-width: 989px) {
     .custom-instagram .grid--5-col-desktop .grid__item {width: calc(50% - var(--grid-mobile-horizontal-spacing));max-width: calc(50% - var(--grid-mobile-horizontal-spacing) );}
     .custom-instagram .grid--5-col-desktop .grid__item.insta-gallery-wrapper:nth-child(3){width:100%;max-width:100%;}
}
/* ==== section-main-page.css ==== */
.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
    
  }
}

.page-placeholder-wrapper {
  display: flex;
  justify-content: center;
}

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}

/* ==== section-marquee.css ==== */
.marquee-section {overflow: hidden;}
.marquee-section  .swiper-container {width: 100%;height: 100%;position: relative;overflow: hidden;}
.marquee-section .start-animation{
      display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}
.marquee-section  .start-animation .marquee-list {
  animation: scroll-left 70s linear infinite;
  position: relative;
display: flex;
    align-items: center;
    justify-content: space-around;
    flex-shrink: 0;
    min-width: 100%;
}
.marquee-section  .start-animation .marquee-list.reverse{
 animation-direction: reverse;
}
.marquee-section .start-animation:hover .marquee-list {
    animation-play-state: paused;
}
.marquee-section  .swiper-slide {text-align: center;font-size: var(--font-h3-size);display: flex;justify-content: center;align-items: center;width: auto;position: relative;background: transparent;}
.marquee-section  :is(.marquee-title) {margin: 0 30px;}
.marquee-section .start-animation .marquee-list li{list-style:none; position:relative;}
  
@keyframes scroll-left{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}
                     
/* ==== section-masonry-banner.css ==== */
.grid-banner-section.masonry-grid-banner{
  display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: inherit;
    flex-flow: inherit;
    justify-content: space-between;
}

.grid-banner-section.masonry-grid-banner .additional-grids{display:grid; gap:var(--grid-desktop-horizontal-spacing);}
.main-grid .grid-banner { height: 100%;}
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:20px;}
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img,
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image{ height: 100%;width:100%;border-radius: var(--buttons-radius);overflow: hidden;}
.main-grid .grid-banner.overlay_style, .additional-grids .grid-banner.overlay_style{position:relative;height:100%}
.main-grid .grid-banner.overlay_style .grid-banner-image{position:relative;}
.additional-grids .grid-banner.overlay_style .grid-banner-block-image{position:relative;}

.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image,
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{ height: 100%;width:100%;border-radius: var(--buttons-radius);overflow: hidden;}

.main-grid .grid-banner.overlay_style .grid-banner-content,
.additional-grids .grid-banner.overlay_style .grid-banner-content {position: absolute;padding:0px;}
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image img,
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image  svg{ transform-origin: left; }
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image  img, .grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image  svg{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.01);}

@media(min-width:750px) {

  .grid-banner-section.masonry-grid-banner .additional-grids.two-items.default,
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5,
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-banner-section.masonry-grid-banner .additional-grids[class*="style-"] .grid-banner:only-child { grid-column: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner.grid-style:first-child { grid-row-end: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 1; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-3 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child { grid-row: 1 / 3; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:last-child { grid-column: 1 / 3; grid-row-start: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-4 .grid-banner:first-child { grid-row: 1 / 4; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-5 .grid-banner:first-child { grid-row: 1 / 4; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 { grid-template-columns: auto; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 .grid-banner:first-child { grid-column: 1 / 4; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:first-child { grid-row: 1 / 3; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:last-child { grid-column: 1 / 3; grid-row-start: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 { grid-template-columns: repeat(3, 1fr); }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-2 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 .grid-banner:first-child { grid-row: 1 / 5; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-5 .grid-banner:first-child { grid-column: 1 / 5; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-6 .grid-banner:first-child { grid-column: 1 / 5; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-7 .grid-banner:first-child { grid-column: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-8 .grid-banner:first-child,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9 .grid-banner:first-child { grid-column-start: 2; grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 .grid-banner:first-child { grid-column-start: 1;	grid-row: 1 / 3; }


}
 .grid-banner-section.masonry-grid-banner  .grid-banner-content .grid-banner-inner.left { text-align: left;}
 .grid-banner-section.masonry-grid-banner  .grid-banner-content .grid-banner-inner.center { text-align: center;}
.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:hover{ color:var(--gradient-base-accent-2)}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center{ top: 20px; left:20px; right: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-left{ top: 20px;; left: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-right{ top: 20px; right: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-left{top: 20px; left: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-center{top: 20px; left: 20px; right: 20px;  width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-right {top: 20px; right: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-left{ left: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-center{ left: 20px; right: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-right{ right: 20px; bottom: 20px; width: fit-content; height: fit-content; margin: auto;}

.main-grid .grid-banner.overlay_style .grid-banner-image:before{ background:var(--gradient-base-accent-3); width: 100%; height: 100%; z-index: 2; position: absolute; content: ""; opacity:0; transition:all 0.3s linear;}
.main-grid:hover .grid-banner.overlay_style .grid-banner-image:before{  opacity:0.2; z-index:2;}

.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .sub-title,
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .main-title,
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .description{margin:0;}
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner > *:not(:last-child) { margin: 0 0 10px;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{ z-index:2;}



.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img,
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image svg{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.01);}
.grid-banner-section.masonry-grid-banner .additional-grids{overflow:hidden;}
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style:hover .grid-banner-block-image img,
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style:hover .grid-banner-block-image svg{ transform-origin: left;}
.grid-banner-section.masonry-grid-banner .main-grid {overflow:hidden; }



/* ==== section-multicolumn.css ==== */

.multicolumn.no-heading .title {
  display: none;
}

.multicolumn .title-wrapper-with-link {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .multicolumn .title-wrapper-with-link {
    margin-bottom: 3rem;
  }

  /* .multicolumn .page-width {
    padding-left: 0;
    padding-right: 0;
  } */
}

.multicolumn-card__image-wrapper--third-width {
  width: 33%;
}

.multicolumn-card__image-wrapper--half-width {
  width: 50%;
}

.multicolumn-list__item.center
  .multicolumn-card__image-wrapper:not(.multicolumn-card__image-wrapper--full-width),
.multicolumn-list__item:only-child {
  margin-left: auto;
  margin-right: auto;
}

/* .multicolumn .button {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .multicolumn .button {
    margin-top: 4rem;
  }
}
 */
.multicolumn-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.multicolumn-list__item:only-child {
  max-width: 72rem;
}

.multicolumn-list__item--empty {
  display: none;
}


.multicolumn-list h3 {
  line-height: calc(1 + 0.5 / max(1, var(--font-heading-scale)));
}

.multicolumn-list h3,
.multicolumn-list p {
  margin: 0;
}

.multicolumn-card-spacing {
  padding-top:0rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.multicolumn-card__info > :nth-child(2) {
  margin-top: 1rem;
}

.multicolumn-list__item.center .media--adapt,
.multicolumn-list__item .media--adapt .multicolumn-card__image {
  width: auto;
  transition: all 0.3s linear;
  border-radius: var(--media-radius);
}
.multicolumn-list__item.center .media--adapt img {
/*   left: 50%;
  transform: translateX(-50%); */
      transition: all 0.3s linear;
}

@media screen and (max-width: 749px) {
  .multicolumn-list {
    margin: 0;
    width: 100%;
  }

/*   .multicolumn-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  } */
}


@media screen and (min-width: 750px) {
  .multicolumn-list.slider,
  .multicolumn-list.grid--4-col-desktop {
    padding: 0;
  }

  .multicolumn-list__item,
  .grid--4-col-desktop .multicolumn-list__item {
    padding-bottom: 0;
  }

  .background-none .grid--2-col-tablet .multicolumn-list__item {
    margin-top: 4rem;
  }
}

.background-none .multicolumn-card-spacing {
  padding: 0;
  margin: 0;
}

.multicolumn-card__info {
  padding: 2.5rem;
}

.background-none .multicolumn-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.background-none .slider .multicolumn-card__info {
  padding-bottom: 0;
}

.background-none .multicolumn-card__image-wrapper + .multicolumn-card__info {
  padding-top: 2.5rem;
}

.background-none .slider .multicolumn-card__info {
  padding-left: 0.5rem;
}

.background-none
  .slider
  .multicolumn-card__image-wrapper
  + .multicolumn-card__info {
  padding-left: 1.5rem;
}

.background-none
  .multicolumn-list:not(.slider)
  .center
  .multicolumn-card__info {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 749px) {
  .background-none .slider .multicolumn-card__info {
    padding-bottom: 1rem;
  }

  .multicolumn.background-none .slider.slider--mobile {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 750px) {
/*   .background-none .multicolumn-card__image-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  } */

  .background-none .multicolumn-list .multicolumn-card__info,
  .background-none
    .multicolumn-list:not(.slider)
    .center
    .multicolumn-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.multicolumn-card {
  position: relative;
  box-sizing: border-box;
}

.multicolumn-card > .multicolumn-card__image-wrapper--full-width:not(.multicolumn-card-spacing) {
  border-top-left-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  border-top-right-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  overflow: hidden;
}

.multicolumn.background-none .multicolumn-card {
  border-radius: 0;
}

.multicolumn-card__info .link {
  text-decoration: none;
  font-size: inherit;
  margin-top: 1.5rem;
}
.multicolumn-list__item.center .multicolumn-card__info .link {
  max-width:fit-content;     margin: 10px auto 0;
}
.multicolumn-list__item .multicolumn-card__info .link {
  max-width:fit-content;     margin: 10px 0 0;
}
.multicolumn-card__info .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
}

@media screen and (min-width: 990px) {
  .multicolumn-list__item--empty {
    display: list-item;
  }
}
/*Overlay style*/

.multicolumn-card.content-container.overlay_style .multicolumn-card__info {    position: absolute; top: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; padding: 0 2rem;  width:100%;
 background:rgba(var(--color-background),0.5); opacity:0;  transition: all 0.3s linear;}
.multicolumn-card.content-container.overlay_style:hover .multicolumn-card__info{opacity:1;}
.multicolumn-card.content-container.overlay_style .multicolumn-card__info a.icon-svg{  display:block;  margin: 0 auto; width: 52px; color: var(--color-foreground); height: 52px;  transform: scale(0); transition: all .3s linear;}
.multicolumn-card.content-container .multicolumn-card__info a.icon-svg{display:none;}
.multicolumn-card.content-container.overlay_style:hover .multicolumn-card__info a.icon-svg{  transform: scale(1);}
.multicolumn-card.content-container:hover img {  transform: scale3d(1.1, 1.1, 1);}
@media screen and (max-width: 1540px) and (min-width: 1200px){
     .multicolumn-list.grid--6-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
}
@media screen and (min-width: 750px) and (max-width: 990px){
 .multicolumn-list.grid--3-col-desktop .grid__item {
     width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
  .multicolumn-list.grid--4-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);;
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);;
  }
  .multicolumn-list.grid--5-col-desktop .grid__item {
     width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .multicolumn-list.grid--6-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
}
@media screen and (max-width: 576px){
 .multicolumn-list.grid--3-col-desktop .grid__item { width: 100%; max-width: 100%; }
 .multicolumn-list.grid--4-col-desktop .grid__item {  width: 100%; max-width: 100%;}
 .multicolumn-list.grid--5-col-desktop .grid__item {  width: 100%; max-width: 100%;} 
 .multicolumn-list.grid--6-col-desktop .grid__item {  width: 100%; max-width: 100%;}   
}
.multicolumn slider-component .multicolumn-list{justify-content:center;}
.multicolumn  multi-slider{cursor:grab;}
.multicolumn .swiper-pagination{margin-top:10px;}

/* Swiper Slider Custom code */
.shop-sub-collection-multicolumn .swiper-slide {
  list-style: none;
}
.shop-sub-collection-multicolumn .swiper-button-prev {
  right: unset !important;
  left: 0 !important;
}
.shop-sub-collection-multicolumn .swiper-button-next {
  right: 0 !important;
  left: unset !important;
}
.shop-sub-collection-multicolumn .swiper-wrapper.multicolumn-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
img.multicolumn-card__image {
    transition: all 0.3s linear;
}
.shop-sub-collection-multicolumn .swiper{padding:0 20px;}
.shop-sub-collection-multicolumn  .swiper-button-next.swiper-button-disabled, .shop-sub-collection-multicolumn  .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.shop-sub-collection-multicolumn  .row:hover .swiper-button-next.swiper-button-disabled, .shop-sub-collection-multicolumn .row:hover .swiper-button-prev.swiper-button-disabled{opacity:0.35;}



/*sub-collection*/
.shop-sub-collection-multicolumn .multicolumn-card__image-wrapper{position:relative;}
.shop-sub-collection-multicolumn .multicolumn-card__info{    z-index: 0;  position: absolute; bottom: 0; left: 0;  right: 0;  padding: 0; height: 100%; display: flex; align-items: end; justify-content:center; }
.shop-sub-collection-multicolumn .multicolumn-card__info h3{color:rgba(var(--color-foreground));    z-index: 1;}
.shop-sub-collection-multicolumn .multicolumn-card__info:before{    transition: all cubic-bezier(.47,1.21,.47,1.21) .3s;
    -webkit-transition: all cubic-bezier(.47,1.21,.47,1.21) .3s;
    opacity: 0.65;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition:all 0.3s linear;
    position: absolute;
    z-index: 1; background-image: linear-gradient(180deg, rgba(243, 238, 235, 0), #181818);}
.shop-sub-collection-multicolumn .swiper-button-next, .shop-sub-collection-multicolumn .swiper-button-prev{ transition: all cubic-bezier(.47,1.21,.47,1.21) .3s; -webkit-transition: all cubic-bezier(.47,1.21,.47,1.21) .3s; font-size: 0; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; z-index: 1; border: none; opacity: 0;  
 background: var(--gradient-background);  border-radius: 50%;  width: 30px;  height: 28px; transition:all 0.3s linear; cursor:pointer;}
.shop-sub-collection-multicolumn .row:hover .swiper-button-next, .shop-sub-collection-multicolumn .row:hover .swiper-button-prev{opacity:1;}
.shop-sub-collection-multicolumn .multicolumn-card.content-container:hover img{    transform: scale3d(1,1,1);}
.shop-sub-collection-multicolumn .multicolumn-card.content-container:hover .multicolumn-card__info:before{opacity: 1;}
.shop-sub-collection-multicolumn .swiper-button-next svg, .shop-sub-collection-multicolumn .swiper-button-prev svg{width:1.3rem; height:1.3rem;}
.shop-sub-collection-multicolumn .swiper-button-next:hover, .shop-sub-collection-multicolumn .swiper-button-prev:hover{    background: rgba(var(--color-foreground));  fill: rgba(var(--color-background));}
@media screen and (max-width: 750px){
  .multicolumn.shop-sub-collection-multicolumn {
    padding: 0 1.5rem;
}
}

/* custom css */
.demo1-multicolumn .multicolumn-card__info{padding:0;}
.demo1-multicolumn.multicolumn.background-primary .multicolumn-card{background:transparent;}
.demo1-multicolumn .multicolumn-list__item .multicolumn-card__info .link{margin:0;background: transparent;border: 1px solid;}
.demo1-multicolumn .multicolumn-list__item .multicolumn-card__info .link:hover{background-color: rgba(var(--button-color));    color: rgb(var(--button-color-text));border: 1px solid rgba(var(--button-color));}
.demo1-multicolumn .multicolumn-list .multicolumn-list__item{    width: max-content; max-width: max-content;}
.demo1-multicolumn.multicolumn slider-component .multicolumn-list{gap:15px;}
.demo1-multicolumn.multicolumn .title-wrapper-with-link{margin-bottom:40px;}
.demo1-multicolumn.multicolumn  .row{ border-radius: var(--media-radius);    padding: 120px 50px;}  
.demo1-multicolumn.multicolumn .multicolumn-card__info .icon-wrap{margin:0;}
.demo1-multicolumn.multicolumn .view-all-button{ display: flex;justify-content: center;margin-top: 60px;}
.demo1-multicolumn.multicolumn .view-all-button .link{position:relative;display: flex;align-items:center;gap:8px;}
.demo1-multicolumn.multicolumn .view-all-button .link:after{content:'';width:calc(100% - 20px);height:1px;background:currentcolor;position:absolute;bottom:2px;}
@media screen and (max-width: 990px){
.demo1-multicolumn.multicolumn  .row{padding: 80px 30px;}  
.demo1-multicolumn .multicolumn-list__item .multicolumn-card__info .link{padding:0 2rem;min-height:calc(5rem + var(--buttons-border-width) * 2)}  
}
@media screen and (max-width: 576px){
.demo1-multicolumn.multicolumn  .row{padding: 50px 20px;}  
.demo1-multicolumn .multicolumn-list__item .multicolumn-card__info .link{padding:0 1.5rem;min-height:calc(4rem + var(--buttons-border-width) * 2)}  
}
@media screen and (max-width: 450px){
  .demo1-multicolumn .multicolumn-list__item .multicolumn-card__info .link{        font-size: calc(var(--font-base-size) - 2px);}
}


.multicolumn.demo-10-multicolumn .multicolumn-card__info{padding:3rem;position:relative;z-index:1; border-top: 1px solid rgba(var(--color-border), var(--color-border-opacity));}
.multicolumn.demo-10-multicolumn  cite p.testimonial-author { margin:0;font-size: var(--font-h5-size);    color: rgb(var(--color-foreground));}
.multicolumn.demo-10-multicolumn  cite { display: flex; flex-wrap:wrap;align-items: center; justify-content: center;font-style: normal;}
.multicolumn.demo-10-multicolumn .multicolumn-card-spacing{    margin-left: 0; margin-right: 0;}
.multicolumn.demo-10-multicolumn .multicolumn-card{border: 1px solid rgba(var(--color-border), var(--color-border-opacity));    border-radius: var(--border-radius); overflow: hidden;}
.multicolumn.demo-10-multicolumn .multicolumn-list__item.center .media img, .multicolumn.demo-10-multicolumn .multicolumn-list__item.center .media--adapt{ border-radius: 0;}
.multicolumn.demo-10-multicolumn .dt-sc-rating{margin-bottom:1rem;}
.multicolumn.demo-10-multicolumn  .multicolumn-card__info h3{    margin-bottom: 1.5rem;text-transform:uppercase;}
.multicolumn.demo-10-multicolumn  .multicolumn-card__info p{    margin-bottom: 1.5rem;}
.multicolumn.demo-10-multicolumn .multicolumn-card__info:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(var(--color-button));transform:scale(0.8);transition:all 0.3s linear;opacity:0;z-index:-1;}
.multicolumn.demo-10-multicolumn .multicolumn-card:hover .multicolumn-card__info:after{opacity:0;transform:scale(1);}
.multicolumn.demo-10-multicolumn .multicolumn-card{transition:all 0.3s linear;}
@media screen and (min-width:1200px){
.multicolumn.demo-10-multicolumn multi-slider {cursor: auto;}
}
@media screen and (max-width: 767px){
  .multicolumn.demo-10-multicolumn .multicolumn-card__info{padding:3rem 2rem}
.multicolumn.demo-10-multicolumn  .multicolumn-card__info h3{ font-size: calc(.8 * var(--font-h3-size));}  
}
@media screen and (max-width: 576px){
  .multicolumn.demo-10-multicolumn .multicolumn-card__info{padding:3rem 1.5rem}
}
/* ==== section-newsletter.css ==== */
.newsletter-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.footer-block--newsletter .newsletter-form{justify-content:unset; align-items:unset;flex-direction: unset;}
@media screen and (min-width: 750px) {
  .newsletter-form {
    align-items: center;
    margin: 0 auto;
    max-width: 58rem;
    position: relative;
    padding-left: 0px;
  }

}

.newsletter-form__field-wrapper {
  width: 100%;
}

.newsletter-form__field-wrapper .field__input{padding:0 2rem 0 2rem;}

@media screen and (max-width: 1023px) {
.newsletter-form__field-wrapper .field__input{padding:0  2rem;}
}
.newsletter-form__field-wrapper .field {
  z-index: 0;align-items:center;
}

.newsletter-form__message {
  justify-content: center;
  margin-bottom: 0;
  outline: none;
  box-shadow: none;
  outline-offset: unset;font-weight:var(--font-body-weight);
}

.newsletter-form__message--success {
  margin-top: 2rem;
}

@media screen and (min-width: 750px) {
  .footer-block__details-content.left .newsletter-form__message {
    justify-content: flex-start;
}
  .newsletter-form__message {
    justify-content: center;
    width:100%;
  }
  .newsletter-form__button {
  width: 12.8rem;
  }
  
}

.newsletter-form__button {
    border-radius: var(--buttons-radius);
    top: 0;
    bottom:0;
    margin:0 0 0 10px ;
    z-index: 2;
    font-size: var(--font-base-size);
   width: 15.8rem;
   text-transform: capitalize;
   position:relative;
   min-height: calc(var(--inputs-border-width)* 2);
}

.newsletter .newsletter-form__button:focus-visible {
  box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));
  background-color: rgb(var(--color-background));
  transition:all 0.3s linear;
}

.newsletter  .newsletter-form__button:focus, .newsletter  .newsletter-form__button:hover {
  background-color: rgba(var(--color-secondary-button));
  color: rgba(var(--color-secondary-button-text));
}

.newsletter-form__button .icon {
  width: 1.5rem;
}
.field:after{display:none;}
 .newsletter__wrapper-right{margin-top:30px;}


.newletter_wrapper-block .field:hover.field:after{box-shadow:unset;}
.newletter_wrapper-block .field__button svg{width:20px; height:20px; transition: all .3s linear;fill:currentcolor;}

.newsletter__wrapper-left h2{ margin:0 0 1rem 0;} 
@media screen and (max-width: 749px) {
.newsletter__wrapper .newsletter-form__field-wrapper{ max-width: 50rem;}
.newsletter__wrapper-left{    margin-bottom: 20px;}
}
.section-email-signup .newsletter-form__button{font-family:var(--font-heading-family);}
.newsletter__wrapper .newsletter-checkbox label{ display: flex; align-items: flex-start; width:fit-content; cursor: pointer;}
.newsletter__wrapper .newsletter__subheading{margin-bottom:6rem;}
.newsletter__wrapper .newsletter-checkbox { margin-top: 20px; justify-content: center; display: flex;}
.newsletter__wrapper .terms-condtions { display: flex; align-items: center; justify-content: center;     margin-top: 10px; flex-wrap:wrap;}
.newsletter__wrapper .terms-condtions span { font-weight: 600; }
@media screen and (max-width: 576px) {
    .newsletter__wrapper .newsletter__subheading{    margin-bottom: 3rem;}
}
@media screen and (max-width: 480px) {
  .newsletter__wrapper .newsletter-form__field-wrapper .field{    flex-direction: column; gap: 10px; justify-content: center; align-items: center;}
}
/* ==== section-number-counter.css ==== */
.number-counter-section.grid--1-col-desktop { display: grid;  grid-template-columns: repeat(1,1fr);}
.number-counter-section.grid--2-col-desktop { display: grid;  grid-template-columns: repeat(2,1fr);}
.number-counter-section.grid--3-col-desktop { display: grid;  grid-template-columns: repeat(3,1fr);}
.number-counter-section.grid--4-col-desktop { display: grid; grid-template-columns: repeat(4,1fr);}
.number-counter-section.grid--5-col-desktop {  display: grid; grid-template-columns: repeat(5,1fr);}
.number-counter-section.grid--6-col-desktop { display: grid; grid-template-columns: repeat(6,1fr);}
.number-counter-block.column-alignment-center{ align-items: center;  text-align:center;}
.number-counter-block.column-alignment-left{text-align:left;align-items: flex-start;}
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.content-align--center { text-align: center;}
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.content-align--left { text-align: left;}
.number-counter-icon img.support-block-card__image{width:100px; height:auto;}
.number-counter-block{display: flex; flex-direction: column;}

.number-counter-section{ align-items:flex-start;}
.number-counter-block .counter-value{margin:0;}
.number-counter-block  .number-counter-title{margin:0; font-weight: var(--font-heading-weight);}
.number-counter-block .number-counter-description{margin:0;}
.number-counter-section.list .number-counter-block{ flex-direction: row;display:flex;align-items: center;}
.number-counter-section.list .number-counter-block .number-counter-icon{padding-right:20px;}
.number-counter-block .number-counter-content > *:not(:last-child){margin:0 0 10px;}
 .number-counter-section.grid  .number-counter-block .number-counter-content{margin-top:10px}
.number-counter-block .number-counter-content h3.counter-value {font-weight: var(--font-heading-weight);}

@media screen and (max-width: 1440px){
.number-counter-section.grid--6-col-desktop { display: grid;  grid-template-columns: repeat(4,1fr);}  
}
@media screen and (max-width: 1199px){
.number-counter-section.grid--5-col-desktop { display: grid;  grid-template-columns: repeat(3,1fr);}
.number-counter-section.grid--6-col-desktop { display: grid;  grid-template-columns: repeat(3,1fr);}  
}

@media screen and (max-width: 990px){
.number-counter-section.grid--3-col-desktop { display: grid;  grid-template-columns: repeat(2,1fr);}
.number-counter-section.grid--4-col-desktop{display: grid;  grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 749px){
.number-counter-section.grid--3-col-desktop { display: grid;  grid-template-columns: repeat(2,1fr);}
.number-counter-section.grid--4-col-desktop{display: grid;  grid-template-columns: repeat(2,1fr);}
.number-counter-section.grid--5-col-desktop { display: grid;  grid-template-columns: repeat(2,1fr);} 
.number-counter-section.grid--6-col-desktop { display: grid;  grid-template-columns: repeat(2,1fr);}   

}
@media screen and (max-width: 576px){
.number-counter-section.grid--3-col-desktop, .number-counter-section.grid--4-col-desktop,
.number-counter-section.grid--5-col-desktop, .number-counter-section.grid--6-col-desktop { display: grid;  grid-template-columns: repeat(1,1fr);} 
  
 .number-counter-section.list{grid-template-columns: repeat(1,1fr);} 

  .number-counter-section.list .number-counter-block{justify-content: center;}
}

@media screen and (max-width: 400px){
  .number-counter-section.grid--3-col-desktop { display: grid;  grid-template-columns: repeat(1,1fr);}
  .number-counter-section.grid--3-col-desktop .number-counter-block:last-child{left:0;}
}

/* custom css */
.about-number-counter .title-wrapper-with-link .title,
.about-number-counter .title-wrapper-with-link .title1{font-weight:800;}
.about-number-counter .title-wrapper-with-link .title{max-width:340px;margin-bottom:20px;}
.about-number-counter .title-wrapper-with-link .description{max-width:910px;}
.about-number-counter .title-wrapper-with-link{margin-bottom:65px;}
.about-number-counter .number-counter-block .number-counter-title{    font-size: var(--font-h5-size);margin-bottom:6px;}
.about-number-counter .number-counter-block .number-counter-content .counter-value{font-weight:700;margin:0;}
.about-number-counter .number-counter-section.grid .number-counter-block .number-counter-content{margin-top: 0;display: flex;gap: 12px;justify-content: center;align-items: center;text-align: left;}
@media screen and (max-width: 1199px){
  .about-number-counter .number-counter-section.grid .number-counter-block .number-counter-content{flex-direction:column;text-align:center;}
}
@media screen and (max-width: 990px){
  .about-number-counter .number-counter-section{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 767px){
  .about-number-counter .number-counter-section{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 767px) and (min-width:451px){
.about-number-counter .grid--3-col-desktop .number-counter-block:last-child{    position: relative;left: 50%;}
}
@media screen and (max-width: 450px){
  .about-number-counter .number-counter-section{grid-template-columns: repeat(1,1fr);}
}
/* ==== section-product-recommendations.css ==== */
.product-recommendations {
  display: block;
  z-index:0;
  position: relative;
}

.product-recommendations:not(.product-recommendations--loaded) {
  padding: 0;
  margin: 0;
}


.product-recommendations__heading {
  margin: 0;
  margin-bottom: 3rem;
    /* font-weight: 600; */
}

/* .product-recommendations .swiper-button-next, .product-recommendations .swiper-button-prev{top:36%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} */


@media screen and (min-width: 768px) {
  .product-recommendations__heading {
  font-size: var(--font-h2-size); margin-bottom: 5rem;
  }
}
/* ==== section-product-tab.css ==== */
.tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}

.tabs .tablinks {
  color: rgba(var(--color-foreground));
  cursor: pointer;
  padding: 0.5rem 2.5rem;
  margin:  0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* background-color: var(--gradient-base-background-1);
  border: 1px solid var(--gradient-base-background-1); */
  border-right: none;
  box-shadow: inset 0 0 0 rgba(var(--color-background));
  transition: all 0.3s linear;
  font-weight: 600;
  font-family: var(--font-heading-family);
  font-size:var(--font-h5-size);
}
.tabs .tablinks:hover,
.tabs .tablinks.active {
  color: rgb(var(--color-link-hover));
  box-shadow: inset 0 -3px 0 rgba(var(--color-foreground));
}

.tabs_container {
  position: relative;
  width: 100%;
}

.list-style-none {
  list-style: none !important;
}

.text-align-left {
  text-align: left !important;
  align-items: flex-start;
}

.text-align-center {
  text-align: center !important;
  align-items: center;
}

.tabs_container .product-tab-carousel {
  width: 100%;
  transition: all 0.3s linear;
  padding-bottom: 40px;
}

.tabs_container .product-tab-carousel:not(:first-child, :only-child),
.tabs_container .dt-sc-tabs-content:not(:first-child, :only-child) {
  /*   position: absolute;  */
  left: 0;
  top: 0;
}

.tabs_container .product-tab-carousel:not(.active),
.tabs_container .dt-sc-tabs-content:not(.active) {
  opacity: 0;
  pointer-events: none;
}

.product-tab-wrapper .collection .grid {
  justify-content: space-between;
  margin: 0;
  width: 100%;
  padding: 0;
}

.product-tab-wrapper .collection .grid > .grid__item {
  max-width: calc(50% - 18px);
  width: calc(50% - 18px);
  overflow:hidden;
}
.product-tab-wrapper
  .collection
  .grid
  > .grid__item[class*="tab-template--"]:not(:only-child) {
  max-width: calc(50% - 18px);
  width: calc(50% - 18px);
}

.product-tab-wrapper .collection .grid__item:only-child {
  max-width: 100%;
  width: 100%;
}

.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.four-column {
  grid-template-columns: repeat(2, 1fr);
}

.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.five-column,
.product-tab-wrapper
  .collection
  .grid
  > .grid__item:not(:only-child)
  .tabs_container
  .dt-sc-column.six-column {
  grid-template-columns: repeat(3, 1fr);
}

.product-tab-wrapper .collection .grid__item,
.product-tab-wrapper .template-search .grid__item {
  padding: 0;
}

.product-tab-wrapper .collection .grid__item > .media {
  height: 100%;
  background: none;
  width: 100%;
}
.product-tab-wrapper .collection .grid__item > .media > img {
  height: 100%;
  position: relative;
  min-height: 295px;
}

.product-tab-wrapper .collection .grid__item > .media .image-block-heading {
  display: flex;
  flex-wrap: wrap;
  padding: 5rem;
  z-index: 1;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_top {
  align-content: flex-start;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_middle {
  align-content: center;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading.vertical_bottom {
  align-content: flex-end;
}

.product-tab-wrapper .collection .grid__item > .media .image-block-heading > * {
  width: 100%;
  margin: 0;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading
  > *:not(.button) {
  margin-bottom: 1rem;
}
.product-tab-wrapper
  .collection
  .grid__item
  > .media
  .image-block-heading
  > .button {
  width: auto;
  margin-bottom: 0;
  margin-top: 1.5rem;
}


.product-tab-wrapper
  .collection
  > .grid.image-with-text__grid.image-with-text__grid--reverse {
  flex-direction: row-reverse;
}
.product-tab-wrapper
  .collection
  > .grid.image-with-text__grid.image-with-text__grid--reverse
  .grid__item
  > .media {
  float: right;
}

.tabs_container .dt-sc-tabs-content-Details:not(.active) {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.product-tab-wrapper .collection__view-all {margin-top:30px;}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1200px) {
  /*   .product-tab .collection .grid, */
  .product-tab-wrapper
    .collection
    .grid[class*="tab-template--"]:not(:only-child) {
    display: grid;
    grid-template-columns: 1fr;
  }

  .product-tab-wrapper .collection .grid > .grid__item,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child) {
   
    max-width: 100%;
    width: 100%;
  }

  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.three-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.four-column {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: repeat(2, 1fr);
  }

  #dtx-quickview-content .product .product__title {
    font-size: var(--font-h5-size);
  }
}

@media screen and (max-width: 750px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading {
    padding: 3rem;background: rgb(var(--color-background),0.5);
  }
}

@media screen and (max-width: 575px) {
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item[class*="tab-template--"]:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:not(:only-child)
    .tabs_container
    .dt-sc-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.five-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.six-column {
    grid-template-columns: 1fr;
  }
 
  .tabs .tablinks {
    width: 100%;
    padding: 1.5rem 2rem;
  }
 .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.three-column,
  .product-tab-wrapper
    .collection
    .grid
    > .grid__item:only-child
    .tabs_container
    .dt-sc-column.four-column {
    grid-template-columns: repeat(1, 1fr);
  }
}
  /*tab Alignment*/

 .product-tab-with-carousel .tabs.center { justify-content: center;}
 .product-tab-with-carousel .tabs.left { justify-content: flex-start;}
 .product-tab-with-carousel .tabs.right {  justify-content: flex-end;}
/* .product-tab-wrapper .collection .tabs .tablinks { background: transparent;  border-radius: 40px; box-shadow: none; padding: 5px 15px 5px 5px; font-size: var(--font-base-size);} */

/* custom css */

.demo1-product-tab.product-tab-wrapper .collection .tabs .tablinks:after{display:none;} 
.demo1-product-tab .tabs .tablinks img{border-radius: 50%; margin-right: 12px;border: 1px solid rgba(var(--color-border),var( --color-border-opacity));transition:all 0.3s linear;}
.demo1-product-tab.product-tab-wrapper .collection .tabs .tablinks{font-size: var(--font-h6-size);border: 1px solid rgba(var(--color-border),var( --color-border-opacity));padding:6px 20px 6px 6px;margin:0; text-transform: capitalize;font-weight: var(--font-heading-weight);}
.demo1-product-tab.product-tab-wrapper .collection .tabs .tablinks:not(:last-child) {margin-right: 0;}
.demo1-product-tab.product-tab-wrapper .collection .tabs .tablinks:hover, .demo1-product-tab.product-tab-wrapper .collection .tabs .tablinks.active{ color: rgba(var(--color-secondary-button-text));background: rgba(var(--color-secondary-button));}
.demo1-product-tab.product-tab-wrapper .title-wrapper-with-link{margin-bottom:30px;}
.demo1-product-tab.product-tab-wrapper .collection .tabs{gap:10px;  }
.demo1-product-tab.product-tab-wrapper .collection .tabs_container{  margin-top: 50px;}

@media screen and (max-width: 576px) {
  .demo1-product-tab.product-tab-wrapper .collection .tabs_container{  margin-top: 30px;}
  .demo1-product-tab.product-tab-wrapper .collection .tabs{padding:0 0 10px;}
}

.demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks{    font-size: var(--font-h2-size);    padding: .5rem 4rem 2.2rem;margin:0;color:rgba(var(--color-foreground),0.3);transition:all 0.3s linear;}
.demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks:not(:last-child) {margin-right: 0;}
.demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks:after{height:1px;width:100%; background: currentcolor;opacity:1;}
.demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks.active, .demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks:hover{color:rgba(var(--color-foreground))}
.demo3-product-tab.product-tab-wrapper .collection .tabs_container{  margin-top: 50px;}
@media screen and (max-width: 767px) {

.demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks {font-size: calc(var(--font-h2-size) * 0.8);padding: .5rem 3rem 2.2rem;}
}
@media screen and (max-width: 576px) {
  .demo3-product-tab.product-tab-wrapper .collection .tabs_container{  margin-top: 30px;}
  .demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks {font-size: calc(var(--font-h2-size) * 0.5);padding: 1rem 2rem;}
  .demo3-product-tab.product-tab-wrapper .collection .tabs .tablinks.active{color:rgb(var(--color-button-text))}
  
}
/* ==== section-producthotspot.css ==== */
    .dt-sc-hotspot { position: relative; max-width: 100%; margin: auto;  margin-bottom: 0px; height:100%; }
    .dt-sc-hotspot-heading { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 30px;
      flex-wrap: wrap; }
    .dt-sc-hotspot-heading *, .dt-sc-hotspot-heading *:not(:only-child) { margin: 0; }
    .dt-sc-hotspot-heading *:not(:last-child) { margin: 0 0 20px 0; }
    .dt-sc-hotspot-heading.text-center { align-items: center; align-content: flex-start; }
    .dt-sc-hotspot-heading.text-end { align-items: flex-end; align-content: flex-start; }
    .dt-sc-hotspot-heading.top-left { align-items: flex-end; }
    .dt-sc-hotspot-heading.top-center, .dt-sc-hotspot-heading.center, .dt-sc-hotspot-heading.bottom-center { align-items: center; }
    .dt-sc-hotspot-heading.center { justify-content: center; }
    .dt-sc-hotspot-heading.top-right, .dt-sc-hotspot-heading.center-right, .dt-sc-hotspot-heading.bottom-right { align-items: flex-end; }
    .dt-sc-hotspot.with-overlay:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; }
    .dt-sc-hotspot img.dt-sc-hotspot-image { width: 100%; height:100%; }
    .dt-sc-hotspot-item { position: absolute; }
    .dt-sc-hotspot-item .dt-sc-hotspot-marker { top: auto; left: auto; }
    .dt-sc-hotspot.numbered, .dt-sc-hotspot.alphabets { counter-reset: dt-sc-hotspot-counter; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item, .dt-sc-hotspot.alphabets .dt-sc-hotspot-item { counter-increment: dt-sc-hotspot-counter; }
    .dt-sc-hotspot .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span,
    .dt-sc-hotspot .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span { font-family: inherit; transform: none; font-weight: 700; }
    .dt-sc-hotspot .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, decimal); }
    .dt-sc-hotspot .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, upper-alpha); }
    .dt-sc-hotspot  .dt-sc-hotspot-popup { position: absolute; padding: 2em; transition:all var(--duration-default) linear; opacity: 0; visibility: hidden; z-index: 2;border-radius: var(--media-radius);box-shadow: 0 0 20px #00000026; }
    .dt-sc-hotspot .dt-sc-hotspot-popup:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; }
    .dt-sc-hotspot  .dt-sc-hotspot-popup.on-right { left: 40px; top: 50%; transform: translateY(-50%); }
    /* .dt-sc-hotspot .dt-sc-hotspot-popup.on-right:before { left: -8px; border-width: 10px 10px 10px 0; top: 50%; transform: translateY(-50%); } */
    .dt-sc-hotspot  .dt-sc-hotspot-popup.on-right.dt-sc-popup-open { left: 34px; }
    .dt-sc-hotspot .dt-sc-hotspot-popup.on-left { right: 40px; top: 50%; transform: translateY(-50%); }
    /* .dt-sc-hotspot  .dt-sc-hotspot-popup.on-left:before { right: -8px; border-width: 10px 0 10px 10px; top: 50%; transform: translateY(-50%); } */
    .dt-sc-hotspot  .dt-sc-hotspot-popup.on-left.dt-sc-popup-open { right: 34px; }
    .dt-sc-hotspot .dt-sc-hotspot-popup.on-bottom { top: 20px; left: 50%; transform: translateX(-50%); }
    /* .dt-sc-hotspot .dt-sc-hotspot-popup.on-bottom:before { top: -8px; border-width: 0 10px 10px 10px; left: 50%; transform: translateX(-50%); } */
    .dt-sc-hotspot .dt-sc-hotspot-popup.on-bottom.dt-sc-popup-open { top: 34px; }
    .dt-sc-hotspot .dt-sc-hotspot-popup.on-top { bottom: 20px; left: 0; transform: translateX(-50%); }
    /* .dt-sc-hotspot .dt-sc-hotspot-popup.on-top:before { bottom: -8px; border-width: 10px 10px 0 10px; left: 50%; transform: translateX(-50%); } */
    .dt-sc-hotspot .dt-sc-hotspot-popup.on-top.dt-sc-popup-open { bottom: 34px; left:0; }
    .dt-sc-hotspot-popup.dt-sc-popup-open { opacity: 1; visibility: visible;  }
    .dt-sc-hotspot-marker, .dt-sc-hotspot-icon span { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; }
    .dt-sc-hotspot-icon { height: 100%; }
    .dt-sc-hotspot-icon span { left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 50%; transition: all 0.3s linear; }
    .dt-sc-hotspot.simple-round .dt-sc-hotspot-icon span:before { display: none; }
    .dt-sc-popup-open + .dt-sc-hotspot-icon span[class*="fa-plus"],
    .dt-sc-hotspot-icon:hover span[class*="fa-plus"] { transform: rotate(45deg); }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon span:after { display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0;transform-origin: 50% 50%;
      -webkit-animation: pulsate-animation 3s ease-out infinite; animation: pulsate-animation 3s ease-out infinite; content: ""; transition: all 0.3s linear;
        }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-2 span:after { opacity: 1; -webkit-animation: rotate-animation 10s ease-out infinite;
      animation: rotate-animation 10s ease-out infinite; }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-3 span:after,
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-4 span:after { display: none; }
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon span:after,
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon.style-2 span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon.style-2 span:after {
      animation-play-state: paused; -webkit-animation-play-state: paused; }
    /* Animation */
    @keyframes pulsate-animation {
      0% { transform: scale(1); opacity: 0.8; }
      45% { transform: scale(1.75); opacity: 0; border-width: {{ section.settings.hotspot_outer_size | times: 5 }}; }
    }
    @keyframes rotate-animation {
      from { transform: rotate(0); }
      to { transform: rotate(360deg); }
    }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup { opacity: 1; visibility: visible; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 40px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 40px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup { opacity: 1; visibility: visible;  }
    .dt-sc-hotspot.style-3.icon .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span[class*="fa-plus"] { transform: rotate(45deg); }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-2 .dt-sc-hotspot-icon,
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-3 .dt-sc-hotspot-icon { /*pointer-events: none;*/ }
    .hotspot-block .dt-sc-hotspot-content.text-center{text-align: center;} 
    .hotspot-block .dt-sc-hotspot-content.text-start{text-align: left;} 
    .hotspot-block .dt-sc-hotspot-content.text-end{text-align: right;} 
    .hotspot-product-section ul.dt-sc-hotspot-content .card-wrapper { margin: 0;} 

   .mfp-content .dt-sc-hotspot-popup,
   .dt-sc-hotspot-popup{background: rgb(var(--color-background));}
   .dt-sc-hotspot-popup.on-right:before{color: rgb(var(--color-background));border-color: transparent currentcolor transparent transparent;}
   .dt-sc-hotspot-popup.on-left:before{color: rgb(var(--color-background));border-color: transparent transparent transparent currentcolor;}
   .dt-sc-hotspot-popup.on-bottom:before{color: rgb(var(--color-background));border-color: transparent transparent currentcolor transparent;}
   .dt-sc-hotspot-popup.on-top:before{color: rgb(var(--color-background));border-color: currentcolor transparent transparent transparent;}
   .dt-sc-hotspot-item1.block-type-product.open{z-index: 999;}
   .fa-plus:before {content: "+";font-size: 20px;}
   .dt-sc-hotspot-icon span {    transition: all var(--duration-default) linear;}

   .hotspot-block .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, decimal); }
   .hotspot-block .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, upper-alpha); }
   .hotspot-block  .card__information>*{    margin-bottom: 10px;}
   .hotspot-block  .card__content ul[class*=variant-option-color]{margin:0;}
/* ==== section-rich-text.css ==== */
.rich-text {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1;border-radius: var(--media-radius);
}

.rich-text.rich-text--full-width {
  max-width: initial;
  width: 100%;
}

.rich-text__blocks {
  width:100%;
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text--full-width .rich-text__blocks {
  /* 4rem (1.5rem + 2.5rem) margin on left & right */
  width: calc(100% - 8rem / var(--font-body-scale));
}
.rich-text__wrapper{    display: flex;justify-content: center;padding: 0 20px;}
@media screen and (min-width: 750px) {
  .rich-text__blocks {
    max-width: 50rem;
  }

  .rich-text--full-width .rich-text__blocks {
    /* 7.5rem (5rem + 2.5rem) margin on left & right */
    width: calc(100% - 15rem);
  }
   .rich-text__wrapper--left {
    justify-content: flex-start;
  }

  .rich-text__wrapper--right {
    justify-content: flex-end;
  }
.rich-text__wrapper{ padding: 0 50px;}    
}
@media screen and (max-width: 480px) {
 .rich-text--full-width .rich-text__blocks {
  width: calc(100% - 4rem / var(--font-body-scale));
}
 
}
@media screen and (min-width: 990px) {
  .rich-text__blocks {
    max-width: 78rem;
  }
}

/* Blocks */

.rich-text-block.page-full-width .rich-text{border-radius:0;}
.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}
.rich-text__blocks > * + * {
  margin-top: 2rem;
}


.rich-text__blocks > * + a {
  margin-top: 3rem;
}
.rich-text__blocks.left{text-align:left;}
.rich-text__blocks.right{text-align:right;}
.rich-text__blocks.left .rich-text__buttons {
  justify-content: flex-start;
}

.rich-text__blocks.right .rich-text__buttons {
  justify-content: flex-end;
}


/* ==== section-slider-with-promo-image.css ==== */
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width:1200px) {
.slideshow__media.banner__media.media{opacity:0.5;}
  }


/*slider*/

button.slideshow__autoplay.slider-button.no-js-hidden {
    display: block;
    background:var(--gradient-base-background-2);
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 750px) {
.slideshow__media img.desktop-slider{display:none;}
.slideshow__media img.mobile-slider{display:block;}
}
@media screen and (min-width: 750px) {
.slideshow__media img.mobile-slider{display:none;}
.slideshow__media img.desktop-slider{display:block;}
} 



@media screen and (max-width: 989px) {
  .no-js slideshow-component .slider {
    padding-bottom: 3rem;
  }
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 62.5rem;
  min-width: auto;
/*   background: var(--gradient-background); */
/*   padding-top: 190px; */
}

.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
    background:rgba(var(--color-background), 0)
  }
  .banner--mobile-bottom .slideshow__media.banner__media.media, .banner--stacked:not(.banner--mobile-bottom) .slideshow__media.banner__media.media{position:absolute;}
  .slideshow.banner--large.banner--mobile-bottom:not(.banner--adapt) .slideshow__media, .slideshow.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.slideshow__media{height:100%;}
  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
  }

  .slideshow__text.slideshow__text-mobile--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: flex-end;
    text-align: right;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}


.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
/*     padding: 5rem; */
  }
}

/* .slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
} */

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path{
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover svg {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(.8)
}

/* Grouped Block */
 .slideshow-with-promo-images  .grouped-content  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 }
 .slideshow-with-promo-images .slideshow__text.banner__box{margin:20px;}
 .slideshow-with-promo-images  .grouped-content.dt-sc-reverse-columns{flex-direction: row-reverse;}
 .slideshow-with-promo-images  .grouped-content .main-block slideshow-component,
 .slideshow-with-promo-images  .grouped-content .main-block slideshow-component .slide-banner,
 .slideshow-with-promo-images  .grouped-content .main-block slideshow-component .swiper,
 .slideshow-with-promo-images  .grouped-content .main-block slideshow-component .slide-promo{height:100%;border-radius: var(--media-radius);}
 .slideshow-with-promo-images .grouped-content .additional-block{display:grid;} 
 .slideshow-with-promo-images .grouped-content .additional-block .promo-block .featured-content{padding:20px 20px 60px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
 .slideshow-with-promo-images .grouped-content .additional-block .promo-block .featured-content h3,
 .slideshow-with-promo-images .grouped-content .additional-block .promo-block .featured-content p{margin:0;}
.slideshow-with-promo-images .grouped-content .additional-block .promo-block .featured-content > *:not(:last-child) {margin-bottom:15px;}
 .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block .promo-image{position:absolute;top:0;width:100%;height: 100%;z-index:-1;} 
 .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block{position:relative;overflow: hidden;}
 .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block .promo-image,
 .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block .promo-image img{width:100%;height:100%;object-fit:cover;  border-radius: var(--media-radius);}
  .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block .featured-content{width:100%;height:100%;}
/* .slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block .featured-content:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    color: ;
    width: 100%;
    height: 100%;
    z-index:-1;
    background: rgba(var(--color-overlay), 0.7);
    opacity: 0;
    transition: all 0.3s linear;
} 
.slideshow-with-promo-images .grouped-content .additional-block.overlay .promo-block:hover .featured-content:before {opacity:1} */
.slideshow-with-promo-images .grouped-content .additional-block .promo-block .promo-image img{width:100%;}
@media screen and (max-width: 767px) {
.slideshow-with-promo-images .grouped-content .main-block slideshow-component .slide-banner {height: 500px;}
}
/* ==== section-slideshow.css ==== */
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}
.slideshow__media svg.placeholder-svg {
    width: 100%;
    height: 100%;
}
slideshow-component .swiper {
    cursor: grab;
}
@media screen and (max-width:1200px) {
.slideshow__media.banner__media.media{opacity:0.5;}
  }

.slideshow__media img{width:100%;}
/*slider*/

button.slideshow__autoplay.slider-button.no-js-hidden {
    display: block;
    background:var(--gradient-base-background-2);
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 750px) {
.slideshow__media img.desktop-slider{display:none;}
.slideshow__media img.mobile-slider{display:block;}
.slideshow__media:after{opacity:0.3;}  
}
@media screen and (min-width: 750px) {
.slideshow__media img.mobile-slider{display:none;}
.slideshow__media img.desktop-slider{display:block;}
} 

@media screen and (max-width: 480px) {
 /* .slideshow .banner__content, .slideshow-with-promo-images .banner__content{    background: rgba(var(--color-base-background-1), 0.5);} */
  .slideshow-with-promo-images .grouped-content .main-block slideshow-component .slide-promo .slideshow__media{    border: 0px solid rgb(var(--color-overlay));}
}

@media screen and (max-width: 989px) {
  .no-js slideshow-component .slider {
    padding-bottom: 3rem;
  }
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 62.5rem;
}
/* .slideshow__text.banner__box > *:not(:last-child){margin-bottom:20px; } */
.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
    background:rgba(var(--color-background), 0)
  }
  .banner--mobile-bottom .slideshow__media.banner__media.media, .banner--stacked:not(.banner--mobile-bottom) .slideshow__media.banner__media.media{position:absolute;}
  .slideshow.banner--large.banner--mobile-bottom:not(.banner--adapt) .slideshow__media, .slideshow.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.slideshow__media{height:100%;}
  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
  }

  .slideshow__text.slideshow__text-mobile--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: flex-end;
    text-align: right;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}


.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
/*     padding: 5rem; */
  }
}

/* .slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
} */

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path{
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover svg {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(.8)
}
.slideshow__text.banner__box > *:not(:last-child){margin-bottom:15px;}
@media screen and (min-width: 750px) and (max-width: 990px) {
.slideshow__text.banner__box{  max-width:50%; width:50%;}
.slideshow__text-wrapper.banner__content{padding-left:4rem; padding-right:4rem;}  
}


/* A <picture> renders only one image, so the desktop-slider img must stay visible
   at every breakpoint - the <source> swaps the file, not the element. */
.slideshow__media picture img.desktop-slider { display: block; }

/* ==== section-specification-block.css ==== */
.specification-block .specification-banner {  display: flex;  width: 100%;}
.specification-block .specification-banner.specification-container.position-vertical-center{align-items: center;}
.specification-block .specification-banner.specification-container.position-default{align-items: flex-start;}
.specification-block .specification-banner.specification-container.position-vertical-bottom{align-items: flex-end;}
.specification-block .specification-banner.specification-container{  justify-content: space-between;  column-gap: var(--grid-desktop-horizontal-spacing);  row-gap: var(--grid-desktop-vertical-spacing);}
.specification-block .dt-sc-additional-grids{  width: 100%; display: grid;  height: 100%;  column-gap: var(--grid-desktop-horizontal-spacing);  row-gap: var(--grid-desktop-vertical-spacing); top: 0; bottom: 0; position: relative;  margin: auto;}
.specification-block-main-grid { width: 100%; text-align: center;}
.specification-block-support-block{    display: flex; flex-wrap: wrap; margin-bottom:30px; /* height: 100%;*/}
.specification-block .specification-block-support-content {  padding-left: 20px; padding-right: 0;}
.specification-block .specification-block-support-content { width: calc(100% - 50px);}
.specification-block-support-icon-image{  width: 50px;  height: 50px;  border-radius: var(--media-radius);}
.specification-block-support-icon-image { display: flex; justify-content: center; align-items: center;}
.specification-block-support-icon-image img{border-radius: var(--media-radius);}
.specification-block .specification-block-image{width:100%;}
.specification-block .specification-block-image img,
.specification-block .specification-block-image svg.placeholder-svg{width:100%; height:100%;border-radius: var(--media-radius);}
.specification-block-content{  display: flex;  justify-content: center;}
.specification-block-banner.grid .specification-block-content{align-items: center;width: 100%;}
.specification-block-banner .specification-block-content .dt-sc-grid-banner-inner > *:not(:last-child){margin:0 0 10px;}
.specification-block .specification-block-support-content > *:not(:last-child){margin:0 0 10px;}
.specification-block .dt-sc-additional-grids .dt-sc-heading  > *:not(:last-child){margin:0 0 10px;} 
.specification-block .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{margin:0;}
.dt-sc-grid-banner-inner.Left{ text-align: left;}
.dt-sc-grid-banner-inner.Right{ text-align: right;}
.dt-sc-grid-banner-inner.Center{ text-align: center;}
/*Additional grid*/

/*Overlay*/

.specification-block-banner.overlay{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    padding: 0;
    overflow: hidden;
}
.specification-block .specification-block-banner.overlay .specification-block-image{  width:100%;  position: absolute;  height: 100%;}
.specification-block .specification-block-banner.overlay  .specification-block-content{position:relative; height:auto;  padding: 20px;margin:15px;border-radius: var(--media-radius);}
.specification-block  h5.specification-block-support-heading{margin:0;}
.specification-block .specification-block-main-grid h4.specification-block-main-title{ margin: 0;}
.specification-block .specification-block-main-grid p.specification-block-description{ margin: 0;}
.specification-block-banner.center {align-items: center; justify-content: center;}
.specification-block-banner.center-left {align-items: flex-start; justify-content: center;}
.specification-block-banner.center-right {  align-items: flex-end; justify-content: center;}
.specification-block-banner.top-left { justify-content: flex-start; align-items: flex-start;}
.specification-block-banner.top-center { justify-content: flex-start; align-items: center;}
.specification-block-banner.top-right { justify-content: flex-start; align-items: flex-end;}
.specification-block-banner.bottom-left { justify-content: flex-end; align-items: flex-start;}
.specification-block-banner.bottom-center { justify-content: flex-end; align-items: center;}
.specification-block-banner.bottom-right { justify-content: flex-end; align-items: flex-end;}
.specification-block-support-content .specification-block-support-description{margin-bottom:0; margin-top:0;}
  .specification-banner.specification-container.style3 .dt-sc-additional-grids .additional_section_blocks{display:grid;grid-template-columns:repeat(2, 1fr); column-gap: 30px;}
.specification-block .specification-banner.specification-container.content_reverse{flex-direction: row-reverse;}




@media screen and (min-width: 991px){
.specification-banner.specification-container.style3 .specification-block-main-grid{position: sticky;top: 30px;height: 100%;}
}
@media screen and (max-width: 990px){

  .specification-block-main-grid, .specification-banner.specification-container.style3 .specification-block-main-grid{    width: 100%; margin-bottom: 0px; order: -1;}
  .specification-banner.specification-container.style3 .dt-sc-additional-grids{width:100%;}
  .specification-banner.specification-container.style3 .dt-sc-additional-grids .additional_section_blocks{display:grid;grid-template-columns:repeat(2, 1fr);    column-gap: 20px;}
  .specification-banner.specification-container.style3 .dt-sc-additional-grids  .additional_block.button{width:max-content;}
}
@media screen and (max-width: 749px){
.specification-block .dt-sc-additional-grids{column-gap: calc(var(--grid-desktop-horizontal-spacing) / 2);row-gap: calc(var(--grid-desktop-vertical-spacing) / 2);}
.specification-block .specification-banner{  display: flex; flex-wrap: wrap;}
}
@media screen and (max-width: 576px){
  .specification-block .dt-sc-additional-grids,
  .specification-banner.specification-container.style3 .dt-sc-additional-grids{width:100%;}
   .specification-banner.specification-container.style3 .dt-sc-additional-grids .additional_section_blocks{display:grid;grid-template-columns:repeat(1, 1fr);}
} 




/* ==== section-support-block.css ==== */
/* .support-block .title {
  margin: 0;
}
 */
.support-block.no-heading .title {
  display: none;
}

.support-block .title-wrapper-with-link {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .support-block .title-wrapper-with-link {
    margin-bottom: 3rem;
  }

/*   .support-block .page-width {
    padding-left: 0;
    padding-right: 0;
  } */
}

.support-block-card__image-wrapper--third-width {
  width: 33%;
}

.support-block-card__image-wrapper--half-width {
  width: 50%;
}

.support-block-list__item.center:not(.list__item)
  .support-block-card__image-wrapper:not(.support-block-card__image-wrapper--full-width),
.support-block-list__item:only-child {
  margin-left: auto;
  margin-right: auto;
}



.support-block-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.support-block-list__item:only-child {
  max-width: 72rem;
}

.support-block-list__item--empty {
  display: none;
}

.support-block:not(.background-none) .support-block-card {
/*   background: rgb(var(--color-background)); */
  height: 100%;
}

.support-block-list .support-title{  margin:0;}
.support-block-list p {
  margin: 0;
}

.support-block-card-spacing {
  padding-top: 2.5rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.support-block-card__info > :nth-child(2) {
  margin-top: 1rem;
}
.support-block-card__info .rte{margin:0;}
.support-block-list__item.center .media--adapt,
.support-block-list__item .media--adapt .support-block-card__image {
  width: auto;
}

.support-block-list__item.center .media--adapt img {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .support-block-list {
    margin: 0;
    width: 100%;
  }

  .support-block-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}


@media screen and (min-width: 750px) {
  .support-block-list.slider,
  .support-block-list.grid--4-col-desktop {
    padding: 0;
  }

  .support-block-list__item,
  .grid--4-col-desktop .support-block-list__item {
    padding-bottom: 0;
  }

  .background-none .grid--2-col-tablet .support-block-list__item {
    margin-top: 4rem;
  }
}

.background-none .support-block-card-spacing {
  padding: 0;
  margin: 0;
}
.background-none .support-block-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.background-none .slider .support-block-card__info {
  padding-bottom: 0;
}

.background-none .support-block-card__image-wrapper + .support-block-card__info {
  padding-top: 2.5rem;
}

.background-none .slider .support-block-card__info {
  padding-left: 0.5rem;
}

.background-none
  .slider
  .support-block-card__image-wrapper
  + .support-block-card__info {
  padding-left: 1.5rem;
}

.background-none
  .support-block-list:not(.slider)
  .center
  .support-block-card__info {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 749px) {
  .background-none .slider .support-block-card__info {
    padding-bottom: 1rem;
  }

  .support-block.background-none .slider.slider--mobile {
    margin-bottom: 0rem;
  }
/*    .support-block-list.grid--3-col-desktop .grid__item{
      width: 100%;
    max-width: 100%;
  } */
}

@media screen and (min-width: 750px) {
  .background-none .support-block-card__image-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .background-none .support-block-list .support-block-card__info,
  .background-none
    .support-block-list:not(.slider)
    .center
    .support-block-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.support-block-card {
  position: relative;
  box-sizing: border-box;
}

.support-block-card > .support-block-card__image-wrapper--full-width:not(.support-block-card-spacing) {
  border-top-left-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  border-top-right-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  overflow: hidden;
}

.support-block.background-none .support-block-card {
  border-radius: 0;
}

.support-block-card__info .link {
  text-decoration: none;
  font-size: inherit;
  margin-top: 1.5rem;
}

.support-block-card__info .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
}

@media screen and (min-width: 990px) {
  .support-block-list__item--empty {
    display: list-item;
  }
}
.support-block-card .support-block-card__image-wrapper img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.support-block-card .support-block-list__item .support-block-card__image-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.support-block-card .support-block-list__item.center .support-block-card__image-wrapper{
  justify-content:center;
}
.support-block-list__item .support-block-card{
  padding:0;
}
.support-block-list__item.grid__items .support-block-card__info {
  padding-top: 0rem;
}
.support-block-list__item.grid__items .support-block-card__image-wrapper {
   padding-bottom:1rem; 
}
.support-block-list__item.list__item .support-block-card {
  display:flex;
  align-items: center;justify-content:center;
} 
.support-block-list__item.list__item .support-block-card.veritcal_top{
   align-items: flex-start;
}
.support-block-list__item.list__item .support-block-card.veritcal_bottom{
   align-items: flex-end;
}
.support-block-list__item.list__item .support-block-card .support-block-card__info{
  padding:0 0 0 20px;
}
.support-block-list__item { list-style: none;}
.support-block-card .support-block-card__image-wrapper .fa {
    font-size: 34px;
}
.support-block-list__item.list__item .support-title {
    margin: 0;
}
.support-block-list__item.grid__items .support-block-card__info > *:not(:last-child) {
    padding-top: 0rem;
    margin-bottom: 10px;
}

.center .support-block-card__image-wrapper{justify-content:center}
/*column -width*/
support-slider { cursor: grab;}
@media screen and (max-width: 1199px){
  
.support-block-list.grid--4-col-desktop .grid__items{
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}  
  .support-block-list.slider, .support-block-list.grid--4-col-desktop { padding:  0;}  
  .support-block-list .support-title{font-size: calc(.7 * var(--font-h3-size));}
}
@media screen and (max-width: 990px){
  .support-block-list.grid--1-col-tablet-down.grid--peek .grid__items {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
  
}
@media screen and (max-width: 749px){
  .support-block-list.grid--1-col-tablet-down.grid--peek .grid__items {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}
  .support-block-list.slider.slider--mobile.contains-content-container .slider__slide{padding-bottom:0;}
  .support-block ul.support-block-list.slider.slider--mobile{margin-bottom:0;}
}
@media screen and (max-width: 576px){
    .support-block-list .support-block-list__item{width:100%;max-width:100%;}
   .support-block-list__item.list__item .support-block-card .support-block-card__info{padding:0 0 0 20px;}
}
@media screen and (max-width: 480px){

    .support-block-list.grid--1-col-tablet-down.grid--peek .grid__items {width:100%; max-width:100%;}
    .support-block-list.slider, .support-block-list.grid--4-col-desktop { padding:0;} 
  .support-block ul.support-block-list.grid.slider.slider--mobile .support-block-list__item{display:flex;justify-content:center} 
  .support-block-list__item .support-block-card{padding:1rem;}
}

.support-block  .slider-buttons{padding-bottom:25px;}

/* custom css */

.custom-support-block .support-block-list__item.list__item .support-title{font-size: var(--font-h5-size);    margin-bottom: 6px;}
.custom-support-block .support-block-list__item.list__item .support-block-card .support-block-card__info {padding: 15px 10px 15px 20px;}
.custom-support-block .support-block-list__item.list__item .support-block-card{margin:0 10px 0 0;}
@media screen and (min-width: 1250px){
.custom-support-block support-slider,
.demo1-support-block support-slider,
.demo2-support-block support-slider{cursor: auto;}
}
@media screen and (max-width: 1439px){
.custom-support-block .support-block-card__image-wrapper {padding: 3rem 1.5rem;}
  .custom-support-block .support-block-list__item.list__item .support-title{font-size: calc(var(--font-h5-size) * 0.9); }
}
@media screen and (min-width: 992px){
.demo4-support-block support-slider{cursor: auto;}
}
.about-support-block .support-block-list__item.grid__items .support-block-card__image-wrapper {
  padding-bottom: 0;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%;
  margin-bottom: 30px;
}
.about-support-block .support-block-list__item .support-block-card{padding:2rem 1rem;}
.about-support-block .support-block-card__info .rte p{max-width:364px;margin:auto;}
.about-support-block {margin: 0 1.5%;border-radius: var(--media-radius);}

.demo10-support-block .support-block-list__item.grid__items .support-block-card__image-wrapper{width: 150px;height: 150px;padding:0;display: flex;align-items: center;background: rgba(var(--color-button));border-radius: 50%;border: 1px solid rgba(var(--color-border), var(--color-border-opacity));}
.demo10-support-block .support-block-list__item.grid__items .support-block-card__info{margin-top:30px;}
.demo10-support-block .support-block-list__item.grid__items .support-block-card__info .support-title{text-transform:uppercase;font-size: calc(var(--font-h3-size)* .75);}
.demo10-support-block.support-block .title-wrapper-with-link .title {max-width:1170px;margin:0 auto 30px;}
.demo10-support-block.support-block .title-wrapper-with-link .description{max-width:910px;margin:0 auto;}
@media screen and (min-width: 1200px){
  .demo10-support-block .support-block-list__item.grid__items .support-block-card__info .support-title {
    text-transform: uppercase;
    max-width: 80%;
    margin: auto;
    line-height: normal;
    margin-bottom: 1rem;font-size: calc(var(--font-h3-size)* .8);
}
.demo10-support-block.support-block support-slider {cursor: auto;}
}
@media screen and (max-width:1199px){
  
}
/* ==== section-team-section.css ==== */
.team-section .team-section-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section.three-column{ display: grid;  grid-template-columns: repeat(3,1fr);}
.team-section .team-section-section.four-column{ display: grid; grid-template-columns: repeat(4,1fr);}
.team-section .team-section-section.five-column{ display: grid; grid-template-columns: repeat(5,1fr);}
.team-section .team-section-section.six-column{ display: grid; grid-template-columns: repeat(6,1fr);}
.team-section .team-section-section{ column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing);}
@media screen and (max-width: 1199px) and (min-width: 750px) {
.team-section .team-section-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section.five-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.team-section .team-section-section.six-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.team-section .team-section-section { column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-horizontal-spacing);}  
}
@media screen and (max-width: 749px) {
.team-section .team-section-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section.five-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section.three-column{ display: grid;  grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section.six-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.team-section .team-section-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}  
}
 /* @media screen and (max-width: 400px) {
 .team-section .team-section-section.two-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.team-section .team-section-section.three-column{ display: grid;  grid-template-columns: repeat(1,1fr);}
.team-section .team-section-section.four-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.team-section .team-section-section.five-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.team-section .team-section-section.six-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.team-section .team-section-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}
  
 } */

.team-section .title-wrapper-with-link.content-align--left{align-items: flex-start;}
.team-section .title-wrapper-with-link.content-align--center{align-items: center;}
.team-section .team-section-section .team-section-wrapper .team-section-block-image img.team-section-image {
    width: 100%;
    height: 100%;
    object-fit: cover;border-radius:var(--media-radius);
}
.team-section-inner.banner--content-align-center {
    align-items: center;
    text-align: center;
}
.team-section-inner.banner--content-align-right {
    align-items: flex-end;
    text-align: right;
}
.team-section-inner.banner--content-align-left {
    align-items: flex-start;
    text-align: left;
}

.team-section .team-section-section:not(.background-none) .team-section-wrapper {
  /* background: rgb(var(--color-background)); */
  height: 100%;
}
/* 
.team-section .dt-sc-team-section-section.background-primary .team-section-wrapper {
  background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04));
} */
.team-section .team-section-content p.description{  margin:0;}
.team-section .team-section-content{padding:20px 0 0;}
.team-section .team-section-content h4.main-title{  margin: 0; line-height: normal; }
.team-section .team-section-content h6.sub-title{  margin: 0;  line-height: normal;}
.team-section .list-social { display: flex; flex-wrap: wrap; /*justify-content: space-evenly;*/ gap:15px;}
.team-section .list-social{margin-top:0;}
.team-section .team-section-block-image{position:relative;}
.team-section  .team-section-block-image {  display: flex; /*justify-content: center;*/}
.team-section .list-social__link{    padding: 0;}
.team-section .team-section-block-image img{width:100%;    border-radius: var(--media-radius);}
.team-section .team-section-content .team-section-inner >*:not(:last-child){margin:0 0 10px;}
.team-section li.list-social__item:not(:last-child){margin:0;}
 @media screen and (max-width: 480px) {  
.team-section .list-social__item .icon { height: 1.4rem; width: 1.4rem; }
.team-section .team-section-content{padding:15px 0 10px;}  
.team-section .list-social {gap:12px;}   
 }
/*Overlay style*/
.team-section-section.overlay .team-section-wrapper{ height: 500px; position: relative;}
.team-section-section.overlay .team-section-wrapper .team-section-block-image{width:100%; height:100%; }
.team-section-section.overlay .team-section-wrapper .team-section-content{    position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; background: rgba(var(--color-background),0.4);}
.team-section-section.overlay .team-section-wrapper .team-section-content .team-section-inner{    width: 100%;  height: 100%;  display: flex;  flex-direction: column;   justify-content: center;}



/* ==== section-testimonial-with-video.css ==== */
.testimonial-video-wrapper .testimonial__heading { margin: 2rem 0 6rem; padding: 0; }
.testimonial-video-wrapper .testimonial-container .testimonial-author { margin: 0; font-weight: 600; font-family: var(--font-heading-family); }
.testimonial-video-wrapper .testimonial-container .testimonial-author a{ padding-right:30px; }
.testimonial-video-wrapper .testimonial-image .img { width: 100px; height: 100%;border-radius:50%; overflow: hidden; display: block; left: 0; right:0; transition: all 0.3s linear ;}
.testimonial-video-wrapper .testimonial-content blockquote{ padding: 0; margin-top: 50px; margin-bottom: 40px;transition:all 0.3s linear; border: none; }
.testimonial-video-wrapper .testimonial-content blockquote cite { margin-top:0rem;display: flex;flex-direction: row;font-style: normal; align-items:center; gap: 5px; }
.testimonial-content blockquote cite span{ padding: 0; margin: 0; }
.testimonial-video-wrapper .testimonial-content blockquote cite span:before { display:none; }
.slider-button--prev .icon { transform: rotate(90deg);}
/* .testimonial-video-wrapper .testimonials .swiper-button-next svg, .testimonials .swiper-button-prev svg {  display: none;} */
.testimonial-video-wrapper blockquote {   margin: 0;  padding: 30px 0 30px 55px; position: relative;}
.testimonial-video-wrapper .testimonials .swiper-controls { position: relative; width: 115px; bottom: 0; right: auto; left: auto; margin: auto;}
.testimonial-video-wrapper .testimonials .swiper-container.testimonialsSwiper{margin-bottom:50px;}
.testimonial-video-wrapper .testimonial-content blockquote.content-center{align-items: center;}
.testimonial-video-wrapper .testimonial-content blockquote{display: flex;flex-direction: column;}
.testimonial-video-wrapper .testimonial-content blockquote.content-center >:is(h1,h2,h3,h4,h5,p),
.testimonial-video-wrapper .testimonial-content blockquote.content-center span{text-align:center;}
.testimonial-video-wrapper .testimonial-container .testimonial-image.content-center{display: flex;justify-content: center;}
.testimonial-video-wrapper .testimonial-container .testimonial-image.content-left {justify-content:flex-start;display:flex;}
.testimonial-container .testimonial-image{width:80px;height:80px;border-radius:50%;}

@media screen and (max-width: 990px) {
  .testimonial-video-wrapper .testimonial-container { grid-template-columns: 1fr 1fr;padding:0;}  
  .testimonial-video-wrapper .testimonial-container blockquote:before { left: 0; }
}

@media screen and (max-width: 750px) {
  .testimonial-video-wrapper .testimonial-container { grid-template-columns: 1fr; }
  .testimonial-video-wrapper .testimonial-container blockquote { margin-top: 3rem;padding:0;  }
  .testimonial-video-wrapper .testimonial-image { justify-content: center; }
}


/* video banner */
body.gradient.overlay-active {
    overflow-y: hidden;
}

.video-section {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-section__content{    text-align: center;}
.video_overlay .inner .close-icon:before  { content: ''; display: block; height: 22px; width: 22px; margin:auto; -webkit-mask:url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'  xml:space='preserve'> <path d='M57,50l35.2-35.2c1.9-1.9,1.9-5.1,0-7c-1.9-1.9-5.1-1.9-7,0L50,43L14.8,7.7c-1.9-1.9-5.1-1.9-7,0c-1.9,1.9-1.9,5.1,0,7 L43,50L7.7,85.2c-1.9,1.9-1.9,5.1,0,7c1,1,2.2,1.5,3.5,1.5s2.5-0.5,3.5-1.5L50,57l35.2,35.2c1,1,2.2,1.5,3.5,1.5s2.5-0.5,3.5-1.5 c1.9-1.9,1.9-5.1,0-7L57,50z'/></svg>"); 
                           background: currentColor; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 14px;position:relative;top:4px; }
.video_overlay .inner .close-icon{width:30px;height:30px;background:rgba(var(--color-button-text));color:rgba(var(--color-button));}
.testimonial-video-wrapper .watch-more span{display:flex;}

.testimonials-with-video .testimonial-products { display: flex; gap: 20px; align-items: center;    padding-top: 50px; border-top: 1px solid rgba(var(--color-border), var(--color-border-opacity));}
.testimonials-with-video .product__media-wrapper {  width: 81px; height: 100px;}
.testimonials-with-video .testimonial-content blockquote >:is(h1,h2,h3,h4,h5,p) {  font-weight: 500; font-style: italic; line-height: 33px;    font-size: var(--font-h4-size);}
.testimonials-with-video .swiper-navigation{    position: absolute;  right: 0; bottom: 50px;}
.testimonials-with-video  .swiper-button-next { right: 0; opacity: 1; left: auto;}
.testimonials-with-video  .swiper-button-prev { left: auto; opacity: 1; right: 65px;}
.testimonials-with-video .swiper-button-next.swiper-button-disabled, .testimonials-with-video .swiper-button-prev.swiper-button-disabled, 
.testimonials-with-video .swiper-button-next.swiper-button-hidden,  .testimonials-with-video .swiper-button-prev.swiper-button-hidden{opacity:0.5;}
.testimonials-with-video .swiper:hover .swiper-button-next, .testimonials-with-video .swiper-container:hover .swiper-button-next { right: 0; opacity: 1;}
.testimonials-with-video  .swiper:hover .swiper-button-prev, .testimonials-with-video  .swiper-container:hover .swiper-button-prev{ left: auto; opacity: 1;}
.testimonials-with-video .swiper-button-next:after, .testimonials-with-video .swiper-button-prev:after{display:none;}
.testimonials-with-video  .swiper-button-next svg, .testimonials-with-video .swiper-button-prev svg{width:18px; height:18px;}
.testimonials-with-video .swiper-button-prev span, .testimonials-with-video .swiper-button-next span {  display: flex; align-items: center;}
/* testimonial video */
.testimonial-video-wrapper{display: flex;    align-items: center; justify-content: space-between;  width: 100%; border: 1px solid rgba(var(--color-border), var(--color-border-opacity)); border-radius: var(--media-radius);}
.testimonial-video-wrapper .left-block{width:31%;}
.testimonial-video-wrapper .right-block{width:69%; padding: 0px 90px 0px 70px;}
.testimonials-with-video swiper-slider {  cursor: grab;}
.testimonial-video-wrapper .right-block swiper-slider .swiper-pagination{position:relative;}
.video_overlay .inner .close-icon:hover{color: rgba(var(--color-button)); background:  rgba(var(--color-button-text));}
.video_overlay .inner .close-icon{transition:all 0.3s linear;}
@media screen and (max-width: 1540px) {
  .testimonial-video-wrapper .testimonial-content blockquote { margin-top: 30px;  margin-bottom: 30px; }
  .testimonials-with-video .testimonial-content blockquote>:is(h1,h2,h3,h4,h5,p){font-size: calc(var(--font-h4-size) * 0.8);}
  .testimonial-video-wrapper .right-block{padding: 0 70px 0 50px;}
}
@media screen and (max-width: 1300px) {
  .testimonial-video-wrapper .right-block{width:60%;}
  .testimonial-video-wrapper .left-block{width:40%;}
  .testimonials-with-video .testimonial-products{padding-top: 30px;}
  .testimonials-with-video .testimonial-content blockquote>:is(h1,h2,h3,h4,h5,p){margin:10px 0;}
}
@media screen and (max-width: 1060px) {
  .testimonial-video-wrapper .left-block{width:40%;}
.testimonial-video-wrapper .right-block{width:60%;}
.testimonial-video-wrapper{border:none;}
.testimonial-video-wrapper .right-block {  padding: 0 40px 0 30px; }  
}
@media screen and (min-width: 991px) {
.testimonial-video-wrapper .video-section img{    border-radius: var(--media-radius) 0 0 var(--media-radius);}
}
@media screen and (max-width: 990px) {
.testimonial-video-wrapper .left-block:after {  content: ""; background: rgba(var(--color-background), 0.8); position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; right: 0; margin: auto; top: 0; bottom: 0;}
.testimonial-video-wrapper .left-block { position: absolute; width: 100%; height: 100%; }
.testimonial-video-wrapper .right-block { padding: 50px; width:100%;  }
.testimonial-video-wrapper { border: none; position: relative;  overflow: hidden; }
.testimonial-video-wrapper .video-section { height: 100%; display: block;}  
.testimonial-video-wrapper .video-section img{height:100%; width:100%;}
}
@media screen and (max-width: 750px) {
 .testimonial-video-wrapper .right-block {  padding: 50px 20px;}  
}
@media screen and (max-width: 480px) {
  .testimonials-with-video .swiper-navigation{position:relative; bottom:0;}
  .testimonials-with-video .swiper-button-next, .testimonials-with-video .swiper-button-prev {  width: calc(var(--swiper-navigation-size) - 5px); height: calc(var(--swiper-navigation-size) - 5px); }
  .testimonials-with-video .swiper-button-prev { left: auto; opacity: 1; right: 0;}
  .testimonials-with-video .swiper-button-next { right: 0; opacity: 1; left: auto;}
}

/* ==== section-testimonials.css ==== */
.testimonial__heading { margin: 2rem 0 6rem; padding: 0; }
.testimonial-container .testimonial-author { margin: 0; font-weight: 600; font-family: var(--font-heading-family); }
.testimonial-container .testimonial-author a{ padding-right:30px; }


.testimonial-content  cite { margin-top:0rem;display: flex;flex-direction: row;font-style:normal; align-items:center;  flex-wrap: wrap; }
.testimonial-content  cite span{ padding: 0; margin: 0; }
.testimonial-content  cite span:before { display:none; }
.slider-button--prev .icon { transform: rotate(90deg);}
.testimonials .swiper-button-next svg, .testimonials .swiper-button-prev svg { width:18px; height:18px; }
.testimonials .swiper-controls { position: relative; width: 115px; bottom: 0; right: auto; left: auto; margin: auto;}
.testimonials .swiper-container.testimonialsSwiper{margin-bottom:50px;}
.testimonial-content blockquote.content-center{align-items: center;}
.testimonial-content blockquote.content-center cite{justify-content:center;}
.testimonial-content blockquote.content-center >:is(h1,h2,h3,h4,h5,p),
.testimonial-content blockquote.content-center span{text-align:center; }
.testimonial-container .testimonial-image.content-center{display: flex;justify-content: center;margin:auto}
.testimonial-container .content-center .dt-sc-rating div[class*=star-rating]:after{text-align:center}
.testimonials .swiper-button-prev span, .testimonials .swiper-button-next span {  display: flex; align-items: center;}

.testimonials .testimonial-container .testimonial-wrapper{padding:30px;}
.testimonial-container .testimonial-image{width:80px;height:80px;border-radius:50%;}
.testimonial-container .testimonial-image > *{border-radius:50%;}
.testimonial-content blockquote{margin:0;}
.testimonials .testimonial-products { display: flex; gap: 20px; align-items: center;}
.testimonials .product__media-wrapper {  width: 81px; height: 100px;}
.testimonials .price{color:rgb(var(--color-foreground));}

/*testimonial-style1*/

.testimonials.testimonial-style1 .testimonial-container .testimonial-wrapper{  border: 1px solid rgba(var(--color-border), var(--color-border-opacity));    border-radius: var(--media-radius);}
.testimonials.testimonial-style1 .testimonial-content  cite{margin:20px 0;}
.testimonials.testimonial-style1 .dt-sc-rating{margin-bottom:14px;}
@media screen and (max-width: 750px) {
.testimonials .testimonial-container .testimonial-wrapper{padding:20px;}
}

/*testimonial-style2*/

.testimonials.testimonial-style2 .testimonial-container .testimonial-wrapper{  border: 1px solid rgba(var(--color-border), var(--color-border-opacity)); border-radius: var(--media-radius);}
.testimonials.testimonial-style2 .testimonial-content  cite{margin:20px 0;}
.testimonials.testimonial-style2 .dt-sc-rating{margin-bottom:14px;}
.testimonials.testimonial-style2 .swiper-navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    top: -72px;
    right: 0;
    transform: translateY(-50%);
}
.testimonials.testimonial-style2 swiper-slider{position:relative;}
.testimonials.testimonial-style2 .swiper-button-next, .testimonials.testimonial-style2 .swiper-button-prev {position: relative;right: 0;left: 0;top: auto;opacity: 1;transform: none;margin: 0 10px;  }  
.testimonials.testimonial-style2 .swiper-button-prev {order: -1;}  
.testimonials.testimonial-style2 .swiper:hover .swiper-button-next, .testimonials.testimonial-style2 .swiper-container:hover .swiper-button-next{right:0;}
.testimonials.testimonial-style2 .swiper:hover .swiper-button-prev, .testimonials.testimonial-style2 .swiper-container:hover .swiper-button-prev{left:0;}
.testimonials.testimonial-style2  .swiper .swiper-button-next.swiper-button-disabled, .testimonials.testimonial-style2 .swiper .swiper-button-prev.swiper-button-disabled{opacity:0.35}
.testimonials.testimonial-style2 .swiper{overflow:visible;}
.testimonials.testimonial-style2 .row{overflow:hidden;}

@media screen and (max-width: 989px) {
.testimonials.testimonial-style2 .swiper-navigation{top:-52px;}
}
@media screen and (max-width: 750px) {
.testimonials.testimonial-style2 .swiper-navigation{top:0;position:relative;left:0;right:0;margin-top:30px;transform: none;}
.testimonials .testimonial-container .testimonial-wrapper{padding:20px;}
}



.custom-testimonial.testimonials .testimonial-container .testimonial-wrapper{ display: flex;flex-direction: column-reverse;} 
.custom-testimonial.testimonials .testimonial-image-with-author.content-center{    margin: auto;}
.custom-testimonial.testimonials .testimonial-image-with-author cite{display:flex;margin-top:16px;gap:6px;font-style: normal;color: rgba(var(--color-foreground));}
.custom-testimonial.testimonials .testimonial-content blockquote p{font-size: var(--font-h4-size);max-width: 954px;margin: 20px auto;color: rgba(var(--color-foreground), 1);}
.custom-testimonial.testimonials .testimonial-container .testimonial-wrapper {padding: 10px;}

@media screen and (max-width: 1199px) {
.custom-testimonial.testimonials .testimonial-content blockquote p{max-width: 650px;}  
}
@media screen and (max-width: 990px) {
.custom-testimonial.testimonials .testimonial-content blockquote p{max-width: 580px;font-size: calc(var(--font-h4-size) * 0.9);}  
}
@media screen and (max-width: 767px) {
  .custom-testimonial.testimonials .swiper-navigation {position: relative;display: flex;justify-content: center;margin-top: 20px;}
  .custom-testimonial.testimonials .swiper-button-next, .custom-testimonial.testimonials .swiper-button-prev {position: relative;right: 0;left: 0;p: auto; opacity: 1;transform: none;margin: 0 12px; }
  .custom-testimonial.testimonials .swiper-button-prev {order: -1; }
}
/* ==== section-tiktok-gallery.css ==== */
.tiktok-gallery .tiktok-gallery-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.three-column{ display: grid;  grid-template-columns: repeat(3,1fr);}
.tiktok-gallery .tiktok-gallery-section.four-column{ display: grid; grid-template-columns: repeat(4,1fr);}
.tiktok-gallery .tiktok-gallery-section.five-column{ display: grid; grid-template-columns: repeat(5,1fr);}
.tiktok-gallery .tiktok-gallery-section.six-column{ display: grid; grid-template-columns: repeat(6,1fr);}
.tiktok-gallery .tiktok-gallery-section { column-gap: var(--grid-desktop-vertical-spacing); row-gap: var(--grid-desktop-vertical-spacing);}  
@media screen and (max-width: 1199px) and (min-width: 768px) {
.tiktok-gallery .tiktok-gallery-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.five-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.tiktok-gallery .tiktok-gallery-section.six-column{ display: grid; grid-template-columns: repeat(3,1fr);}

}
 @media screen and (max-width:1440px) {
    .tiktok-gallery .tiktok-gallery-section .tiktok-gallery-content .tiktok-gallery-inner h4{font-size:calc(var(--font-h4-size) - 4px);}  
 }

 @media screen and (max-width:1199px) {
.tiktok-gallery .tiktok-gallery-section.three-column.list, .tiktok-gallery-section.two-column.list, .tiktok-gallery-section.four-column.list,
.tiktok-gallery-section.five-column.list, .tiktok-gallery-section.six-column.list  { display: grid;  grid-template-columns: repeat(2,1fr);}
 }
 @media screen and (max-width:767px) {
 .tiktok-gallery .tiktok-gallery-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.three-column{ display: grid;  grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.five-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section.six-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.tiktok-gallery .tiktok-gallery-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}
 .tiktok-gallery .tiktok-gallery-section.three-column.list, .tiktok-gallery-section.two-column.list, .tiktok-gallery-section.four-column.list,
.tiktok-gallery-section.five-column.list, .tiktok-gallery-section.six-column.list  { display: grid;  grid-template-columns: repeat(1,1fr);}  
 }
 @media screen and (max-width: 480px) {
.tiktok-gallery .tiktok-gallery-section.two-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.tiktok-gallery .tiktok-gallery-section.three-column{ display: grid;  grid-template-columns: repeat(1,1fr);}
.tiktok-gallery .tiktok-gallery-section.four-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.tiktok-gallery .tiktok-gallery-section.five-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.tiktok-gallery .tiktok-gallery-section.six-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.tiktok-gallery .tiktok-gallery-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);} 
 }
.tiktok-gallery .title-wrapper-with-link.content-align--left{align-items: flex-start;}
.tiktok-gallery .title-wrapper-with-link.content-align--center{align-items: center;}
.tiktok-gallery .tiktok-gallery-section .tiktok-gallery-wrapper .tiktok-gallery-block-image img.tiktok-gallery-image { width: 100%; height: 100%; object-fit: cover;border-radius: var(--media-radius);border: 1px solid rgba(var(--color-border), 0.06);}

.tiktok-gallery-inner{    align-items: center; text-align: left; display: flex; gap: 10px;}
.tiktok-gallery-inner img { width: 54px; height: 54px; border-radius: 50%;}
.tiktok-gallery  .tiktok-product { display: flex; flex-direction: column; margin: 0; justify-content: center;    width: calc(100% - 64px);}
.tiktok-gallery p.price-range { margin: 0;}
.tiktok-gallery  .video_icon { position: absolute; width: 22px; height: 26px; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer;}
.tiktok-gallery-content { position: absolute; bottom: 20px; left: 20px; right:10px;}
.tiktok-gallery  .video_icon svg{cursor:pointer;}
.tiktok-gallery .tiktok-product .h6.product-title{cursor:pointer;}
.tiktok-gallery .tiktok-product .h6.product-title:hover {color: rgb(var(--color-link-hover));}
.tiktok-gallery .tiktok-product .h6.product-title, .tiktok-gallery .tiktok-product p.price-range{    color: rgb(var(--color-background));}
.tiktok-gallery .swiper-button-next svg, .tiktok-gallery .swiper-button-prev svg{    width: 20px; height: 20px; display: flex;}
.tiktok-gallery video.tiktok-gallery-image{    width: 100%; height: 100%;border-radius: var(--media-radius);}

/* ==== shop-the-look.css ==== */

  /* Slider */
.shop-the-look .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.shop-the-look .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.shop-the-look .slick-list:focus { outline: none; }
.shop-the-look .slick-list.dragging { cursor: pointer; cursor: hand; }
.shop-the-look .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.shop-the-look .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.shop-the-look .slick-track:after { clear: both; }
.shop-the-look .slick-loading .slick-track { visibility: hidden; }
.shop-the-look .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.shop-the-look [dir='rtl'] .slick-slide { float: right; }
.shop-the-look .slick-slide img { display: block; }
.shop-the-look .slick-slide.slick-loading img { display: none; }
.shop-the-look .slick-slide.dragging img { pointer-events: none; }
.shop-the-look .slick-initialized .slick-slide { display: block; margin: 0 15px;}
.shop-the-look .slick-loading .slick-slide { visibility: hidden; }
.shop-the-look .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.shop-the-look .slick-arrow.slick-hidden { display: none; }
.shop-the-look .quotes-section .quotes-slider .slick-slide.slick-current.slick-active.slick-center { opacity: 1; }
.shop-the-look .quotes-section .quotes-slider .slick-slide { opacity:0.25; }
.shop-the-look .dt-sc-hotspot-pointer { position: absolute;border: 1px solid rgba(var(--color-background));border-radius: 50%;padding:4px;transition: all 0.3s linear;}

.shop-the-look ul.slick-dots{ padding: 0; }
.shop-the-look .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px;  height: 20px;  padding: 5px; cursor: pointer;  color: transparent;  border: 0;   outline: none;   background: var(--gradient-base-background-3); }
.shop-the-look .slick-dots li{  position: relative; display: inline-block; width: 20px;  height: 20px;  margin: 0 5px;  padding: 0;  cursor: pointer; }
/* Shop The Look */



.shop-the-look .home-product-container { position: relative; display: grid; width: 100%; margin: 0px 0 auto; grid-template-columns: 1fr 1fr; gap: 0rem;justify-items: center;align-items: center; height:930px;}
.shop-the-look .home-product-container .quote-job { margin-bottom: 7px; }
.shop-the-look .module { max-width: 100%; margin: 0 auto;  text-align: center; }
.shop-the-look .home-testimonials.ready { height: auto; opacity: 1; }
.shop-the-look .module-body { position: relative; z-index: 1;    border: 1px solid rgba(var(--color-border), var(--color-border-opacity)); border-radius: var(--media-radius); }
.shop-the-look .quote-navigation { width: 100%; }
  
.shop-the-look .product-section{ max-width: 100%;width: 100%;min-width: 0; min-height: 0;position: relative; height:100%;    display: flex; flex-direction: column; justify-content: center; padding:0 2rem; }
.shop-the-look .quotes-slider { width: 100%; padding: 0; position: relative; overflow: hidden; min-width: 0; min-height: 0; }
  
.shop-the-look .quotes-slider .slick-list { overflow: hidden; margin-left: 0px;min-width: 0;min-height: 0; }
.shop-the-look .quote-navigation .slick-list { overflow: visible; height: 100%;}
.shop-the-look .quote-navigation .slick-track { display: flex; align-items: flex-end; flex-direction: column;transform: translate(0 , 0) !important;height: 100%;width: 100% !important; }
.shop-the-look .quotes-slide--visible { opacity: 1; z-index: 1; }
.shop-the-look .hot-spot-icon{ cursor: pointer; transition: all .3s linear;}
.shop-the-look .hot-spot-icon:hover{     background: var(--gradient-background);  box-shadow: 0 0 25px var(--gradient-base-accent-2); }
.shop-the-look a.slick-arrow{ cursor: pointer; }
.shop-the-look .shop-hot-spot{ position: relative; height: 100%; border-radius: var(--media-radius) 0 0 var(--media-radius);overflow: hidden; width:100%; }
.shop-the-look .shop-hot-spot .banner-image img{ width: 100%; display: block; height:100%; }
.shop-the-look .shop-hot-spot .quote-navigation{ position: absolute; z-index: 1; height: 100%; top: 0; left: 0; }
.shop-the-look .hot-spot-icon{ width: 28px;height: 28px;background: rgba(var(--color-background)); border-radius: 50%; position: relative; }
.shop-the-look .hot-spot-icon span.buffer-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: 100%; border-radius: 50%; /*animation: waves 9s linear infinite; */ z-index: -1; /*background: inherit;*/ }
.shop-the-look .hot-spot-icon span.buffer-icon.item2{ animation-delay: 3s; }
.shop-the-look .hot-spot-icon span.buffer-icon.item3{ animation-delay: 6s; }
.shop-the-look .hot-spot-icon span.buffer-icon.item4{ animation-delay: 9s; }
.shop-the-look .hot-spot-icon:before { content: "+"; font-size: 16px; font-weight: 700;     display: flex; align-items: center; justify-content: center; }
.shop-the-look .shop-hot-spot .banner-image{height:100%;}


.shop-the-look .product-section .product-container{ position: relative; z-index:1; }
.shop-the-look .product-section .carousel-arrow .slick-arrow{ width: 43px; height: 43px; border-radius: 50%; position: absolute; background: var(--gradient-background); border: 1px solid rgba(var(--color-border),var(--color-border-opacity));z-index: 1; box-shadow: 0px 0px 25px #88472E24; transition:all 0.3s linear;top:0; bottom:0;}
.shop-the-look .card{text-align:center;}
.shop-the-look .card__content [class*=variant-option]{justify-content:center;}

.shop-the-look .card .card__inner.no-media { display: block; }

@keyframes waves{
  0%{
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100%{
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

/*css*/
shop-the-look .product-section .hotspot-product-lists .card-wrapper.underline-links-hover {
    width: 350px;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
shop-the-look .card{background:transparent}

.shop-the-look .hot-spot-icon:before {
    content: " ";
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2px;
    height: 15px;
    background: var(--gradient-base-accent-3);
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.shop-the-look .hot-spot-icon:after {
    content: " ";
    /* font-size: 13px; */
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 2px;
    background: var(--gradient-base-accent-3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.shop-the-look a.prev-arrow.slick-arrow {
    left: 0;
    right: 450px;
    margin: auto;
  position:relative;
}
.shop-the-look a.prev-arrow.slick-arrow:after{
  content:"";
  position: absolute;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.511' height='8.19' viewBox='0 0 10.511 8.19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_22' width='10.511' height='8.19' fill='none'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_97'%3E%3Cg id='Group_9'%3E%3Cpath id='Path_6' data-name='Path 6' d='M10.449,4.407l0-.01a.8.8,0,0,0,.042-.142s0-.005,0-.008a.792.792,0,0,0,0-.3s0-.005,0-.008a.81.81,0,0,0-.042-.142l0-.01a.816.816,0,0,0-.07-.133l0-.008a.825.825,0,0,0-.1-.127L6.995.24A.819.819,0,1,0,5.836,1.4L7.714,3.276H.819a.819.819,0,0,0,0,1.638h6.9L5.836,6.792A.819.819,0,1,0,6.995,7.951L10.27,4.676a.821.821,0,0,0,.1-.127l0-.008a.816.816,0,0,0,.07-.133'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); left: 0;
  right: 0;
  width: 11px;
  height: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(180deg);
}
.shop-the-look a.next-arrow.slick-arrow {
    right: 0;
    left: 450px;
    margin: auto;
   position:relative;
}

.shop-the-look a.next-arrow.slick-arrow:after{
  content:"";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.511' height='8.19' viewBox='0 0 10.511 8.19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_22' width='10.511' height='8.19' fill='none'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_97'%3E%3Cg id='Group_9'%3E%3Cpath id='Path_6' data-name='Path 6' d='M10.449,4.407l0-.01a.8.8,0,0,0,.042-.142s0-.005,0-.008a.792.792,0,0,0,0-.3s0-.005,0-.008a.81.81,0,0,0-.042-.142l0-.01a.816.816,0,0,0-.07-.133l0-.008a.825.825,0,0,0-.1-.127L6.995.24A.819.819,0,1,0,5.836,1.4L7.714,3.276H.819a.819.819,0,0,0,0,1.638h6.9L5.836,6.792A.819.819,0,1,0,6.995,7.951L10.27,4.676a.821.821,0,0,0,.1-.127l0-.008a.816.816,0,0,0,.07-.133'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  left: 0;
  right: 0;
  width: 11px;
  height: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width:1200px){
.shop-the-look a.prev-arrow.slick-arrow {right: 350px;}
 .shop-the-look a.next-arrow.slick-arrow {left:350px;}
}
@media screen and (max-width:1023px){
  .shop-the-look .home-product-container{grid-template-columns:1fr;  height: 100%; gap:30px}
  .shop-the-look .hot-spot-icon{width:25px; height:25px;} 
  .shop-the-look .shop-hot-spot{border-radius:var(--media-radius);}
}

@media screen and (max-width:480px){
.shop-the-look .dt-sc-hotspot-pointer{padding:4px;}
.shop-the-look .hot-spot-icon{width:18px; height:18px;}  
  .shop-the-look .product-section .hotspot-product-lists .card-wrapper.underline-links-hover{width:100%; height:100%;}
      .shop-the-look a.next-arrow.slick-arrow{ left:0; margin:unset; right:0;}
  .shop-the-look a.prev-arrow.slick-arrow{right:0;  margin:unset; left:0;}
  .shop-the-look .product-section .carousel-arrow .slick-arrow{top:unset; bottom:-20px;position:relative;}
  .shop-the-look .product-section .carousel-arrow{display:flex;justify-content: center;gap: 15px;position: absolute; bottom: 0;left: 0;right: 0;}
}

/* 
@media screen and (min-width:1200px) and (max-width:1540px){
  .shop-the-look .quotes-slider:before{ content: ""; width: 100px; }
  .shop-the-look .quotes-slider:after{ content: ""; width: 100px; }
  .shop-the-look .home-product-container{     grid-template-columns: 1.2fr 1fr; }
}
@media screen and (min-width:1024px) and (max-width:1199px){
  .shop-the-look .quotes-slider:before{ content: ""; width: 60px; }
  .shop-the-look .quotes-slider:after{ content: ""; width: 60px; } 
  .shop-the-look .shop-hot-spot{ position: sticky; top: 50px; }
}
@media screen and (min-width:501px) and (max-width:1023px){
  .shop-the-look .quotes-slider:before{ content: ""; width: 40px; }
  .shop-the-look .quotes-slider:after{ content: ""; width: 40px; } 
  .shop-the-look .home-product-container{     display: flex; flex-direction: column; }
  .shop-the-look .slick-initialized .slick-slide .card-wrapper .card{ display: grid; align-items: center; text-align: center; }
  .shop-the-look .product-section{height:800px;}
  .shop-the-look .home-product-container{height:100%;}
  .shop-the-look .product-section .carousel-arrow .slick-arrow{    top: 50%;}
  .shop-the-look a.next-arrow.slick-arrow{ left:unset; margin:unset;}
  .shop-the-look a.prev-arrow.slick-arrow{right:unset;  margin:unset;}
  .shop-the-look .product-section .carousel-arrow .slick-arrow.prev-arrow{opacity:0; left:50;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.prev-arrow{opacity:1; left:100px; }
shop-the-look .product-section .carousel-arrow .slick-arrow.next-arrow{opacity:0; right:50;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.next-arrow{opacity:1; right: 100px; }
}

@media screen and (min-width: 501px) and (max-width:749px){
    .shop-the-look .quotes-slider:before{ content: ""; width: 40px; }
  .shop-the-look .quotes-slider:after{ content: ""; width: 40px; } 
  .shop-the-look .home-product-container{     display: flex; flex-direction: column; }
  .shop-the-look .slick-initialized .slick-slide .card-wrapper .card{ display: grid; align-items: center; text-align: center; }
  .shop-the-look .product-section .carousel-arrow .slick-arrow.prev-arrow{opacity:0; left:50;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.prev-arrow{opacity:1; left:100px; }
shop-the-look .product-section .carousel-arrow .slick-arrow.next-arrow{opacity:0; right:50;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.next-arrow{opacity:1; right: 100px; }
  .shop-the-look .product-section{height:750px;}
  .shop-the-look .home-product-container{height:100%;}
  .shop-the-look .product-section .carousel-arrow .slick-arrow{    top: 50%;}
  .shop-the-look a.next-arrow.slick-arrow{ left:unset; margin:unset;}
  .shop-the-look a.prev-arrow.slick-arrow{right:unset;  margin:unset;}
}
@media screen and (min-width: 320px) and (max-width: 500px){
    .shop-the-look .quotes-slider:before{ content: ""; width: 20px; display: none; }
  .shop-the-look .quotes-slider:after{ content: ""; width: 20px; display: none; } 
  .shop-the-look .home-product-container{     display: flex; flex-direction: column; }
  .shop-the-look .slick-initialized .slick-slide{ margin: 0 10px; }
  .shop-the-look .slick-initialized .slick-slide .card-wrapper .card{ display: grid; align-items: center; text-align: center; }
  .shop-the-look .product-section .carousel-arrow .slick-arrow{ width: 40px; height: 40px; }
    .shop-the-look .product-section{height:900px;}
  .shop-the-look .home-product-container{height:100%;}
  .shop-the-look .product-section .carousel-arrow .slick-arrow{    top: 45%;}
  .shop-the-look a.next-arrow.slick-arrow{ left:unset; margin:unset;}
  .shop-the-look a.prev-arrow.slick-arrow{right:unset;  margin:unset;}
  shop-the-look .product-section .hotspot-product-lists .card-wrapper.underline-links-hover{height:100%; width:100%;}
    .shop-the-look .product-section .carousel-arrow .slick-arrow.prev-arrow{opacity:0; left:0;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.prev-arrow{opacity:1; left:10px; }
shop-the-look .product-section .carousel-arrow .slick-arrow.next-arrow{opacity:0; right:0;}
.shop-the-look .product-section:hover .carousel-arrow .slick-arrow.next-arrow{opacity:1; right: 10px; }
}
@media screen and (min-width: 320px) and (max-width: 400px){
.shop-the-look .dt-sc-hotspot-pointer{padding:0;}
.shop-the-look .product-section{height:700px;}  
}
.shop-the-look .product-section .carousel-arrow .slick-arrow:hover{    background: var(--gradient-base-accent-2);}

 */

/* ==== single-product-with-variants.css ==== */
.dt-single__varinat-media.card.card--card.card--media {
    max-width: 350px;
    height: 300px;
    margin: auto;
}
ul#variantList { display: inline-flex; gap: 1.2rem; list-style: none; padding: 0;  margin: 0;}
ul#variantList li { background: rgb(var(--color-background)); padding: 10px 20px; border-radius: var(--buttons-radius);  font-weight: 600; cursor:pointer;}
.single-product-with-variants .quick-add.button-quick-add{ background: rgb(var(--color-button-text)); margin: 0 50px; border-radius: 65px;}
.single-product-with-variants  product-form {
    width: 100%;
}
.single-product-with-variants .form.shopify-product-form{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px;}
.single-product-with-variants .options-wrapper{max-width:80%;}
.single-product-with-variants .quick-add__submit.button{margin-top:0; min-height: 5.5rem; max-width:20%;}
.single-product-with-variants .card__content{display:block; margin-top: 3rem;}

.single-product-with-variants .card__inner{border:none;}
.single-product-with-variants  .card:hover .media.media--hover-effect>img:first-child:only-child, 
.single-product-with-variants .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1);}
.single-product-with-variants .price{    font-size: var(--font-h3-size); position: absolute; right: 0; left: 380px; margin: auto; color: rgba(var(--color-foreground), 0.8); bottom: 150px;}
.single-product-with-variants .content-container {    padding-top: 60px; padding-bottom: 60px;}

@media screen and (max-width: 1200px) {
  .single-product-with-variants .quick-add.button-quick-add{margin:0 20px;}
  }

 @media screen and (max-width: 800px) {
.single-product-with-variants .quick-add__submit.button{max-width:30%;}
 }
@media screen and (max-width: 650px) {
  .single-product-with-variants .quick-add__submit.button{max-width:80%}
  .single-product-with-variants .options-wrapper{max-width:100%;}
  .single-product-with-variants .form.shopify-product-form{flex-direction: column;} 
  .single-product-with-variants .form.shopify-product-form{gap:15px;  padding: 20px 8px;}
  ul#variantList li{font-size:1.4rem;}
  ul#variantList{    flex-wrap: wrap; justify-content: center;}
  .single-product-with-variants .content-container{padding-left:10px; padding-right:10px;}
  .single-product-with-variants .price{ bottom: 200px; left:200px;}
  .single-product-with-variants .quick-add.button-quick-add{border-radius: var(--buttons-radius); }
}
@media screen and (max-width: 480px) {
  .single-product-with-variants .quick-add.button-quick-add{ margin: 0;}
  .single-product-with-variants .card__content{margin-top:0;}
  .single-product-with-variants .content-container{  padding-top: 30px; padding-bottom: 30px;}
  ul#variantList li{padding:5px 15px; font-size: 1.2rem;}
  ul#variantList{gap:.5rem;}
  .single-product-with-variants .price { font-size: var(--font-h4-size); position: absolute; right: 0; left: 0; margin: auto; color: rgba(var(--color-foreground), .8); bottom: 180px;}
  .single-product-with-variants .card-wrapper .quick-add__submit.button{    font-size: var(--font-base-size);}
}



/* ==== slick.min.css ==== */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.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;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* ==== sticky-cart.css ==== */

#MainContent .sticky-bar {
  display: flex;
  justify-content: center;
  padding: 15px 15px;
  align-items: center;
  background: #fff;
  height: auto;
  position: fixed;
  bottom: -100%;
  right: 0px;
  width: 100%;
  z-index: 3;
border: 1px solid rgba(var(--color-foreground),.08);
  transition:all 1s ease;
  animation: sticky-top 1s  both;
  opacity:0;
}
#MainContent  .product-form.sticky-bar-form .sticky-bar.active {bottom: 0;opacity:1;animation:sticky-bottom 1s both;}
#MainContent  .product-form.sticky-bar-form.visibility-hidden .sticky-bar.active{  animation: sticky-top 1s  both;}

@keyframes sticky-top {
    from {
        opacity: 1;
        transform: translateY(0%);
    }
    to { opacity: 0;transform: translateY(100%); }
}

@keyframes sticky-bottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to { opacity: 1;transform: translateY(0%); }
}

.sticky-bar-form img.zoomImg {
    opacity: 1 !important;
}

.sticky-bar-price variant-selects { display: flex !important; }
.product-details-sticky,.product-title-sticky{
  display: flex;
  align-items: center;
}

.sticky-bar-price .variant-drop-down, .variant-drop-down .product-form__item{
  display: flex;
  align-items:center;
  justify-content: end;
}

.variant-button {
  background-color: black;
  color: white;
  width: 150px;
  margin-left: 5px;
}

.sticky-bar-thumb-thumb {
margin:10px;
vertical-align:middle;  
}

.sticky-bar-price .price--on-sale .price-item--regular {
display:none;
}

 .sticky-bar-price .price:not(.price--show-badge) .price-item--last:last-of-type{
      margin-top: 6px;
    font-size: var(--font-base-size); }


@media (max-width:600px) {
  .quantity-label {
    display:none;
  }
  .sticky-bar {
  padding: 0px !important;
  }
  .variant-button {
  width: 65px;
    margin-left: 2px;
    margin-right: 2px;
  }

}
 .sticky-bar-form .product__media-list {  margin: 0;}
 .sticky-bar-form img {  margin: 5px 15px; width: 70px; height: 80px;} 
 .product-title-sticky{    margin-right: 80px;} 
 .sticky-bar-title { margin: 0; font-weight: var(--font-heading-weight); font-size: var(--font-h5-size);}  
 .sticky-bar .price-wrapper .price__container >*{font-size:var(--font-base-size);font-weight:var(--font-body-weight);}
 .sticky-bar .product-form__input { padding: 0; margin: 0 2rem 0rem 0; min-width: fit-content; border: none;}  
 .sticky-bar .product-form__quantity .form__label { margin-bottom: 0.6rem; font-size: calc(var(--font-base-size) - 2px); font-weight: var(--font-heading-weight);}  
 .sticky-bar .quantity { width: calc(13rem / var(--font-body-scale) + var(--inputs-border-width) * 2); }  
 .sticky-bar  .product-form__input--dropdown { margin-bottom: 0rem; margin-right: 2rem;}
  .sticky-bar .product-form__input .form__label { padding-left: 0; font-size: calc(var(--font-base-size) - 2px);  font-weight: var(--font-heading-weight); display:none;}
  .sticky-bar .select__select{padding: 0 4rem 0 2rem;     font-size: var(--font-base-size); font-weight: var(--font-body-weight);}
  .sticky-bar .select .icon-caret{right:20px}
 .sticky-bar .product-form__buttons { font-weight: var(--font-heading-weight); display: flex; align-items: center; flex-wrap: wrap; margin: 0px 0 0px; min-height: 40px; line-height: normal; clear: both;}
 .sticky-bar .product-form__submit { margin-bottom: 0;}
 .sticky-bar .product-form__input .select{margin:0;}
@media (max-width:1199px) {
  .sticky-bar { display: none !important;}
}
@media (max-width:800px) {
.product-title-sticky{margin-right:0;}
}
.sticky-bar .sticky-bar-price{align-items: center;display: flex;justify-content: center;}
.sticky-bar .sticky-bar-price .price-wrapper{margin-right:2rem;font-weight:var(--font-heading-weight);}
span.sticky-bar-close {
    position: relative;
    /* transform: translateY(14px); */
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--color-link));
    transition: var(--duration-default) linear;
    margin-left:20px;
    cursor: pointer;
}
.sticky-bar-close svg.icon.icon-close {
    width: 26px;
    height: 26px;
}
span.sticky-bar-close:hover {
    color: rgb(var(--color-link-hover));
}

.sticky-bar .select:hover.select:after{    border-radius: var(--buttons-radius);}
span.sticky-bar-price .price.product-price-current{display:none;}
/* ==== testimonials-with-tabs.css ==== */
testimonials-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;    
    justify-content: center;
    align-items: center;
    overflow: hidden;} 
testimonials-tabs .main-slider {max-width:56%;}
testimonials-tabs .thumbnail-slider {width:44%;overflow:hidden;}
testimonials-tabs .thumbnail-slider .swiper-slide-thumb-active {opacity:0.1;}

/* Ensure the hidden slides do not take up space */


testimonials-tabs  .testimonial-container .testimonial-image img{width:100%; height:100%;     border-radius: var(--media-radius);}
testimonials-tabs .thumbnail-slider .swiper-slide[style*="visibility: hidden;"] {
  display: none;
}
.main-slider .testimonial-wrapper {
    display: grid;
    grid-template-columns: 1fr 3.5fr;
    gap: 30px;
}


.testimonial__heading { margin: 2rem 0 6rem; padding: 0; }
.testimonial-container .testimonial-author { margin: 0; font-weight: 600; font-family: var(--font-heading-family);    font-size: var(--font-h5-size); }
.testimonial-container .testimonial-author a{ padding-right:30px; }

.testimonials-with-tabs .testimonial-content blockquote{ transition:all 0.3s linear; border: none; background:none; margin-top: 0;padding:0;  }
.testimonial-content {  color: rgba(var(--color-foreground), 1);  font-size: var(--font-h4-size); display:flex; align-items:center; background: rgb(var(--color-background)); max-width:615px;}
.testimonial-content blockquote cite { margin-top:0rem;display: flex;flex-direction: row;font-style:normal; gap:5px; align-items:center; }
.testimonial-content blockquote cite span{ padding: 0; margin: 0;  font-size: var(--font-h6-size); }
.testimonial-content blockquote cite span:before { display:none; }
.testimonial-content blockquote >:is(h1,h2,h3,h4,h5,p){ margin:20px 0; }
.slider-button--prev .icon { transform: rotate(90deg);}
.testimonials-with-tabs .swiper-button-next svg, .testimonials-with-tabs .swiper-button-prev svg {  display: none;}
blockquote {   margin: 0;  padding: 30px 0 30px 55px; position: relative;}
.testimonials-with-tabs .swiper-controls { position: relative; width: 115px; bottom: 0; right: auto; left: auto; margin: auto;}
.testimonials-with-tabs .swiper-container.testimonialsSwiper{margin-bottom:50px;}
.testimonial-content blockquote.content-center{align-items: center;}
.testimonial-content blockquote{display: flex;flex-direction: column;}
.testimonial-content blockquote.content-center >:is(h1,h2,h3,h4,h5,p),
.testimonial-content blockquote.content-center span{text-align:center;}
 .testimonial-container .testimonial-image.content-center{display: flex;justify-content: center;margin:auto}
.testimonial-container .content-center .dt-sc-rating div[class*=star-rating]:after{text-align:center}


.main-slider .testimonial-container .testimonial-image{width:210px;height:210px;}
.testimonials-with-tabs .row{padding-left:90px; padding-right:90px;}
@media screen and (max-width: 1751px) { 
.testimonials-with-tabs .row{padding-left:40px; padding-right:40px;}
}
@media screen and (max-width: 1540px) { 
testimonials-tabs .main-slider { max-width: 65%;}
testimonials-tabs .thumbnail-slider{width:35%;}  
.testimonial-content{    max-width: 500px;}  
}
@media screen and (max-width: 1350px) { 
testimonials-tabs .main-slider { max-width: 60%;}
testimonials-tabs .thumbnail-slider{width:40%;}  
.testimonial-content{    max-width: 400px;}  
}
@media screen and (max-width: 1150px) { 
testimonials-tabs .main-slider { max-width: 75%;}
testimonials-tabs .thumbnail-slider{width:25%;}  
.testimonial-content{    max-width: 400px;}  
}
@media screen and (max-width: 950px) { 
  testimonials-tabs .main-slider{width:100%; max-width:100%;}
  testimonials-tabs .thumbnail-slider{display:none;}
 .testimonial-content{max-width:100%;}
.testimonial-content blockquote>:is(h1,h2,h3,h4,h5,p){ font-size: calc(var(--font-h4-size) * 0.8); }
}
@media screen and (max-width: 750px) { 
.main-slider .testimonial-container .testimonial-image{width:150px;height:150px;}
.testimonial-wrapper{align-items:center;}  
}
@media screen and (max-width: 550px) { 
  .testimonial-container .testimonial-image{margin:0 auto;}
  .main-slider  .testimonial-wrapper{grid-template-columns:1fr;}
  .testimonial-content blockquote cite{justify-content:center;}
  .testimonial-content{text-align:center;}
  .testimonials-with-tabs .row{ padding-left: 20px;  padding-right: 20px;}
}
/* ==== video-pop-up.css ==== */
.watch-more {
  display: inline-block;
  font-size: calc(var(--font-base-size) - 2px);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background:rgba(var(--color-button));color:rgba(var(--color-button-text));
  border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

.video-section .video-play-icon .video__btn-play span{display: flex;align-items: center;justify-content: center;}

 @keyframes ripple {
    0% {
      box-shadow: 
        0 0 0 0 rgba(255, 255, 255 , 0.05), 
        0 0 0 10px rgba(255, 255, 255 , 0.05), 
        0 0 0 30px rgba(255, 255, 255 , 0.05), 
        0 0 0 50px rgba(255, 255, 255 , 0.05);
    }
    100% {
      box-shadow: 
        0 0 0 10px rgba(255, 255, 255 , 0.05), 
        0 0 0 30px rgba(255, 255, 255 , 0.05), 
        0 0 0 50px rgba(255, 255, 255 , 0.05), 
        0 0 0 80px rgba(255, 255, 255 , 0);
    }
  }
.video-play-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height:normal;
    cursor:pointer;
}
.watch-more:hover, .watch-more:focus, .watch-more:active {
   background:rgba(var(--color-secondary-button));color:rgba(var(--color-secondary-button-text));
}
svg.icon.icon-play {
    height: 20px;
    width: 20px;
}
body.gradient.overlay-active {
    overflow-y: hidden;
}
/* The Modal (background) */
/* .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
} */

/* .video-popup {
  display: none;
  z-index: 2;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #ccc;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.video-popup.visible {
  display: block;
}
.video-popup .close {
  position: absolute;
  right: 8px;
  top: -3px;
  font-weight: 900;
  font-size: 28px;
  color: black;
  padding: 5px 10px;
  border-bottom: none;
  cursor: pointer;
}

.video-wrapper {
  width: 730px;
  margin: 30px auto;
} */
@media only screen and (max-width: 560px) {
  .video-wrapper {
    width: 350px;
  }
}
.video-wrapper .video-container {
  position: relative;
  padding-bottom: 55.25%;
  height: 0;
  overflow: hidden;
}
.video-wrapper .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* .video-section {
    backdrop-filter: brightness(1);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */
/* .video-section__content .title{color:var(--gradient-background);} */

.video-popup[style="display: block;"] {
    animation: fadeIn 1.5s ease both;
}
.video-section__content .title-wrapper-with-link{margin-bottom:0;}
.video-section .video-icon-button{margin-top:0rem;}

@media only screen and (max-width: 1199px) {
.video-section__content .title-wrapper-with-link {
    margin-bottom: 20px;
}
}
/* ==== video-section.css ==== */
.video-section__media {
  position: relative;
  padding-bottom: 56.25%;
  z-index: -1;
}
 .video-banner-wrapper .video-section__media {
    z-index: 1;
} 
.content-style-overlay .video-section__content {
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 60px;
    right: 60px;
    bottom: 60px;
   
}

.video-section__media.deferred-media {
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.video-section__media.deferred-media:after {
  content: none;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-banner-wrapper video{ width:100%;    border-radius: var(--media-radius); }
.video-banner-wrapper .video_icon{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    position: absolute;
}

@media only screen and (min-width: 768px) {
    .video-banner-wrapper .video_icon .gridPause .pause-button{ 
    width: 105px;
    height: 105px; }
.video-banner-wrapper .video_icon .gridPlay .play-button{ 
 width: 120px;
    height: 120px; } }
@media only screen and (max-width: 767px) {

  .video-banner-wrapper .video_icon .gridPause .pause-button{
    width: 90px;
    height: 90px;
}
.video-banner-wrapper .video_icon .gridPlay .play-button{ 
 width: 90px;
    height: 90px; } }

.video-banner-wrapper .video_icon .gridPlay .play-button{ 
   
    display: flex;
    border-radius: 50%;
    align-items: center;
    position:relative;
     cursor:pointer;
    /* border: 1px solid rgba(var(--color-background)); */
    justify-content: center;
    background: rgba(var(--color-secondary-button),0.40);
    color: rgba(var(--color-secondary-button-text));
    transition: all 0.3s linear;}
.video-banner-wrapper .video_icon .gridPlay .play-button:hover{
       background: rgba(var(--color-button),0.40);
    
}
/* .video-banner-wrapper .video_icon .gridPlay .play-button span{ color:rgba(var(--color-background)); } */
.video-banner-wrapper .video_icon .gridPlay .play-button:before{     content: "";
    filter: blur(3px);
    position: absolute;
    height: 100%;
    border-radius: 50%;
    width: 100%;
    backdrop-filter: brightness(1);
    z-index: 1;}
.video-banner-wrapper .video_icon .gridPlay .play-button span { z-index:1;}



.video-banner-wrapper .video_icon .gridPause .pause-button{ 
  
    display: flex;
    border-radius: 50%;
    cursor:pointer;
    align-items: center;
    position:relative;
    border: 1px solid rgba(var(--color-background));
    justify-content: center; }
.video-banner-wrapper .video_icon .gridPause .pause-button span{ color:rgba(var(--color-background)); }
.video-banner-wrapper .video_icon .gridPause .pause-button:before{     content: "";
    filter: blur(3px);
    position: absolute;
    height: 100%;
    border-radius: 50%;
    width: 100%;
    backdrop-filter: brightness(1);
    z-index: 1;}
.video-banner-wrapper .video_icon .gridPause .pause-button span { z-index:1;}
.video-banner-wrapper .video_icon a{    cursor: pointer;}
/* @media only screen and (max-width:750px) {
.content-style-overlay .video-section__content{position:relative;  top: 0;left:0;right:0;padding:40px 10px 0;}
.video-banner-wrapper.color-accent-1   .content-style-overlay .video-section__content >*,
.video-banner-wrapper.color-accent-1   .content-style-overlay .video-section__content .title   {    color: rgba(var(--color-base-accent-1));}
} */
@media only screen and (max-width:750px) {

.content-style-overlay .video-section__content {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .video-autoplay{min-height:40rem;}
  .video-banner-wrapper video {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
}
