@charset "UTF-8";
/*------------------------------------------------------------------
[Table of contents]
  01. Root settings
  02. Base styles
  03. Form elements
  04. Components
  05. Header
  06. Modules
  07. Sidebar
  08. Blog Posts
  09. Footer
  10. WooCommerce
-------------------------------------------------------------------*/
/*---------------------------------------------------- 
  01. Root setting
----------------------------------------------------*/
/* ----- Default colors ----- */
:root {
  --color-dark50: #737582;
  --color-dark100: #5B5D67;
  --color-dark200: #42444D;
  --color-dark300: #34353D;
  --color-dark400: #2A2B32;
  --color-dark500: #23242A;
  --color-dark600: #1E1F25;
  --color-dark700: #1A1B20;
  --color-dark800: #151519;
  --color-dark900: #0E0E11;
  --color-red25: #FFF5F5;
  --color-red50: #FFEBEB;
  --color-red100: #FFE0E0;
  --color-red400: #FCA1A1;
  --color-red500: #F66565;
  --color-red600: #E53E3E;
  --color-red700: #C11A1A;
  --color-red800: #9D1515;
  --color-red900: #7B1919;
  --color-redRGB: 229, 62, 62;
  --color-orange25: #FFF7F0;
  --color-orange50: #FFF1E6;
  --color-orange100: #FFECDC;
  --color-orange400: #FFC884;
  --color-orange500: #FFA94D;
  --color-orange600: #FD7E14;
  --color-orange700: #F36507;
  --color-orange800: #E54C10;
  --color-orange900: #B03B0C;
  --color-orangeRGB: 253, 126, 20;
  --color-yellow25: #FFFBF0;
  --color-yellow50: #FFF9E6;
  --color-yellow100: #FFF6DC;
  --color-yellow400: #FFE884;
  --color-yellow500: #FFD952;
  --color-yellow600: #FCC419;
  --color-yellow700: #F5AC05;
  --color-yellow800: #F59F00;
  --color-yellow900: #E67700;
  --color-yellowRGB: 252, 196, 25;
  --color-green25: #F3FCF4;
  --color-green50: #EBFAED;
  --color-green100: #E2F8E6;
  --color-green400: #9DECA9;
  --color-green500: #6FDC81;
  --color-green600: #40C057;
  --color-green700: #2F9E44;
  --color-green800: #29843B;
  --color-green900: #1B5A29;
  --color-greenRGB: 64, 192, 87;
  --color-lime25: #F8FDF2;
  --color-lime50: #F4FCE9;
  --color-lime100: #EFFAE0;
  --color-lime400: #C0EB75;
  --color-lime500: #94D82D;
  --color-lime600: #82C91E;
  --color-lime700: #6DAD15;
  --color-lime800: #578D0C;
  --color-lime900: #436C09;
  --color-limeRGB: 130, 201, 30;
  --color-teal25: #F1FDFA;
  --color-teal50: #E7FDF7;
  --color-teal100: #DDFDF4;
  --color-teal400: #8AEACE;
  --color-teal500: #38D9A9;
  --color-teal600: #12B886;
  --color-teal700: #099268;
  --color-teal800: #077353;
  --color-teal900: #06513B;
  --color-tealRGB: 18, 184, 134;
  --color-cyan25: #F1FCFE;
  --color-cyan50: #E7FBFD;
  --color-cyan100: #DEF9FD;
  --color-cyan400: #76DDEA;
  --color-cyan500: #3BC9DB;
  --color-cyan600: #15AABF;
  --color-cyan700: #0C8599;
  --color-cyan800: #0A697A;
  --color-cyan900: #095562;
  --color-cyanRGB: 21, 170, 191;
  --color-blue25: #F0F8FF;
  --color-blue50: #E5F3FF;
  --color-blue100: #DBEEFF;
  --color-blue400: #74C0FC;
  --color-blue500: #46A3F1;
  --color-blue600: #228BE6;
  --color-blue700: #1971C2;
  --color-blue800: #1767B0;
  --color-blue900: #12528C;
  --color-blueRGB: 34, 139, 230;
  --color-indigo25: #F5F7FF;
  --color-indigo50: #EBEFFF;
  --color-indigo100: #E0E7FF;
  --color-indigo400: #A0B2FD;
  --color-indigo500: #748FFC;
  --color-indigo600: #4C6EF5;
  --color-indigo700: #3959DB;
  --color-indigo800: #3249B9;
  --color-indigo900: #20399D;
  --color-indigoRGB: 76, 110, 245;
  --color-violet25: #F7F5FF;
  --color-violet50: #F0EBFF;
  --color-violet100: #E8E1FE;
  --color-violet400: #B197FC;
  --color-violet500: #9F7FFA;
  --color-violet600: #7950F2;
  --color-violet700: #633CD8;
  --color-violet800: #4D28BD;
  --color-violet900: #301287;
  --color-violetRGB: 121, 80, 242;
  --color-text: #1B1F22;
  --color-background: #fff;
  --color-rgb: 27, 31, 34;
  --color-gray0: #FBFCFD;
  --color-gray25: #F8F9FA;
  --color-gray50: #F1F3F5;
  --color-gray100: #ECEEF0;
  --color-gray200: #E6E8EB;
  --color-gray300: #DFE2E6;
  --color-gray400: #CED4DA;
  --color-gray500: #ADB5BD;
  --color-gray600: #768088;
  --color-gray700: #4F575E;
  --color-gray800: #343A40;
  --color-gray900: #22262A;
  --color-cool0: #FBFCFD;
  --color-cool25: #F7F9FB;
  --color-cool50: #F0F3F6;
  --color-cool100: #EAEEF2;
  --color-cool200: #E4E8ED;
  --color-cool300: #DCE2E9;
  --color-cool400: #C9D4DE;
  --color-cool500: #A5B5C5;
  --color-cool600: #698195;
  --color-cool700: #465867;
  --color-cool800: #2E3A46;
  --color-cool900: #1E262E;
}



/* ----- Theme variables ----- */
:root {
  --theme-body-font: "InterVariable", sans-serif;
  --theme-body-font-size: 16px;
  --theme-body-font-weight: 400;
  --theme-body-letter-spacing: -0.01em;
  --theme-font-size-sm: 12px;
  --theme-font-size-md: 14px;
  --theme-font-size-lg: 16px;
  --theme-widgets-font-size: 14px;
  --theme-widgets-font-weight: 400;
  --theme-heading-font: "InterVariable", sans-serif;
  --theme-heading-font-weight: 600;
  --theme-heading-letter-spacing: -0.01em;
  --theme-site-width: 1360px;
  --theme-site-gutters: 15px;
  --theme-radius-base: 10px;
  --theme-radius-form: 8px;
  --theme-category-menu-large-width: 860px;
  --theme-category-menu-medium-width: 760px;
  --theme-category-menu-small-width: 560px;
  --theme-topbar-height: 38px;
  --theme-topbar-font-size: 12px;
  --theme-topbar-font-weight: 500;
  --theme-topbar-submenu-font-size: 12px;
  --theme-topbar-submenu-font-weight: 500;
  --theme-menu-font: "InterVariable", sans-serif;
  --theme-menu-font-size: 16px;
  --theme-menu-font-weight: 600;
  --theme-submenu-font-size: 14px;
  --theme-sub-menu-font-weight: 400;
  --theme-form-font: "InterVariable", sans-serif;
  --theme-form-font-size: 15px;
  --theme-form-font-weight: 500;
  --theme-form-letter-spacing: -0.01em;
  --theme-form-border-width: 1px;
  --theme-button-font: "InterVariable", sans-serif;
  --theme-button-font-size: 15px;
  --theme-button-font-weight: 600;
  --theme-button-letter-spacing: -0.01em;
  --theme-product-name-font-size-desktop: 14px;
  --theme-product-name-font-size-mobile: 13px;
  --theme-product-name-weight: 600;
  --theme-product-price-font: "InterVariable", sans-serif;
  --theme-product-price-font-size-desktop: 18px;
  --theme-product-price-font-size-mobile: 16px;
  --theme-product-price-weight: 700;
  --theme-primary-color: #ffc21f;
  --theme-primary-color-RGB: 255, 194, 31;
  --theme-secondary-color: #041e42;
  --theme-secondary-color-RGB: 4, 30, 66;
}

/* ----- spacing from class ----- */

.pb-140 {
  padding-bottom: 8.75rem;
}

/*---------------------------------------------------- 
  02. Base styles
----------------------------------------------------*/
/* ----- Body clearfix ----- */
body {
  font-family: var(--theme-body-font);
  font-size: var(--theme-body-font-size);
  font-weight: var(--theme-body-font-weight);
  letter-spacing: var(--theme-body-letter-spacing);
  -webkit-font-feature-settings: "liga" 1, "kern" 1;
          font-feature-settings: "liga" 1, "kern" 1;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  color: var(--color-text);
  background-color: var(--color-background);
}

/* ----- Heading clearfix ----- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--theme-heading-font);
  font-weight: var(--theme-heading-font-weight);
  letter-spacing: var(--theme-heading-letter-spacing);
}

/* ----- text decoration none for a tag ----- */
a {
  text-decoration: none;
}

/* ----- img default settings ----- */
img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

.text-decoration.position-absolute {
  pointer-events: none;
  z-index: -1;
}
.text-decoration.center {
  left: 0;
  right: 0;
}

.overflow {
  overflow: hidden;
}

.theme-radius {
  border-radius: var(--theme-radius-base);
}

.animation-float-bob-y {
  -webkit-animation: float-bob-y;
          animation: float-bob-y;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.animation-float-bob-x {
  -webkit-animation: float-bob-x;
          animation: float-bob-x;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.left-0 {
  left: 0;
}

.pl-30 {
  padding-left: 1.875rem;
}

@media screen and (min-width: 1024px) {
  .pl-md-60 {
    padding-left: 3.75rem;
  }
}

.feature-product-block.background-image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

/* max width reset */
.max-width-none {
  max-width: none !important;
}



/* Equal Height */
.equal-height {
  height: 100vh;
}


/* ----- Link overlay ----- */
.overlay-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}

/* ----- image lazyloading ----- */
.lazyload, .lazyloading {
  width: 100%;
  opacity: 0.3;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ----- site close button ----- */
.site-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.125rem;
  width: 2.375rem;
  height: 2.375rem;
  cursor: pointer;
  border-radius: var(--theme-radius-base);
  overflow: hidden;
  -webkit-transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.site-close svg {
  width: 0.875rem;
  fill: currentColor;
}
.site-close i::before {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .site-close {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
  }
}
.site-close:hover {
  color: var(--theme-primary-color);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}


/* ----- magnific popup ----- */
.mfp-wrap .mfp-close {
  all: unset;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  width: 2.375rem;
  height: 2.375rem;
  top: 0.625rem;
  right: 0.625rem;
  border-radius: 50%;
  background-color: transparent !important;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.mfp-wrap .mfp-close::before {
  font-family: "klbtheme";
  font-size: 1.625rem;
  line-height: 1;
  content: "\ec7b";
}
@media screen and (min-width: 992px) {
  .mfp-wrap .mfp-close {
    top: 0.9375rem;
    right: 0.9375rem;
  }
}
.mfp-wrap .mfp-close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* ----- Image block ----- */
.image-block .entry-media {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}

/* ----- Checklist ----- */
.entry-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.entry-checklist ul li {
  position: relative;
}
.entry-checklist ul li::before {
  font-family: "klbtheme";
  content: "\e8ef";
  color: var(--color-green600);
  margin-right: 0.75rem;
}
.entry-checklist ul li + li {
  margin-top: 0.375rem;
}
.entry-checklist.filled ul li::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: var(--color-green100);
}
.entry-checklist.filled ul li + li {
  margin-top: 0.625rem;
}

/* Product box banner */
.product-box-banner .product-thumbnail {
  margin-bottom: 1.5625rem;
}
.product-box-banner .product-thumbnail img {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.product-box-banner .product-content .entry-title {
  font-size: 1rem;
  margin-bottom: 0.9375rem;
}
.product-box-banner .product-content .entry-description {
  font-size: 0.875rem;
  color: var(--color-gray600);
  border-top: 1px solid var(--color-gray100);
  padding-top: 0.9375rem;
}
.product-box-banner .product-content .entry-checklist {
  margin-bottom: 1.25rem;
}
.product-box-banner .product-content .button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

/* ----- Loading keyframe animation ----- */
@-webkit-keyframes animation-loader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes animation-loader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* ----- pulse keyframe animation ----- */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
}
@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}
/* ----- page content ----- */
.page-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
.page-content .site-primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* ----- page inner ----- */
.page-inner {
  position: relative;
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .page-inner {
    margin-top: 2.5rem;
  }
}

/* ----- content wrapper ----- */
@media screen and (min-width: 1200px) {
  .content-wrapper.sidebar-right:not(.no-sidebar) .primary-column {
    padding-right: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.sidebar-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.sidebar-left:not(.no-sidebar) .primary-column {
    padding-left: 1.875rem;
  }
}
.content-wrapper.shop-wrapper .primary-column {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
@media screen and (min-width: 1200px) {
  .content-wrapper.shop-wrapper:not(.no-border) .primary-column::before {
    content: "";
    position: absolute;
    width: 0.0625rem;
    height: 100%;
    top: 0;
  }
  body[data-color=custom][data-theme=light] .content-wrapper.shop-wrapper:not(.no-border) .primary-column::before {
    background-color: rgba(var(--color-rgb), 0.15);
  }
  body[data-color=default] .content-wrapper.shop-wrapper:not(.no-border) .primary-column::before {
    background-color: var(--color-gray200);
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.shop-wrapper.sidebar-left:not(.no-border) .primary-column::before {
    left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.shop-wrapper.sidebar-left #sidebar {
    width: 18.75rem;
    padding-right: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.shop-wrapper.sidebar-right:not(.no-border) .primary-column::before {
    right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.shop-wrapper.sidebar-right #sidebar {
    width: 18.75rem;
    padding-left: 1.875rem;
  }
}

/* ----- page container ----- */
@media screen and (min-width: 1024px) {
  .container {
    max-width: var(--theme-site-width);
  }
  .container .row:not(.g-0) {
    margin-left: calc(var(--theme-site-gutters) * -1);
    margin-right: calc(var(--theme-site-gutters) * -1);
  }
  .container .row > * {
    padding-left: var(--theme-site-gutters);
    padding-right: var(--theme-site-gutters);
  }
}
@media screen and (max-width: 1023.98px) {
  .container {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

/* ----- custom col ----- */
@media screen and (min-width: 1200px) {
  .col-custom-260 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.25rem;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-300 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 18.75rem;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-310 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 19.375rem;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-320 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20rem;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-420 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 26.25rem;
  }
}

.max-420 {
  max-width: 26.25rem;
  margin-left: auto;
  margin-right: auto;
}

.max-768 {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.max-920 {
  max-width: 57.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-w-1200 {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1200px) {
  .col-custom-offset-300 {
    padding-left: 20.625rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-offset-310 {
    padding-left: 21.25rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .col-custom-offset-320 {
    padding-left: 21.875rem !important;
  }
}


/* ----- Custom container width ----- */
@media screen and (min-width: 1024px) {
  .container-custom-large {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-custom-large {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .container-custom-large {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 1360px) {
  .container-custom-large {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (min-width: 1440px) {
  .container-custom-large {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .container-custom-large {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

/* ----- Device below 992 hide ----- */
@media screen and (max-width: 991.98px) {
  .min-992 {
    display: none !important;
  }
}

/* ----- Device below 1024 hide ----- */
@media screen and (max-width: 1023.98px) {
  .min-1024 {
    display: none !important;
  }
}

/* ----- Device below 1200 hide ----- */
@media screen and (max-width: 1199.98px) {
  .min-1200 {
    display: none !important;
  }
}

/* ----- Device above 992 hide ----- */
@media screen and (min-width: 992px) {
  .max-992 {
    display: none !important;
  }
}

/* ----- Device above 1024 hide ----- */
@media screen and (min-width: 1024px) {
  .max-1024 {
    display: none !important;
  }
}

/* ----- Device above 1200 hide ----- */
@media screen and (min-width: 1200px) {
  .max-1200 {
    display: none !important;
  }
}


/* ----- Theme typography weight classes ----- */
.weight-100 {
  font-weight: 100 !important;
}

.weight-300 {
  font-weight: 300 !important;
}

.weight-400 {
  font-weight: 400 !important;
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-600 {
  font-weight: 600 !important;
}

.weight-700 {
  font-weight: 700 !important;
}

/* ----- Theme typography letter spacing classes ----- */
.letter-spacing-1 {
  letter-spacing: 1px;
}

.font-default {
  font-size: var(--theme-button-font-size) !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-0 {
  z-index: 0;
}


/* ----- theme background light color classes ----- */
.background-info-light {
  color: var(--color-gray700) !important;
  background-color: rgba(var(--color-rgb), 0.05) !important;
}

.background-primary-light {
  color: var(--theme-primary-color) !important;
  background-color: rgba(var(--theme-primary-color-RGB), 0.12) !important;
}

.background-secondary-light {
  color: var(--theme-secondary-color) !important;
  background-color: rgba(var(--theme-secondary-color), 0.12) !important;
}

.background-red-light {
  color: var(--color-red700) !important;
  background-color: var(--color-red50) !important;
}

.background-violet-light {
  color: var(--color-violet700) !important;
  background-color: var(--color-violet50) !important;
}

.background-indigo-light {
  color: var(--color-indigo700) !important;
  background-color: var(--color-indigo50) !important;
}

.background-cyan-light {
  color: var(--color-cyan700) !important;
  background-color: var(--color-cyan50) !important;
}

.background-teal-light {
  color: var(--color-teal700) !important;
  background-color: var(--color-teal50) !important;
}

.background-green-light {
  color: var(--color-green700) !important;
  background-color: var(--color-green50) !important;
}

.background-lime-light {
  color: var(--color-lime700) !important;
  background-color: var(--color-lime50) !important;
}

.background-yellow-light {
  color: #1B1F22 !important;
  background-color: var(--color-yellow50) !important;
}

.background-orange-light {
  color: var(--color-orange700) !important;
  background-color: var(--color-orange50) !important;
}

/* Custom colored */
.custom-yellow-light {
  background-color: var(--color-yellow25) !important;
}


/*---------------------------------------------------- 
  03. Form elements
----------------------------------------------------*/
/* ----- form label ----- */
label {
  position: relative;
  display: block;
  font-size: 0.8125rem;
  margin-bottom: 0.3125rem;
}
label.woocommerce-form__label-for-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
label.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
  margin-right: 0.5rem;
}
label.woocommerce-form-login__rememberme {
    margin-bottom: 1.875rem;
    margin-top: 0.5rem;
}

/* ----- password input Settings ----- */
.password-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.password-input > input {
  padding-right: 2.375rem;
}
.password-input .show-password-input {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-gray600);
  font-size: 1.3125rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  right: 0.3125rem;
}
.password-input .show-password-input::before {
  font-family: "klbtheme";
  content: "\ea5e";
  line-height: 1;
}
.password-input .show-password-input.display-password::before {
  content: "\ec25";
}

textarea {
  line-height: initial;
  min-height: 9.375rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* ----- form select ----- */
select {
  line-height: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat;
  background-position: calc(100% - 0.1875rem) 50%;
  background-size: 1.125rem 1.125rem;
  padding-right: 1.625rem !important;
}


/* ----- Checkbox Settings ----- */
input[type=checkbox], .woocommerce-form__input-checkbox {
 position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 1px solid #c3c3c3;
  cursor: pointer;
  width: 17px;
}

input[type="checkbox"]:focus, 
.woocommerce-form__input-checkbox:focus {
    outline: 3px solid #0073aa; 
    outline-offset: 2px;
}

input[type="checkbox"]:checked, 
.woocommerce-form__input-checkbox:checked {
    background-color: #0073aa; 
    border-color: #0073aa;
}

input[type="checkbox"]:checked::after, 
.woocommerce-form__input-checkbox:checked::after {
    content: "✔"; /* Unicode checkmark */
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}



/* ----- wpcf7-form settings ----- */
.wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=time], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form input.form-control {
  height: 2.875rem;
}
.wpcf7-form .wpcf7-submit {
  height: 2.875rem !important;
}

/*---------------------------------------------------- 
  04. Components
----------------------------------------------------*/
/* ----- Tooltip component settings ----- */
.klb-tooltip {
  font-family: var(--theme-body-font);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--theme-body-letter-spacing);
  --bs-tooltip-bg: var(--color-gray100);
  --bs-tooltip-opacity: 1;
  --bs-tooltip-padding-y: 0.3125rem;
  --bs-tooltip-padding-x: 0.625rem;
  --bs-tooltip-border-radius: calc(var(--theme-radius-base) / 2);
}
.klb-tooltip.white {
  --bs-tooltip-color: var(--color-text);
  --bs-tooltip-bg: var(--color-background);
}
.klb-tooltip.white .tooltip-arrow::after {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  z-index: -1;
}
.klb-tooltip.white .tooltip-inner {
  border: 1px solid var(--color-gray100);
  -webkit-box-shadow: hsla(206deg, 22%, 7%, 0.4) 0px 10px 38px -10px, hsla(206deg, 22%, 7%, 0.25) 0px 10px 20px -15px;
          box-shadow: hsla(206deg, 22%, 7%, 0.4) 0px 10px 38px -10px, hsla(206deg, 22%, 7%, 0.25) 0px 10px 20px -15px;
}
.klb-tooltip[data-popper-placement=bottom].white .tooltip-arrow::after {
  border-bottom-color: var(--color-gray300);
}
.klb-tooltip[data-popper-placement=left].white .tooltip-arrow::after {
  border-left-color: var(--color-gray300);
}

.ring-tooltip {
  font-family: var(--theme-body-font);
  font-size: 0.8125rem;
  font-weight: 500;
  --bs-tooltip-bg: var(--theme-primary-color);
  --bs-tooltip-opacity: 1;
  --bs-tooltip-border-radius: calc(var(--theme-radius-base) / 2);
}

/* ----- Badge component settings ----- */
.badge {
  --bs-badge-padding-x: 0.4375rem;
  --bs-badge-padding-y: 0.3125rem;
  --bs-badge-border-radius: 0.1875rem;
  --bs-badge-font-size: 0.75rem;
  --bs-badge-font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 1.25rem;
  background-color: var(--color-gray400);
}

/* ----- Theme menu settings ----- */
.klb-menu-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-menu-nav.horizontal > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.0625rem;
     -moz-column-gap: 1.0625rem;
          column-gap: 1.0625rem;
}
.klb-menu-nav.horizontal li {
  white-space: nowrap;
}
.klb-menu-nav.horizontal .menu-item-has-children > a {
  position: relative;
}
.klb-menu-nav.horizontal .menu-item-has-children > a::after {
  font-family: "klbtheme";
  font-size: 88%;
  content: "\ea1b";
  margin-left: 0.4375rem;
}
.klb-menu-nav.horizontal .menu-item-has-children:not(.mega-menu) {
  position: relative;
}
.klb-menu-nav.horizontal a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.klb-menu-nav.horizontal a i {
  font-size: 128%;
  margin-right: 0.4375rem;
  line-height: 1;
}
.klb-menu-nav.horizontal a i::before {
  margin: 0;
}
.klb-menu-nav.horizontal .sub-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  color: var(--color-text);
  border: 1px solid transparent;
  border-radius: var(--theme-radius-base);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1), transform 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1), transform 0.15s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 10;
}
.klb-menu-nav.horizontal .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.klb-menu-nav.horizontal.color-scheme-white .sub-menu {
  background-color: #FFF;
}
.klb-menu-nav.horizontal.color-scheme-white.border-gray .sub-menu {
  border-color: var(--color-gray100);
}
.klb-menu-nav.horizontal.color-scheme-white.border-gray-light .sub-menu {
  border-color: var(--color-gray25);
}
.klb-menu-nav.horizontal.color-scheme-white.border-dark .sub-menu {
  border-color: #1B1F22;
}
.klb-menu-nav.horizontal.color-scheme-white .bordered-columns > * + * {
  border-left: 1px solid var(--color-gray100);
  padding-left: 2.5rem;
}
.klb-menu-nav.horizontal.color-scheme-custom .bordered-columns > * + * {
  border-left: 1px solid rgba(var(--color-rgb), 0.1);
  padding-left: 2.5rem;
}
.klb-menu-nav.horizontal.sub-shadow-xs .sub-menu {
  -webkit-box-shadow: rgba(27, 31, 34, 0.03) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 1px 2px;
          box-shadow: rgba(27, 31, 34, 0.03) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 1px 2px;
}
.klb-menu-nav.horizontal.sub-shadow-sm .sub-menu {
  -webkit-box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 10px 15px -5px, rgba(27, 31, 34, 0.04) 0px 7px 7px -5px;
          box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 10px 15px -5px, rgba(27, 31, 34, 0.04) 0px 7px 7px -5px;
}
.klb-menu-nav.horizontal.sub-shadow-md .sub-menu {
  -webkit-box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px;
}
.klb-menu-nav.horizontal.sub-shadow-lg .sub-menu {
  -webkit-box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 28px 23px -7px, rgba(27, 31, 34, 0.04) 0px 12px 12px -7px;
          box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 28px 23px -7px, rgba(27, 31, 34, 0.04) 0px 12px 12px -7px;
}
.klb-menu-nav.horizontal.triangle-enable.color-scheme-white .sub-menu::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.5rem solid #FFF;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  margin-bottom: 0rem;
  top: -0.4375rem;
  left: 1.125rem;
  z-index: 1;
}
.klb-menu-nav.horizontal.triangle-enable.color-scheme-white .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.5rem solid var(--color-gray300);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  margin-bottom: 0rem;
  top: -0.5rem;
  left: 1.125rem;
}
.klb-menu-nav.horizontal.triangle-enable.color-scheme-white.border-gray-light .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.5rem solid var(--color-gray50);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  margin-bottom: 0rem;
  top: -0.5rem;
  left: 1.125rem;
}
.klb-menu-nav.horizontal.triangle-enable.color-scheme-white.border-dark .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.5rem solid #1B1F22;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  margin-bottom: 0rem;
  top: -0.5rem;
  left: 1.125rem;
}

/* ----- Theme modal settings ----- */
.klb-modal-root {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 1000;
}
.klb-modal-root .klb-modal-inner {
  position: relative;
  white-space: nowrap;
  background-color: #FFF;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-modal-root .klb-modal-inner .klb-modal-header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 992px) {
  .klb-modal-root .klb-modal-inner .klb-modal-header {
    margin-bottom: 2.5rem;
  }
}
.klb-modal-root .klb-modal-inner .klb-modal-header .entry-title {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 576px) {
  .klb-modal-root .klb-modal-inner .klb-modal-header .entry-title {
    font-size: 1.625rem;
  }
}
.klb-modal-root .klb-modal-inner .klb-modal-header .site-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.klb-modal-root .klb-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1B1F22;
  opacity: 0.2;
}
.klb-modal-root:not(.authentication-modal) {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.klb-modal-root.default-modal .klb-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 1.25rem 0.625rem;
}
.klb-modal-root.default-modal .klb-modal-header .entry-title {
  font-size: 1.375rem;
  margin-bottom: 0;
}
.klb-modal-root.default-modal .klb-modal-header .site-close {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  top: 0;
  right: 0;
}
.klb-modal-root.default-modal .klb-modal-inner {
  min-width: 17.5rem;
  border-radius: var(--theme-radius-base);
}
.klb-modal-root.authentication-modal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 576px) {
  .klb-modal-root.authentication-modal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 576px) {
  .klb-modal-root.authentication-modal .klb-modal-inner {
    border-radius: var(--theme-radius-base);
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .klb-modal-root.authentication-modal .klb-modal-inner {
    display: grid;
    grid-template-columns: 29.125rem auto;
  }
}
.klb-modal-root.authentication-modal .authentication-modal-banner {
  position: relative;
}
.klb-modal-root.authentication-modal .authentication-modal-banner a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 38.75rem;
}
.klb-modal-root.authentication-modal .authentication-modal-banner a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.klb-modal-root.authentication-modal .klb-authentication-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  padding-top: 2.5rem;
}
@media screen and (min-width: 576px) {
  .klb-modal-root.authentication-modal .klb-authentication-modal {
    max-width: 30rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-modal-root.authentication-modal .klb-authentication-modal {
    max-width: 32.875rem;
  }
}
@media screen and (min-width: 992px) {
  .klb-modal-root.authentication-modal .klb-authentication-modal {
    padding-top: 3.125rem;
  }
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-modal-header {
  text-align: center;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-form {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
@media screen and (min-width: 576px) {
  .klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-form {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--color-gray500);
  margin-top: 1.875rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-top: 1px solid var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab {
    margin-top: auto;
  }
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab p {
  margin-bottom: 0;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab a {
  color: var(--color-blue600);
}

.klb-modal-root.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.klb-modal-root.is-active .klb-modal-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ----- Banner component settings ----- */
.klb-banner {
  position: relative;
}
.klb-banner.w-50 {
  width: 100% !important;
}
.klb-banner.inner-style {
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
.klb-banner.inner-style .entry-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.75rem 1.875rem;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .klb-banner.inner-style .entry-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 1.5625rem;
  }
}
.klb-banner.inner-style .entry-wrapper .entry-inner {
  width: 90%;
}
.klb-banner.inner-style .entry-media {
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .klb-banner.inner-style .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .klb-banner.inner-style .entry-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .klb-banner.inner-style .entry-media video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.klb-banner.inner-style .entry-media.overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.klb-banner.inner-style .entry-media .image-decoration {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45%;
  height: 100%;
}
.klb-banner.inner-style .entry-media .image-decoration svg {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991.98px) {
  .klb-banner.inner-style .entry-media .image-decoration {
    display: none;
  }
}
.klb-banner.inner-style.align-top .entry-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.klb-banner.inner-style.align-center .entry-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-banner.inner-style.align-bottom .entry-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.klb-banner.inner-style.justify-start .entry-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.klb-banner.inner-style.justify-center .entry-wrapper, .klb-banner.inner-style.justify-center .entry-footer, .klb-banner.inner-style.justify-center .entry-heading {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.klb-banner.inner-style.justify-center .entry-excerpt {
  margin-left: auto;
  margin-right: auto;
}
.klb-banner.inner-style.justify-center.align-center .entry-wrapper, .klb-banner.inner-style.justify-center.align-bottom .entry-wrapper {
  text-align: center;
}
.klb-banner.inner-style.justify-end .entry-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 992px) {
  .klb-banner.inner-style.strech .entry-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.75rem 1.875rem;
    z-index: 1;
  }
  .klb-banner.inner-style.strech .entry-wrapper .entry-inner {
    width: 90%;
  }
  .klb-banner.inner-style.strech .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .klb-banner.inner-style.strech .entry-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 992px) {
  .klb-banner.inner-style.space-30 .entry-wrapper {
    padding: 1.875rem;
  }
  .klb-banner.inner-style.space-40 .entry-wrapper {
    padding: 2.5rem;
  }
  .klb-banner.inner-style.space-50 .entry-wrapper {
    padding: 3.125rem;
  }
  .klb-banner.inner-style.space-60 .entry-wrapper {
    padding: 3.75rem;
  }
}
@media screen and (min-width: 992px) {
  .klb-banner.inner-style.w-50 .entry-inner {
    width: 50%;
  }
  .klb-banner.inner-style.w-60 .entry-inner {
    width: 60%;
  }
  .klb-banner.inner-style.w-70 .entry-inner {
    width: 70%;
  }
  .klb-banner.inner-style.w-80 .entry-inner {
    width: 80%;
  }
  .klb-banner.inner-style.w-90 .entry-inner {
    width: 90%;
  }
  .klb-banner.inner-style.w-100 .entry-inner {
    width: 100%;
  }
}
.klb-banner.outer-style .entry-media {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
@media screen and (max-width: 1023.98px) {
  .klb-banner.outer-style .entry-media {
    margin-bottom: 1.25rem;
  }
}
.klb-banner.outer-style .entry-media .media-content {
  position: absolute;
  width: 100%;
  height: 40%;
  top: 0;
  left: 0;
  padding: 1.25rem;
}
.klb-banner.outer-style .entry-media .media-content::before {
  position: absolute;
  content: "";
  width: 100%;
  top: -30px;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(36, 40, 45, 0.5)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(36, 40, 45, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#24282d",GradientType=1);
}
.klb-banner.outer-style .entry-media .media-content .entry-title {
  position: relative;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #FFF;
  margin-bottom: 0;
  z-index: 1;
}
.klb-banner.outer-style .entry-wrapper {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .klb-banner.outer-style .entry-wrapper {
    position: relative;
    margin-top: -50px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    z-index: 1;
  }
  .klb-banner.outer-style .entry-wrapper .entry-inner {
    background-color: var(--color-background);
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
}
.klb-banner.outer-style .entry-heading, .klb-banner.outer-style .entry-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.klb-banner.outer-style:hover .entry-inner {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.klb-banner.light .entry-wrapper {
  color: #FFF;
}
.klb-banner.light .entry-wrapper .btn.link {
  color: #FFF;
}
.klb-banner.dark .entry-wrapper {
  color: #1B1F22;
}
.klb-banner.grid-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-banner.grid-style .entry-media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .klb-banner.grid-style .entry-media {
    width: 50%;
    margin-bottom: 0;
  }
}
.klb-banner.grid-style .entry-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
@media screen and (min-width: 1024px) {
  .klb-banner.grid-style:not(.image-right) .entry-media {
    margin-right: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .klb-banner.grid-style.image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .klb-banner.grid-style.image-right .entry-media {
    margin-left: 3.75rem;
  }
}
.klb-banner.grid-style.full-width {
  max-width: var(--theme-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--theme-site-gutters);
  padding-right: var(--theme-site-gutters);
}
@media screen and (min-width: 1024px) {
  .klb-banner.grid-style.full-width {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.klb-banner .entry-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .klb-banner .entry-heading {
    margin-bottom: 0.9375rem;
  }
}
.klb-banner .entry-body {
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .klb-banner .entry-body {
    margin-bottom: 1.875rem;
  }
}
.klb-banner .entry-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-banner .entry-footer .btn {
  font-size: 0.8125rem;
  height: 2.375rem;
}
.klb-banner .entry-footer .btn.default.outline {
  color: currentColor;
}
.klb-banner .entry-footer .btn.icon-right {
  padding-right: 0.875rem;
}
.klb-banner .entry-footer .btn + .price {
  margin-left: 0.9375rem;
}
.klb-banner .entry-subtitle {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0;
}
.klb-banner .entry-subtitle + .entry-discount {
  margin-left: 0.875rem;
}
.klb-banner .entry-count-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}
.klb-banner .entry-count-text span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  background-color: var(--color-background);
  padding: 0.25rem 0.375rem;
  margin-right: 0.375rem;
  border-radius: 2.875rem;
}
.klb-banner .entry-title {
  font-size: 1.375rem;
  font-weight: 600;
}
.klb-banner .entry-excerpt {
  font-size: 0.875rem;
  max-width: 26.25rem;
}
.klb-banner .entry-excerpt:not(.not-opacity) p {
  opacity: 0.7;
}
.klb-banner .entry-excerpt.large {
  max-width: 40rem;
}
.klb-banner .entry-discount {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.25rem;
}
.klb-banner .entry-discount::before {
  content: "";
  position: absolute;
  left: -0.4375rem;
  width: 0;
  height: 0;
  border-color: transparent var(--color-red600) transparent transparent;
  border-style: solid;
  border-width: 0.4375rem 0.4375rem 0.4375rem 0;
}
@media screen and (min-width: 768px) {
  .klb-banner .entry-discount {
    font-size: 1rem;
    border-radius: 0.375rem;
  }
}
.klb-banner .sub-categories {
  margin-top: 1.25rem;
}
.klb-banner .sub-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.klb-banner .sub-categories ul li + li {
  margin-top: 0.125rem;
}
.klb-banner .sub-categories ul li a {
  font-size: 0.875rem;
  color: currentColor;
}
.klb-banner .price {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0;
}
.klb-banner .price del {
  opacity: 0.5;
}
.klb-banner .price ins {
  font-size: 1.625rem;
  font-weight: 700;
  text-decoration: none;
  margin-left: 0.3125rem;
}
.klb-banner .price.filled {
  font-size: 1.125rem !important;
  font-weight: 700;
  color: #fff;
  background-color: var(--color-green600);
  padding: 0.375rem 0.5rem;
  border-radius: var(--theme-radius-base);
}
@media screen and (min-width: 768px) {
  .klb-banner.small-size .entry-heading {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-banner.small-size .entry-body {
    margin-bottom: 1.25rem;
  }
}
.klb-banner.small-size .entry-footer .btn:not(.link) {
  font-size: 0.8125rem;
  line-height: 2.1875rem;
  height: 2.1875rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.klb-banner.small-size .entry-footer .btn:not(.link).icon-right {
  padding-right: 0.625rem;
}
@media screen and (max-width: 575.98px) {
  .klb-banner.small-size .entry-footer .btn:not(.link) {
    font-size: 0.75rem;
    line-height: 1.875rem;
    height: 1.875rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.klb-banner.small-size .entry-footer .banner-price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 1.625rem;
  line-height: 1;
}
.klb-banner.small-size .entry-footer .banner-price .price-label {
  font-size: 75%;
  margin-right: 0.375rem;
  opacity: 0.7;
}
.klb-banner.small-size .entry-footer .banner-price .price {
  font-size: inherit;
}
.klb-banner.small-size .entry-footer .banner-price.size-sm {
  font-size: 1.25rem;
}
.klb-banner.small-size .entry-footer .banner-price.bolded .price {
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .klb-banner.for-slider .entry-inner {
    width: 90% !important;
  }
}
@media screen and (max-width: 991.98px) {
  .klb-banner.for-slider .entry-inner {
    width: 60% !important;
  }
}
@media screen and (max-width: 575.98px) {
  .klb-banner.for-slider .entry-inner {
    width: 90% !important;
  }
}
.klb-banner.for-slider .entry-title {
  font-size: 1.875rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .klb-banner.for-slider .entry-title {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-banner.for-slider .entry-subtitle {
    font-size: 1rem;
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  .klb-banner.for-slider.inner-style.space-50 .entry-wrapper {
    padding: 3.125rem 3.75rem;
  }
  .klb-banner.for-slider.inner-style.space-60 .entry-wrapper {
    padding: 3.75rem 4.375rem;
  }
  .klb-banner.for-slider.inner-style.space-60.align-start .entry-wrapper {
    padding: 4.375rem;
  }
}
@media screen and (max-width: 991.98px) {
  .klb-banner.banner-text .banner-column {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .klb-banner.banner-text .banner-column + .banner-column {
    margin-top: 0.625rem;
  }
}
.klb-banner.banner-text .entry-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.klb-banner.banner-text .entry-wrapper .banner-column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (min-width: 992px) {
  .klb-banner.banner-text .entry-wrapper .banner-column:nth-child(1), .klb-banner.banner-text .entry-wrapper .banner-column:nth-child(3) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.klb-banner.banner-text .entry-wrapper .text-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .klb-banner.banner-text .entry-wrapper .text-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.klb-banner.banner-text .entry-wrapper .text-wrapper .entry-title {
  font-size: 1.25rem;
  margin-bottom: 0.3125rem;
}
.klb-banner.banner-text .entry-wrapper .text-wrapper .entry-caption {
  font-size: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .klb-banner.banner-text .entry-wrapper .text-wrapper .entry-caption {
    font-size: 1rem;
  }
}
.klb-banner.banner-text .entry-wrapper .text-wrapper .entry-caption p {
  margin-bottom: 0;
}
.klb-banner.banner-text .entry-wrapper .simple-image {
  max-width: 23.75rem;
}
@media screen and (min-width: 1200px) {
  .klb-banner.custom-height .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-banner.custom-height .entry-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .klb-banner.custom-height .entry-media video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 1199.98px) {
  .klb-banner.custom-height {
    height: auto !important;
  }
}

.klb-banner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-banner-box .column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .klb-banner-box .column {
    width: 50%;
  }
}
.klb-banner-box .banner-box-image img {
  width: 100%;
}
.klb-banner-box .banner-box-content {
  text-align: center;
  padding: 1.25rem;
}
@media screen and (min-width: 768px) {
  .klb-banner-box .banner-box-content {
    padding: 3.75rem;
  }
}
.klb-banner-box .banner-box-content .text-inner {
  max-width: 28.75rem;
  margin-left: auto;
  margin-right: auto;
}
.klb-banner-box .banner-box-content .text-inner .entry-subtitle {
  color: var(--theme-primary-color);
}
@media screen and (min-width: 768px) {
  .klb-banner-box .banner-box-content .text-inner .entry-title {
    margin-bottom: 1.25rem;
  }
}
.klb-banner-box .banner-box-content .text-inner .entry-description {
  margin-bottom: 2.5rem;
}

/* ----- Slider component settings ----- */
.klb-slider-wrapper {
  position: relative;
  z-index: 1;
}
.klb-slider-wrapper .klb-loader-wrapper {
  will-change: opacity;
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-slider-wrapper .klb-slider {
  opacity: 0;
  visibility: hidden;
  will-change: contents;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-slider-wrapper .klb-slider.carousel-style {
  max-height: 18.75rem;
}
.klb-slider-wrapper .klb-slider.slider-style {
  max-height: 34.375rem;
}
.klb-slider-wrapper .klb-slider > .slick-list > .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.klb-slider-wrapper .klb-slider > .slick-list > .slick-track .slick-slide {
  height: auto;
  white-space: initial;
}
.klb-slider-wrapper.slider-loaded .klb-loader-wrapper {
  opacity: 0;
  visibility: hidden;
}
.klb-slider-wrapper.slider-loaded .klb-slider.slick-initialized {
  max-height: none !important;
  opacity: 1;
  visibility: visible;
}
.klb-slider-wrapper .klb-slider.slider-spaced {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.klb-slider-wrapper .klb-slider.slider-spaced .slider-item {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.klb-slider-wrapper .slick-nav {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50%;
  padding: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.15s cubic-bezier(0.42, 0, 0.58, 1), color 0.15s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.15s cubic-bezier(0.42, 0, 0.58, 1), color 0.15s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s cubic-bezier(0.42, 0, 0.58, 1), color 0.15s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s cubic-bezier(0.42, 0, 0.58, 1), color 0.15s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 1;
}
.klb-slider-wrapper .slick-nav.slick-next {
  left: auto;
  right: 0;
}
.klb-slider-wrapper .slick-nav.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.klb-slider-wrapper .slick-nav svg {
  fill: #fff;
}
.klb-slider-wrapper .klb-slider .slick-nav {
  width: 2.375rem;
  height: 4.25rem;
  color: #fff;
  background-color: transparent;
  border-radius: 100px;
}
.klb-slider-wrapper .klb-slider .slick-nav svg {
  width: 130%;
  height: 130%;
}
.klb-slider-wrapper .klb-slider .slick-nav:hover {
  background-color: transparent;
}
.klb-slider-wrapper .klb-slider.hidden-arrows:not(.zoom-effect) .slick-nav {
  opacity: 0;
}
.klb-slider-wrapper .klb-slider.hidden-arrows:not(.zoom-effect) .slick-nav.slick-prev {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}
.klb-slider-wrapper .klb-slider.hidden-arrows:not(.zoom-effect) .slick-nav.slick-next {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.klb-slider-wrapper .klb-slider.hidden-arrows:not(.zoom-effect):hover .slick-nav {
  opacity: 1;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}
.klb-slider-wrapper .klb-slider.hidden-arrows.zoom-effect .slick-nav {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.klb-slider-wrapper .klb-slider.hidden-arrows.zoom-effect:hover .slick-nav {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.klb-slider-wrapper .klb-slider.slider-style .slick-nav.slick-prev {
  left: 0.9375rem;
}
.klb-slider-wrapper .klb-slider.slider-style .slick-nav.slick-next {
  right: 0.9375rem;
}
.klb-slider-wrapper .klb-slider.arrows-white-shadow .slick-nav {
  color: #1B1F22;
  background-color: #FFF;
  border: 1px solid;
  -webkit-box-shadow: 0 1px 3px 0 rgba(27, 31, 34, 0.08), 0 1px 2px 0 rgba(27, 31, 34, 0.04);
          box-shadow: 0 1px 3px 0 rgba(27, 31, 34, 0.08), 0 1px 2px 0 rgba(27, 31, 34, 0.04);
}
body[data-color=custom][data-theme=light] .klb-slider-wrapper .klb-slider.arrows-white-shadow .slick-nav {
  border-color: rgba(var(--color-rgb), 0.05);
}
body[data-color=default] .klb-slider-wrapper .klb-slider.arrows-white-shadow .slick-nav {
  border-color: var(--color-gray50);
}
.klb-slider-wrapper .klb-slider.arrows-white-border .slick-nav {
  border: 2px solid;
}

.klb-slider-wrapper .klb-slider.full-width .klb-banner {
  border-radius: 0;
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .klb-banner.align-center .entry-inner {
    position: relative;
    top: -2.5rem;
  }
}
.klb-slider-wrapper .klb-slider.full-width .klb-banner .entry-wrapper {
  max-width: calc(var(--theme-site-width) - 5rem);
  margin-left: auto;
  margin-right: auto;
  right: 0;
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .klb-banner .entry-wrapper.col-custom-offset-300 {
    padding-left: 23.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .klb-banner .entry-wrapper.col-custom-offset-310 {
    padding-left: 23.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .klb-banner .entry-wrapper.col-custom-offset-320 {
    padding-left: 24.375rem !important;
  }
}
.klb-slider-wrapper.visible-slider .slick-list {
  overflow: visible;
}
@media screen and (max-width: 1023.98px) {
  .klb-slider-wrapper .klb-slider.column-style .slider-item {
    height: auto !important;
    padding-bottom: 1.875rem;
  }
}
.klb-slider-wrapper .klb-slider.column-style .klb-banner {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .klb-slider-wrapper .klb-slider.column-style .klb-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.klb-slider-wrapper .klb-slider.column-style .entry-extra-image {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  bottom: 0;
  right: 43%;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 1023.98px) {
  .klb-slider-wrapper .klb-slider.column-style .entry-extra-image {
    display: none;
  }
}
.klb-slider-wrapper .klb-slider.column-style .entry-extra-image img {
  height: 100%;
}
.klb-slider-wrapper .klb-slider.column-style .entry-media {
  position: relative;
  height: 30vh;
}
@media screen and (min-width: 1024px) {
  .klb-slider-wrapper .klb-slider.column-style .entry-media {
    position: absolute;
    max-width: 46%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
.klb-slider-wrapper .klb-slider.column-style .entry-media img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.klb-slider-wrapper .klb-slider.column-style .btn {
  font-size: var(--theme-button-font-size);
}
.klb-slider-wrapper .klb-slider.column-style .entry-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5625rem;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .klb-slider-wrapper .klb-slider.column-style .entry-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    padding-top: 0;
  }
}
.klb-slider-wrapper .klb-slider.column-style .entry-wrapper .entry-inner {
  width: 100%;
  max-width: none !important;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .klb-slider-wrapper .klb-slider.column-style .entry-wrapper .entry-inner {
    max-width: 45% !important;
    padding-left: 0;
    padding-right: 0;
  }
}
.klb-slider-wrapper .klb-slider.column-style .entry-wrapper .entry-inner .entry-footer .btn {
  height: 2.875rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.klb-slider-wrapper .klb-slider.column-style.watch-slider .entry-extra-image {
  right: 45.4%;
}
@media screen and (min-width: 1024px) {
  .klb-slider-wrapper .klb-slider.column-style.watch-slider .entry-media {
    max-width: 44%;
  }
}
.klb-slider-wrapper .klb-slider.column-style.watch-slider .entry-wrapper .entry-inner {
  max-width: 44%;
  margin-right: -20px;
}
.klb-slider-wrapper .klb-slider.column-style.animate .entry-media > span {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--color-gray25);
  z-index: 1;
  -webkit-transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
}
.klb-slider-wrapper .klb-slider.column-style.animate .entry-inner {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
}
.klb-slider-wrapper .klb-slider.column-style.animate .entry-extra-image {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.25s cubic-bezier(0.45, 0, 0.55, 1);
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-out .entry-inner {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  opacity: 0;
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-out .entry-extra-image {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-out .entry-media > span {
  bottom: 0;
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-in .entry-inner, .klb-slider-wrapper .klb-slider.column-style.animate .animation-in .entry-extra-image {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-in .entry-extra-image {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.klb-slider-wrapper .klb-slider.column-style.animate .animation-in .entry-media > span {
  top: 0;
  height: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
}

/* ----- coupon settings ----- */
.klb-coupon-banner .klb-coupon-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: var(--theme-radius-base);
  padding: 0.9375rem;
}
.klb-coupon-banner .klb-coupon-inner .entry-title {
  font-size: 1.25rem;
}
.klb-coupon-banner .klb-coupon-inner .entry-title strong {
  font-weight: 700;
  text-decoration: underline;
}
.klb-coupon-banner .klb-coupon-inner p {
  font-size: 0.875rem;
}
.klb-coupon-banner .klb-coupon-inner .klb-coupon-code {
  font-size: 0.9375rem;
  font-weight: 600;
}
.klb-coupon-banner.red .klb-coupon-inner {
  color: #FFF;
  background-color: var(--color-red600);
}
.klb-coupon-banner.red-light .klb-coupon-inner {
  color: var(--color-red600);
  background-color: var(--color-red50);
}
.klb-coupon-banner.red-light .klb-coupon-inner p {
  color: var(--color-red700);
}
.klb-coupon-banner.yellow-light .klb-coupon-inner {
  color: var(--color-text);
  background-color: var(--color-yellow50);
}
.klb-coupon-banner.yellow-light .klb-coupon-inner p {
  color: var(--color-text);
}
.klb-coupon-banner.style-1 .klb-coupon-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0.625rem;
}
@media screen and (min-width: 992px) {
  .klb-coupon-banner.style-1 .klb-coupon-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    line-height: 1;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.klb-coupon-banner.style-1 .klb-coupon-inner .entry-title {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .klb-coupon-banner.style-1 .klb-coupon-inner .entry-title {
    font-size: 1.125rem;
    text-align: initial;
    margin-bottom: 0;
  }
}
.klb-coupon-banner.style-1 .klb-coupon-inner p {
  margin-bottom: 0;
}
.klb-coupon-banner.style-1 .klb-coupon-inner .klb-coupon-code {
  font-size: 1rem;
  border: 1px dashed;
  padding: 0.4375rem 0.75rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}


/* ----- module product grid settings ----- */
.klb-module.module-products-grid .grid-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-module.module-products-grid .grid-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.klb-module.module-products-grid .grid-wrapper > *.d-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-module.module-products-grid .grid-wrapper > *.d-flex .column-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.klb-module.module-products-grid .grid-wrapper:not(.bordered) {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.klb-module.module-products-grid .grid-wrapper:not(.bordered) > * {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.klb-module.module-products-grid .grid-wrapper.bordered::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 0px);
  border: 0.0625rem solid;
  border-radius: var(--theme-radius-base);
  pointer-events: none;
  z-index: 1;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid .grid-wrapper.bordered::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid .grid-wrapper.bordered::before {
  border-color: var(--color-gray200);
}
.klb-module.module-products-grid .grid-wrapper .list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.25rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid .grid-wrapper .list-items {
    padding: 1.5625rem;
  }
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul li {
  line-height: 1;
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul li + li {
  margin-top: 0.5rem;
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul li a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: currentColor;
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  opacity: 0;
  -webkit-transition: opacity 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu ul li a:hover::before {
  opacity: 1;
}
.klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu + .btn {
  margin-top: 1.875rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid .grid-wrapper .list-items .grid-list-menu + .btn {
    margin-top: auto;
  }
}
.klb-module.module-products-grid .grid-wrapper .banner-area {
  position: relative;
}
.klb-module.module-products-grid .grid-wrapper .banner-area.banner-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 0px);
  pointer-events: none;
  z-index: 1;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid .grid-wrapper .banner-area.banner-area::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid .grid-wrapper .banner-area.banner-area::before {
  border-color: var(--color-gray200);
}
.klb-module.module-products-grid .grid-wrapper .banner-area .klb-banner {
  border-radius: 0;
}

.klb-module.module-products-grid.style-6 .grid-wrapper {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-6 .grid-wrapper > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-6 .grid-wrapper > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product {
    border-radius: var(--theme-radius-base);
    padding: 1.875rem;
    border: 1px solid;
  }
  body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product {
    border: rgba(var(--color-rgb), 0.1);
  }
  body[data-color=default][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product {
    border-color: var(--color-gray200);
  }
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product .thumbnail-wrapper .thumbnail-badges {
  top: 0.9375rem;
  left: 0.625rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product .product-rating {
  margin-bottom: 0.625rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product .product-title, .klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product .product-cart-wrapper {
  margin-bottom: 0.9375rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .grid-products .product .product-progress > p {
  font-size: 0.75rem;
  color: var(--color-gray600);
  opacity: 0.6;
  margin-bottom: 0.4375rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product + * {
  padding-top: 1.25rem;
  margin-top: 0.9375rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product + * {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product + * {
  border-color: var(--color-gray100);
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .thumbnail-wrapper {
  width: 6rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-rating {
  margin-bottom: 0.4375rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-title {
  font-size: 0.8125rem;
  margin-bottom: 0.5rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .price {
  font-size: 1.25rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .price del {
  font-size: 75%;
  font-weight: 400;
  opacity: 0.8;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.9375rem;
  gap: 0.9375rem;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown > p {
  font-size: 0.75rem;
  margin-bottom: 0;
  opacity: 0.5;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown > p {
    font-size: 0.6875rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    line-height: 1.3;
  }
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown .klb-countdown {
  font-weight: 500;
}
.klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown .klb-countdown .count-item {
  width: 1.75rem;
  height: 1.625rem;
  min-width: 1.625rem;
  padding: 0;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown .klb-countdown .count-item {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=default][data-theme=light] .klb-module.module-products-grid.style-6 .grid-wrapper > * .list-products .product .product-countdown .klb-countdown .count-item {
  background-color: var(--color-gray50);
}



/* ----- module products column settings ----- */
.products-column.centered .product .content-wrapper {
  text-align: center;
}
.products-column.centered .product .content-wrapper .product-rating, .products-column.centered .product .content-wrapper .switcher-wrapper, .products-column.centered .product .content-wrapper .product-color-switcher {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.products-column.centered .product .content-wrapper .switcher-wrapper .price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

/*---------------------------------------------------- 
  09. Footer
----------------------------------------------------*/
/* ----- Footer default settings ----- */
.site-footer {
  position: relative;
  margin-top: 0.375rem;
}
@media screen and (min-width: 992px) {
  .site-footer {
    margin-top: 0.75rem;
  }
}
[data-theme=light] .site-footer .color-scheme-dark {
  color: #1B1F22;
}
.site-footer .color-scheme-light {
  color: #FFF;
}
.site-footer .color-scheme-theme {
  color: var(--color-text);
}
.site-footer .color-layout-white {
  background-color: #FFF;
}
.site-footer .color-layout-black {
  background-color: #1B1F22;
}
.site-footer .color-layout-theme {
  background-color: var(--color-background);
}
.site-footer .color-layout-light-gray {
  background-color: var(--color-gray25);
}
.site-footer .color-layout-baby-light {
  background-color: #f0f5f8;
}
.site-footer .color-layout-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-footer .footer-row {
  background-repeat: no-repeat;
  background-size: cover;
}
.site-footer .site-payment-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 0.4375rem;
     -moz-column-gap: 0.4375rem;
          column-gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .site-footer .site-payment-cards {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.site-footer .site-payment-cards .payment-cards-label {
  font-size: var(--theme-widgets-font-size);
  font-weight: 500;
  margin-bottom: 0.4375rem;
}
@media screen and (min-width: 576px) {
  .site-footer .site-payment-cards .payment-cards-label {
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}
.site-footer .site-payment-cards .payment-cards {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
  row-gap: 0.5rem;
}
.site-footer .site-payment-cards .payment-cards .card-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer .site-payment-cards .payment-cards .card-item.mastercard svg, .site-footer .site-payment-cards .payment-cards .card-item.maestro svg {
  width: auto;
  height: 1rem;
}
.site-footer .site-payment-cards .payment-cards .card-item.klarna svg, .site-footer .site-payment-cards .payment-cards .card-item.skrill svg {
  width: auto;
  height: 0.8125rem;
}

/* ----- Footer widgets settings ----- */
.footer-widgets {
  position: relative;
}
.footer-widgets .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
  .footer-widgets .footer-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .footer-widgets .footer-inner > .column {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .footer-widgets .footer-inner > .column.column-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 23.75rem;
  }
  .footer-widgets .footer-inner > .column.column-brand + .column-widgets {
    padding-left: 5rem;
  }
  .footer-widgets .footer-inner > .column.column-brand + .column-widgets::before {
    content: "";
    position: absolute;
    width: 0.0625rem;
    height: 100%;
    top: 0;
    left: 0;
    background-color: currentColor;
    opacity: 0.1;
  }
}
@media screen and (min-width: 768px) {
  .footer-widgets .footer-inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .footer-widgets .footer-inner {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .footer-widgets .footer-inner > .column {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .footer-widgets .footer-inner {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
}
.footer-widgets .column-widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
@media screen and (min-width: 576px) {
  .footer-widgets .column-widgets {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}
.footer-widgets .column-widgets > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
}

/* ----- Footer copyright settings ----- */
.footer-copyright {
  position: relative;
}
.footer-copyright .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.50rem;
  padding-bottom: 0.50rem;
}
@media screen and (min-width: 576px) {
  .footer-copyright .footer-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer-copyright .site-copyright p {
  font-size: 0.8125rem;
  margin-bottom: 0;
}
.footer-copyright .site-copyright p a {
  position: relative;
  font-weight: 500;
  color: currentColor;

}
.footer-copyright .site-copyright p a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  opacity: 1;
  -webkit-transition: opacity 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.footer-copyright .site-copyright p a:hover::before {
  opacity: 0;
}
.footer-copyright .site-payment-cards {
  margin-top: 0.625rem;
}
@media screen and (min-width: 992px) {
  .footer-copyright .site-payment-cards {
    margin-left: auto;
    margin-top: 0.625rem;
  }
}

/*---------------------------------------------------- 
  10. WooCommerce
----------------------------------------------------*/
/* ----- WooCommerce form row ----- */
.woocommerce-form-row, .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: space-between;
}

.woocommerce-form-row > *, .form-row > * {
  flex: 1 1 auto; 
  min-width: 0; 
  box-sizing: border-box; 
}

.woocommerce-Input, .woocommerce-button {
  width: 100%; 
  max-width: 100%;
  box-sizing: border-box; 
  outline: none;
}

@media screen and (min-width: 768px) {
  .woocommerce-Input, .woocommerce-button {
    line-height: 2rem !important;
    height: 3rem !important;
  }
}

/* ----- WooCommerce breadcrumb ----- */
.woocommerce-breadcrumb {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 992px) {
  .woocommerce-breadcrumb {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.woocommerce-breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
       flex-wrap: wrap;
  gap: 0.3125rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-breadcrumb ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 0.8125rem;
  color: var(--color-gray500);
}
.woocommerce-breadcrumb ul li::after {
  font-family: "klbtheme";
  font-size: 0.625rem;
  content: "\e8f3";
  color: var(--color-text);
  margin-left: 0.4375rem;
  margin-right: 0.1875rem;
}
.woocommerce-breadcrumb ul li:last-child::after {
  display: none;
}
.woocommerce-breadcrumb ul li a {
  color: var(--color-text);
}


/* ----- authentication Settings ----- */
.klb-authentication-form {
  position: relative;
}
.klb-authentication-form.tab-style {
  overflow: hidden;
}
.klb-authentication-form.tab-style .klb-authentication-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.klb-authentication-form.tab-style .klb-authentication-inner > * {
  will-change: opacity;
  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

@media (max-width: 768px) {
.klb-authentication-form.tab-style .klb-authentication-inner>* {
    width: 250px;
    }
}
.klb-authentication-form.tab-style .klb-authentication-inner > *.klb-register-form {
  opacity: 0;
}
.klb-authentication-form.tab-style .klb-authentication-inner.show-register-form {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.klb-authentication-form.tab-style .klb-authentication-inner.show-register-form .klb-login-form {
  opacity: 0;
}
.klb-authentication-form.tab-style .klb-authentication-inner.show-register-form .klb-register-form {
  opacity: 1;
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__rememberme {
  width: auto;
  cursor: pointer;
}

.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-LostPassword {
  text-align: center;
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-LostPassword a {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.klb-authentication-form.tab-style .klb-authentication-inner .privacy-text {
  display: block;
  font-size: 0.75rem;
  text-align: center;
  max-width: 23.75rem;
  white-space: break-spaces;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
}
.klb-authentication-form.tab-style .klb-authentication-inner .privacy-text a {
  font-weight: 500;
  color: var(--theme-primary-color);
}

/* ----- product rating ----- */
.product-rating {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-rating .rating-count {
  font-size: var(--theme-font-size-sm);
  font-weight: 500;
  margin-left: 0.375rem;
}
.product-rating .rating-count .count-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-rating .rating-count .count-text i {
  font-size: 1rem;
  line-height: 1;
  margin-right: 0.25rem;
}
.product-rating .rating-count .count-text i::before {
  margin: 0;
}
.product-rating.style-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8125rem;
  line-height: 1;
}
.product-rating.style-2 .product-rating-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-yellow100);
  padding: 0.1875rem 0.625rem;
  border-radius: 1.875rem;
}
.product-rating.style-2 .product-rating-inner i {
  font-size: 0.875rem;
  color: var(--color-yellow600);
  margin-left: -0.125rem;
}
.product-rating.style-2 .product-rating-inner i::before {
  margin: 0;
}
.product-rating.style-2 .product-rating-inner .review-count {
  font-weight: 600;
  margin-left: 0.3125rem;
}
.product-rating.style-2 .product-rating-inner .review-count span {
  font-weight: 400;
}

/* ----- star rating ----- */
.star-rating {
  position: relative;
  font-size: 0.75rem;
  overflow: hidden;
}
.star-rating::before {
  font-family: "klbtheme";
  content: "\ec6e\ec6e\ec6e\ec6e\ec6e";
  letter-spacing: 0.125rem;
  color: var(--color-gray300);
}
body[data-color=custom][data-theme=light] .star-rating::before {
  color: rgba(var(--color-rgb), 0.25);
}
body[data-color=default] .star-rating::before {
  color: var(--color-gray300);
}
.star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-rating span::before {
  font-family: "klbtheme";
  content: "\ec6e\ec6e\ec6e\ec6e\ec6e";
  letter-spacing: 0.125rem;
  color: var(--color-yellow600);
}

/* ----- product price ----- */
.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: var(--theme-product-price-font);
  font-size: var(--theme-product-price-font-size-mobile);
  font-weight: var(--theme-product-price-weight);
  gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .price {
    font-size: var(--theme-product-price-font-size-desktop);
  }
}
.price del {
  font-size: 89%;
  font-weight: 500;
  color: var(--color-gray600);
  opacity: 0.8;
}
body[data-color=custom][data-theme=light] .price del {
  color: rgba(var(--color-rgb), 0.5);
}
body[data-color=default] .price del {
  color: var(--color-gray600);
}
.price ins {
  color: var(--color-red600);
  text-decoration: none;
}
.price-filled .price del {
  font-size: 85%;
}
.price-filled .price ins bdi {
  color: #FFF;
  background-color: var(--color-green600);
  padding: 0.0625rem 0.25rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}


/* ----- products list ----- */
.products {
  position: relative;
}
.products.bordered.klb-slider .slick-list::before, .bordered .products.klb-slider .slick-list::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 0px);
  border: 0.0625rem solid;
  border-radius: var(--theme-radius-base);
  pointer-events: none;
}
body[data-color=custom][data-theme=light] .products.bordered.klb-slider .slick-list::before, body[data-color=custom][data-theme=light] .bordered .products.klb-slider .slick-list::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .products.bordered.klb-slider .slick-list::before, body[data-color=default] .bordered .products.klb-slider .slick-list::before {
  border-color: var(--color-gray200);
}
.products.bordered.klb-slider .slick-list .slider-item, .bordered .products.klb-slider .slick-list .slider-item {
  position: relative;
}
.products.bordered.klb-slider .slick-list .slider-item:not(.slick-current)::after, .bordered .products.klb-slider .slick-list .slider-item:not(.slick-current)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
}
body[data-color=custom][data-theme=light] .products.bordered.klb-slider .slick-list .slider-item:not(.slick-current)::after, body[data-color=custom][data-theme=light] .bordered .products.klb-slider .slick-list .slider-item:not(.slick-current)::after {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .products.bordered.klb-slider .slick-list .slider-item:not(.slick-current)::after, body[data-color=default] .bordered .products.klb-slider .slick-list .slider-item:not(.slick-current)::after {
  background-color: var(--color-gray200);
}
.products.bordered .thumbnail-wrapper, .bordered .products .thumbnail-wrapper {
  padding: 0.9375rem 0.9375rem 0.4375rem;
}
@media screen and (min-width: 1024px) {
  .products.bordered .thumbnail-wrapper, .bordered .products .thumbnail-wrapper {
    padding: 1.25rem 1.25rem 0.4375rem;
  }
}
.products.bordered .thumbnail-wrapper .thumbnail-badges, .bordered .products .thumbnail-wrapper .thumbnail-badges {
  top: 1.5625rem;
  left: 1.5625rem;
}
@media screen and (min-width: 1024px) {
  .products.bordered .thumbnail-wrapper .thumbnail-badges, .bordered .products .thumbnail-wrapper .thumbnail-badges {
    top: 1.875rem;
    left: 1.875rem;
  }
}
.products.bordered .thumbnail-wrapper .thumbnail-buttons, .bordered .products .thumbnail-wrapper .thumbnail-buttons {
  top: 1.25rem;
  right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .products.bordered .thumbnail-wrapper .thumbnail-buttons, .bordered .products .thumbnail-wrapper .thumbnail-buttons {
    top: 1.5625rem;
    right: 1.5625rem;
  }
}
.products.bordered .product-wrapper.style-1 .thumbnail-badges, .bordered .products .product-wrapper.style-1 .thumbnail-badges {
  top: 0.9375rem !important;
  left: 0.9375rem !important;
  bottom: 0.4375rem !important;
}
@media screen and (min-width: 1024px) {
  .products.bordered .product-wrapper.style-1 .thumbnail-badges, .bordered .products .product-wrapper.style-1 .thumbnail-badges {
    top: 1.25rem !important;
    left: 1.25rem !important;
  }
}
.products.bordered .content-wrapper, .bordered .products .content-wrapper {
  padding: 0 0.9375rem 0.9375rem;
}
@media screen and (min-width: 1024px) {
  .products.bordered .content-wrapper, .bordered .products .content-wrapper {
    padding: 0 1.25rem 1.25rem;
  }
}
.bordered .products.klb-slider .slick-list::before {
  display: none !important;
}
.products:not(.bordered) .thumbnail-wrapper {
  margin-bottom: 0.75rem;
}
.products .product-wrapper {
  position: relative;
  z-index: 1;
}
.products .thumbnail-wrapper {
  position: relative;
}
.products .thumbnail-wrapper > .product-thumbnail {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
.products .thumbnail-wrapper .thumbnail-badges {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0.3125rem;
  left: 0.3125rem;
  bottom: 0.3125rem;
  z-index: 1;
  pointer-events: none;
}
.products .thumbnail-wrapper .thumbnail-badges .sale {
  font-size: 0.75rem;
  background-color: var(--color-red600);
}
.products .thumbnail-wrapper .thumbnail-badges .trending {
  background-color: var(--color-cool600);
}
.products .thumbnail-wrapper .thumbnail-badges .best-seller {
  background-color: var(--color-orange600);
}
.products .thumbnail-wrapper .thumbnail-buttons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  top: 0.3125rem;
  right: 0.3125rem;
}
@media screen and (min-width: 1024px) {
  .products .thumbnail-wrapper .thumbnail-buttons {
    top: 0.625rem;
    right: 0.625rem;
  }
}
.products .thumbnail-wrapper .thumbnail-buttons > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1;
  text-shadow: 0 0 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  color: currentColor;
  -webkit-box-shadow: rgba(27, 31, 34, 0.02) 0px 1px 3px, rgba(27, 31, 34, 0.04) 0px 1px 2px;
          box-shadow: rgba(27, 31, 34, 0.02) 0px 1px 3px, rgba(27, 31, 34, 0.04) 0px 1px 2px;
  -webkit-transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
    background: #f7f7f7;
    font-size: 0;
    color: midnightblue;
    border: 15px;
    border-radius: 30px;
    padding: 5px;
}
body[data-color=custom][data-theme=light] .products .thumbnail-wrapper .thumbnail-buttons > * {
  background-color: #FFF;
  border: 1px solid rgba(var(--color-rgb), 0.15);
}
body[data-color=default][data-theme=light] .products .thumbnail-wrapper .thumbnail-buttons > * {
  background-color: #FFF;
  border: 1px solid var(--color-gray200);
}
@media screen and (min-width: 1024px) {
  .products .thumbnail-wrapper .thumbnail-buttons > * {
    width: 2rem;
    height: 2rem;
  }
}
.products .thumbnail-wrapper .thumbnail-buttons > *.tinv-wishlist .tinvwl_add_to_wishlist_button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: currentColor;
}
.products .thumbnail-wrapper .thumbnail-buttons > *.tinv-wishlist .tinvwl_add_to_wishlist_button::before {
  position: relative;
  font-family: "klbtheme";
  content: "\eb35";
  line-height: 1;
  top: 0.0625rem;
}
.products .thumbnail-wrapper .thumbnail-buttons > *.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list::before {
  content: "\ec57";
}
.products .thumbnail-wrapper .thumbnail-buttons > *.tinv-wishlist .tinvwl-tooltip {
  display: none;
}
.products .thumbnail-wrapper .thumbnail-buttons > *.tinv-wishlist:hover {
  color: var(--color-red600);
  background-color: var(--color-red25);
  border-color: var(--color-red100);
}
.products .thumbnail-wrapper .thumbnail-buttons > * i::before {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .products .thumbnail-wrapper .thumbnail-buttons > *:not(.tinv-wishlist) {
    opacity: 0;
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  .products .thumbnail-wrapper .thumbnail-buttons > *:not(.tinv-wishlist).compare-product {
    -webkit-transition-delay: 0.06s;
            transition-delay: 0.06s;
  }
  .products .thumbnail-wrapper .thumbnail-buttons > *:not(.tinv-wishlist) .products .thumbnail-wrapper .thumbnail-buttons > *:not(.tinv-wishlist).compare-product {
    letter-spacing: -1px;
  }
}
.products .thumbnail-wrapper .product-buttons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 2.625rem;
  bottom: 0;
  left: 0;
  margin: 0;
  pointer-events: none;
  overflow: hidden;
}
.products .thumbnail-wrapper .product-buttons > * {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  height: 2.625rem !important;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products .thumbnail-wrapper .product-buttons > *:hover {
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (min-width: 992px) {
  .products .thumbnail-wrapper .product-buttons > * {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.products .product-title {
  font-size: var(--theme-product-name-font-size-mobile);
  font-weight: var(--theme-product-name-weight);
  line-height: 1.3;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 0.5rem;
  margin-top: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .products .product-title {
    font-size: var(--theme-product-name-font-size-desktop);
  }
}
.products .product-title a {
  color: currentColor;
}
body.link-underline .products .product-title a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.15rem;
  -webkit-transition: text-decoration-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: text-decoration-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
body.link-underline .products .product-title a:hover {
  text-decoration-color: currentColor;
}
.products .product-title + .product-progress {
  margin-top: 0.75rem;
}
.products .product-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  margin-top: 0.4375rem;
}
.products .product-buttons .add_to_cart_button {
  font-size: 0.875rem;
  line-height: 2.1875rem;
  height: 2.1875rem;
}

.products .product-buttons .tinv-wishlist {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.375rem;
  width: 2rem;
  height: 2rem;
  color: currentColor;
  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products .product-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: var(--theme-radius-form);
  color: currentColor;
}
.products .product-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button::before {
  position: relative;
  font-family: "klbtheme";
  content: "\eb35";
  line-height: 1;
  text-shadow: 0 0 0;
  top: 0.0625rem;
}
.products .product-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list {
  color: var(--color-red600);
  background-color: rgba(var(--color-redRGB), 0.1);
  border-color: rgba(var(--color-redRGB), 0.15);
}
.products .product-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list::before {
  content: "\ec57";
}
.products .product-buttons .tinv-wishlist .tinvwl-tooltip {
  display: none;
}
.products .product-buttons .tinv-wishlist:hover .tinvwl_add_to_wishlist_button:not(.tinvwl-product-in-list) {
  color: var(--color-red600);
  background-color: var(--color-red25);
  border-color: var(--color-red100);
}
.products .product-buttons .compare-product {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.375rem;
  width: 2rem;
  height: 2rem;
  color: currentColor;
  border-radius: var(--theme-radius-form);
}
.products .product-buttons .compare-product:hover {
  background-color: var(--color-gray50);
}
.products .product-buttons .compare-product i {
  text-shadow: 0 0 0;
  line-height: 1;
}
.products .product-buttons .compare-product i::before {
  margin: 0;
}
.products .product-cart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0.625rem;
  margin-bottom: 0.625rem;
}
.products .product-cart-wrapper .price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.2;
  gap: 0;
  padding-right: 0.9375rem;
}
.products .product-cart-wrapper .price del {
  font-size: 70%;
  font-weight: 400;
  opacity: 0.6;
}
.products .product-cart-wrapper .product-buttons {
  margin-left: auto;
  margin-top: 0;
}
.products .product-cart-wrapper .product-buttons .add_to_cart_button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}
.products .product-cart-wrapper .product-buttons .add_to_cart_button i {
  font-size: 1.25rem;
}
.products .product-cart-wrapper .product-buttons .add_to_cart_button i::before {
  margin: 0;
}
.products .product {
  position: relative;
  z-index: 10;
}
.products .product .product-content-fade {
  position: absolute;
  top: -0.3125rem;
  left: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  background-color: var(--color-background);
  border: 1px solid var(--color-gray200);
  border-radius: var(--theme-radius-base);
  -webkit-box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products .product .product-wrapper.centered {
  text-align: center;
}
.products .product .product-wrapper.centered .price {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.products .product .product-wrapper.style-6 {
    border: 1px solid;
    border-radius: var(--theme-radius-base);
    border-color:#0000003d;
    height: 390px;
    margin: 3px;
    overflow: hidden;
}

@media (max-width: 768px) {
.products .product .product-wrapper.style-6 {

    height: 380px;
    }
}

body[data-color=custom][data-theme=light] .products .product .product-wrapper.style-6 {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .products .product .product-wrapper.style-6 {
  border-color: var(--color-gray200);
}
.products .product .product-wrapper.style-6.hot-product {
  border-color: var(--color-red500) !important;
}
.products .product .product-wrapper.style-6 .thumbnail-wrapper {
  padding: 0.625rem 0.625rem 0;
  margin-bottom: 1.0625rem;
}
.products .product .product-wrapper.style-6 .thumbnail-wrapper .thumbnail-badges {
  top: 1.25rem;
  left: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .products .product .product-wrapper.style-6 .thumbnail-wrapper .thumbnail-badges .badge.sale {
    position: relative;
    font-size: 0.875rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    top: -4px;
  }
}
.products .product .product-wrapper.style-6 .thumbnail-wrapper .thumbnail-buttons {
  top: 1.25rem;
  right: 0.9375rem;
}
.products .product .product-wrapper.style-6 .thumbnail-wrapper .product-thumbnail .product-second-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products .product .product-wrapper.style-6 .thumbnail-wrapper .product-thumbnail .product-second-image + img {
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products .product .product-wrapper.style-6 .content-wrapper {
  padding: 0 1rem 1rem;
}
.products .product .product-wrapper.style-6 .content-wrapper .product-inventory {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-6 .content-wrapper .product-rating {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-6 .content-wrapper .product-buttons {
  width: 100%;
  margin-bottom: 0.5rem;
}
.products .product .product-wrapper.style-6 .content-wrapper .product-buttons .add_to_cart_button {
  font-size: 0.8125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.products .product .product-wrapper.style-6 .content-wrapper .product-delivery-time + .product-progress {
  margin-top: 0.625rem;
}
.products .product .product-wrapper.image-gray .thumbnail-wrapper .product-thumbnail > img {
  -webkit-filter: brightness(98%);
          filter: brightness(98%);
  background-color: rgba(0, 0, 0, 0.35);
}
.products .product:hover {
  z-index: 11;
}
@media screen and (min-width: 992px) {
  .products .product:hover .product-content-switcher .switcher-wrapper {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.products .product:hover .thumbnail-wrapper .product-thumbnail .product-second-image {
  opacity: 1 !important;
}
.products .product:hover .thumbnail-wrapper .product-thumbnail .product-second-image + img {
  opacity: 0;
}
.products .product:hover .thumbnail-wrapper .product-buttons {
  pointer-events: auto;
}
@media screen and (min-width: 992px) {
  .products .product:hover .thumbnail-wrapper .product-buttons > * {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.products .product:hover .thumbnail-buttons > *:not(.tinv-wishlist) {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.products .product:hover .product-content-fade {
  opacity: 1;
}
.products .product:hover .product-footer {
  opacity: 1;
  visibility: visible;
}
.products:not(.klb-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.products:not(.klb-slider).no-gutters {
  -webkit-column-gap: 0 !important;
     -moz-column-gap: 0 !important;
          column-gap: 0 !important;
  row-gap: 0 !important;
}
.products:not(.klb-slider).grid-column {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-column-gap: var(--theme-site-gutters);
     -moz-column-gap: var(--theme-site-gutters);
          column-gap: var(--theme-site-gutters);
}
.products:not(.klb-slider).grid-column > * {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 992px) {
  .products:not(.klb-slider).grid-column > * {
    margin-bottom: 2.5rem;
  }
}
.products:not(.klb-slider) > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 320px) {
  .products:not(.klb-slider).mobile-grid-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - var(--theme-site-gutters) + var(--theme-site-gutters) / 2);
  }
  .products:not(.klb-slider).mobile-grid-2.no-gutters > * {
    width: 50%;
  }
}
@media screen and (min-width: 576px) {
  .products:not(.klb-slider).column-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - var(--theme-site-gutters) + var(--theme-site-gutters) / 2);
  }
  .products:not(.klb-slider).column-2.no-gutters > * {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .products:not(.klb-slider).column-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(33.3333333333% - var(--theme-site-gutters) + var(--theme-site-gutters) / 3);
  }
  .products:not(.klb-slider).column-3.no-gutters > * {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .products:not(.klb-slider).column-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(33.3333333333% - var(--theme-site-gutters) + var(--theme-site-gutters) / 3);
  }
  .products:not(.klb-slider).column-4.no-gutters > * {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .products:not(.klb-slider).column-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(25% - var(--theme-site-gutters) + var(--theme-site-gutters) / 4);
  }
  .products:not(.klb-slider).column-4.no-gutters > * {
    width: 25%;
  }
}
@media screen and (min-width: 576px) {
  .products:not(.klb-slider).column-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(33.3333333333% - var(--theme-site-gutters) + var(--theme-site-gutters) / 3);
  }
  .products:not(.klb-slider).column-5.no-gutters > * {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .products:not(.klb-slider).column-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(20% - var(--theme-site-gutters) + var(--theme-site-gutters) / 5);
  }
  .products:not(.klb-slider).column-5.no-gutters > * {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .products:not(.klb-slider).large-list .product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .products:not(.klb-slider).large-list .product-inner > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: 100%;
  }
  .products:not(.klb-slider).large-list .product-inner > *.thumbnail-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 35%;
    margin-right: 1.25rem;
  }
  .products:not(.klb-slider).large-list .product-inner > *.content-wrapper .product-title {
    font-size: 1rem;
  }
  .products:not(.klb-slider).large-list .product-inner > *.content-wrapper .price {
    font-size: 1.375rem;
  }
}
.products:not(.klb-slider).list-style > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.products:not(.klb-slider).list-style .product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.products:not(.klb-slider).list-style .product-inner .thumbnail-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
  margin-bottom: 0;
  margin-right: 0.9375rem;
  padding: 0;
}
.products:not(.klb-slider).list-style .product-inner .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.products:not(.klb-slider).list-style.for-widgets > * + * {
  padding-top: 1.25rem;
  margin-top: 0.9375rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .products:not(.klb-slider).list-style.for-widgets > * + * {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default][data-theme=light] .products:not(.klb-slider).list-style.for-widgets > * + * {
  border-color: var(--color-gray100);
}
.products:not(.klb-slider).list-style.for-widgets .product .thumbnail-wrapper {
  width: 6rem;
}
.products:not(.klb-slider).list-style.for-widgets .product .product-rating {
  margin-bottom: 0.4375rem;
}
.products:not(.klb-slider).list-style.for-widgets .product .product-title {
  font-size: 0.8125rem;
  margin-bottom: 0.5rem;
}
.products:not(.klb-slider).list-style.for-widgets .product .price {
  font-size: 1.25rem;
}
.products:not(.klb-slider).list-style.for-widgets .product .price del {
  font-size: 75%;
  font-weight: 400;
  opacity: 0.8;
}
.products:not(.klb-slider).list-style.for-widgets .product .product-countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.9375rem;
  gap: 0.9375rem;
}
.products:not(.klb-slider).list-style.for-widgets .product .product-countdown > p {
  font-size: 0.75rem;
  margin-bottom: 0;
  opacity: 0.5;
}
@media screen and (min-width: 992px) {
  .products:not(.klb-slider).list-style.for-widgets .product .product-countdown > p {
    font-size: 0.6875rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    line-height: 1.3;
  }
}
.products:not(.klb-slider).list-style.for-widgets .product .product-countdown .klb-countdown {
  font-weight: 500;
}
.products:not(.klb-slider).list-style.for-widgets .product .product-countdown .klb-countdown .count-item {
  width: 1.75rem;
  height: 1.625rem;
  min-width: 1.625rem;
  padding: 0;
}
body[data-color=custom][data-theme=light] .products:not(.klb-slider).list-style.for-widgets .product .product-countdown .klb-countdown .count-item {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=default][data-theme=light] .products:not(.klb-slider).list-style.for-widgets .product .product-countdown .klb-countdown .count-item {
  background-color: var(--color-gray50);
}
.products:not(.klb-slider).list-style.small-list-style > * + * {
  margin-top: 1.5625rem;
}
.products:not(.klb-slider).list-style.small-list-style .thumbnail-wrapper {
  width: 3.875rem;
}
.products:not(.klb-slider).list-style.small-list-style .content-wrapper .price {
  font-size: 0.9375rem;
  margin-bottom: 0.4375rem;
}
.products:not(.klb-slider).list-style.small-list-style .content-wrapper .product_title {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.products:not(.klb-slider).list-style.small-list-style .content-wrapper .product_title a {
  color: currentColor;
}
body.link-underline .products:not(.klb-slider).list-style.small-list-style .content-wrapper .product_title a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.15rem;
  -webkit-transition: text-decoration-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: text-decoration-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
body.link-underline .products:not(.klb-slider).list-style.small-list-style .content-wrapper .product_title a:hover {
  text-decoration-color: currentColor;
}
.products:not(.klb-slider).list-style.for-fashion .thumbnail-wrapper {
  width: 4.25rem;
}
.products:not(.klb-slider).list-style.for-fashion .list-counter-wrapper {
  margin-top: 0.9375rem;
}
.products:not(.klb-slider).list-style.for-fashion .list-counter-wrapper .product-countdown .klb-countdown-wrapper {
  margin-bottom: 0.3125rem;
}
.products:not(.klb-slider).list-style.for-fashion .list-counter-wrapper .product-countdown > p {
  font-size: 0.75rem;
  opacity: 0.6;
}
@media screen and (min-width: 1024px) {
  .products:not(.klb-slider).list-column > * {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-inner .thumbnail-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
    margin-right: 1.25rem;
    margin-bottom: 0;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-inner .content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-right: 1.875rem;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-inner .content-wrapper .product-title {
    font-size: 1.125rem;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-inner .content-wrapper .price {
    font-size: 1.25rem;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-footer {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 35%;
    opacity: 1;
    visibility: visible;
    border-top: 0;
    border-left: 1px solid var(--color-gray100);
  }
  .products:not(.klb-slider).list-column > * .product-wrapper .product-footer .product-footer-details {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 2.5rem;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper.style-1 .product-buttons {
    width: 100%;
  }
  .products:not(.klb-slider).list-column > * .product-wrapper.style-3 + .product-content-fade {
    display: none !important;
  }
  .products:not(.klb-slider).list-column > * + * .product-wrapper {
    padding-top: 2.5rem;
    border-top: 1px solid;
  }
  body[data-color=custom][data-theme=light] .products:not(.klb-slider).list-column > * + * .product-wrapper {
    border-color: rgba(var(--color-rgb), 0.2) !important;
  }
  body[data-color=default] .products:not(.klb-slider).list-column > * + * .product-wrapper {
    border-color: var(--color-gray200) !important;
  }
}

/* Vertical Tab */
.product-vertical-tab {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 1.875rem;
  border: 1px solid var(--color-gray200);
  border-radius: var(--theme-radius-base);
  overflow: hidden;
}
.product-vertical-tab .nav-pills {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .product-vertical-tab .nav-pills {
    width: 15rem;
    border-bottom: 0;
  }
}
.product-vertical-tab .nav-pills button {
  font-size: 0.875rem;
  font-weight: 600;
  height: 2.875rem;
  background-color: transparent;
  border-radius: 0;
}
.product-vertical-tab .nav-pills button:hover {
  background-color: var(--color-gray50);
}
.product-vertical-tab .nav-pills button.active {
  color: var(--color-background);
  background-color: var(--color-text);
}
.product-vertical-tab .nav-pills button + button {
  border-top: 1px solid var(--color-gray100);
}
.product-vertical-tab .tab-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid var(--color-gray200);
}
@media screen and (min-width: 1024px) {
  .product-vertical-tab .tab-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
    border-top: 0;
    border-left: 1px solid var(--color-gray200);
  }
}
.product-vertical-tab .tab-content .tab-pane {
  padding: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .product-vertical-tab .tab-content .tab-pane {
    padding: 1.5625rem 1.875rem 1.25rem;
  }
}
.product-vertical-tab .tab-content .tab-pane > .entry-title {
  font-size: 0.8rem;
}
.product-vertical-tab .tab-content .tab-pane .entry-content {
  font-size: 0.9375rem;
  color: var(--color-gray700);
}
.product-vertical-tab + .product-review {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

@keyframes movingBackground {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__submit {
    display: flex;
    justify-content: center;
    width: 100%;
    background: linear-gradient(45deg, #ff7e5f, #feb47b, #86a8e7, #7f7fd5);
    background-size: 300% 300%;
    animation: movingBackground 4s infinite linear;
    color: white; /* Text color */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: transform 0.2s ease-in-out;
}

.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__submit:hover {
    transform: scale(1.05);
}
.thumbnail-wrapper {
    position: relative;
}

.tour-badges-wrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    z-index: 10;
}

.tour-duration-badge,
.tour-format-badge {
    color: #ffffff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.tour-duration-badge {
    background: #ff7e5f;
    margin-top: 5px;
    margin-left: 5px;
}

.tour-format-badge {
    background: #6c63ff;
    margin-left: 5px;
}


.eael-tour-duration {
    font-size: 13px;
    color: #ff7e5f;
    font-weight: bold;
}
.eael-tour-format {
    font-size: 13px;
    color: #6c63ff;
}

.thumbnail-buttons {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
    display: flex;
    gap: 5px;
}

.thumbnail-buttons a,
.thumbnail-buttons .klbwl-btn {
    padding: 5px 10px;
    top: 20px;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}


.products .wishlist-button a {
    font-size: 0;
    background-color: #f5f5f5; 
    color: #333;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.products .wishlist-button a:hover {
    background-color: #eaeaea;
    color: #007aff;
}


.thumbnail-buttons a.klbcp-btn {
    font-size: 0 !important;
    font-size: 0;
    background-color: #f5f5f5;
    color: #333;
    width: 30px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s ease, color 0.2s ease;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
    .thumbnail-buttons a,
    .thumbnail-buttons .klbwl-btn,
    .products .wishlist-button a,
    .thumbnail-buttons a.klbcp-btn {
        width: 22px;
        height: 22px;
        font-size: 0;
        padding: 0;
    }

    .thumbnail-buttons a i,
    .thumbnail-buttons .klbwl-btn i,
    .products .wishlist-button a i,
    .thumbnail-buttons a.klbcp-btn i {
        font-size: 8px;
    }
}
