@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: "Inter", 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: "Inter", 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: "Inter", 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: "Inter", 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: "Inter", 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: "Inter", 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 ----- */
@media screen and (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
}
.mt-0 {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .mt-sm-5 {
    margin-top: 0.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-5 {
    margin-top: 0.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-5 {
    margin-top: 0.3125rem !important;
  }
}
.mt-5 {
  margin-top: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-10 {
    margin-top: 0.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-10 {
    margin-top: 0.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-10 {
    margin-top: 0.625rem !important;
  }
}
.mt-10 {
  margin-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-15 {
    margin-top: 0.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-15 {
    margin-top: 0.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-15 {
    margin-top: 0.9375rem !important;
  }
}
.mt-15 {
  margin-top: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-20 {
    margin-top: 1.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-20 {
    margin-top: 1.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-20 {
    margin-top: 1.25rem !important;
  }
}
.mt-20 {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-25 {
    margin-top: 1.5625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-25 {
    margin-top: 1.5625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-25 {
    margin-top: 1.5625rem !important;
  }
}
.mt-25 {
  margin-top: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-30 {
    margin-top: 1.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-30 {
    margin-top: 1.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-30 {
    margin-top: 1.875rem !important;
  }
}
.mt-30 {
  margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-35 {
    margin-top: 2.1875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-35 {
    margin-top: 2.1875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-35 {
    margin-top: 2.1875rem !important;
  }
}
.mt-35 {
  margin-top: 2.1875rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-40 {
    margin-top: 2.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-40 {
    margin-top: 2.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-40 {
    margin-top: 2.5rem !important;
  }
}
.mt-40 {
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-45 {
    margin-top: 2.8125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-45 {
    margin-top: 2.8125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-45 {
    margin-top: 2.8125rem !important;
  }
}
.mt-45 {
  margin-top: 2.8125rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-50 {
    margin-top: 3.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-50 {
    margin-top: 3.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-50 {
    margin-top: 3.125rem !important;
  }
}
.mt-50 {
  margin-top: 3.125rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-55 {
    margin-top: 3.4375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-55 {
    margin-top: 3.4375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-55 {
    margin-top: 3.4375rem !important;
  }
}
.mt-55 {
  margin-top: 3.4375rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-60 {
    margin-top: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-60 {
    margin-top: 3.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-60 {
    margin-top: 3.75rem !important;
  }
}
.mt-60 {
  margin-top: 3.75rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-65 {
    margin-top: 4.0625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-65 {
    margin-top: 4.0625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-65 {
    margin-top: 4.0625rem !important;
  }
}
.mt-65 {
  margin-top: 4.0625rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-70 {
    margin-top: 4.375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-70 {
    margin-top: 4.375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-70 {
    margin-top: 4.375rem !important;
  }
}
.mt-70 {
  margin-top: 4.375rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-75 {
    margin-top: 4.6875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-75 {
    margin-top: 4.6875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-75 {
    margin-top: 4.6875rem !important;
  }
}
.mt-75 {
  margin-top: 4.6875rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-80 {
    margin-top: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-80 {
    margin-top: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-80 {
    margin-top: 5rem !important;
  }
}
.mt-80 {
  margin-top: 5rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-85 {
    margin-top: 5.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-85 {
    margin-top: 5.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-85 {
    margin-top: 5.3125rem !important;
  }
}
.mt-85 {
  margin-top: 5.3125rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-90 {
    margin-top: 5.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-90 {
    margin-top: 5.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-90 {
    margin-top: 5.625rem !important;
  }
}
.mt-90 {
  margin-top: 5.625rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-95 {
    margin-top: 5.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-95 {
    margin-top: 5.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-95 {
    margin-top: 5.9375rem !important;
  }
}
.mt-95 {
  margin-top: 5.9375rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-100 {
    margin-top: 6.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-100 {
    margin-top: 6.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-100 {
    margin-top: 6.25rem !important;
  }
}
.mt-100 {
  margin-top: 6.25rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-110 {
    margin-top: 6.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-110 {
    margin-top: 6.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-110 {
    margin-top: 6.875rem !important;
  }
}
.mt-110 {
  margin-top: 6.875rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-120 {
    margin-top: 7.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-120 {
    margin-top: 7.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-120 {
    margin-top: 7.5rem !important;
  }
}
.mt-120 {
  margin-top: 7.5rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-130 {
    margin-top: 8.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-130 {
    margin-top: 8.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-130 {
    margin-top: 8.125rem !important;
  }
}
.mt-130 {
  margin-top: 8.125rem;
}

@media screen and (min-width: 768px) {
  .mt-sm-140 {
    margin-top: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mt-md-140 {
    margin-top: 8.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mt-lg-140 {
    margin-top: 8.75rem !important;
  }
}
.mt-140 {
  margin-top: 8.75rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}
.mb-0 {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .mb-sm-5 {
    margin-bottom: 0.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-5 {
    margin-bottom: 0.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-5 {
    margin-bottom: 0.3125rem !important;
  }
}
.mb-5 {
  margin-bottom: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-10 {
    margin-bottom: 0.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-10 {
    margin-bottom: 0.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-10 {
    margin-bottom: 0.625rem !important;
  }
}
.mb-10 {
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-15 {
    margin-bottom: 0.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-15 {
    margin-bottom: 0.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-15 {
    margin-bottom: 0.9375rem !important;
  }
}
.mb-15 {
  margin-bottom: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-20 {
    margin-bottom: 1.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-20 {
    margin-bottom: 1.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-20 {
    margin-bottom: 1.25rem !important;
  }
}
.mb-20 {
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-25 {
    margin-bottom: 1.5625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-25 {
    margin-bottom: 1.5625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-25 {
    margin-bottom: 1.5625rem !important;
  }
}
.mb-25 {
  margin-bottom: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-30 {
    margin-bottom: 1.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-30 {
    margin-bottom: 1.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-30 {
    margin-bottom: 1.875rem !important;
  }
}
.mb-30 {
  margin-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-35 {
    margin-bottom: 2.1875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-35 {
    margin-bottom: 2.1875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-35 {
    margin-bottom: 2.1875rem !important;
  }
}
.mb-35 {
  margin-bottom: 2.1875rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-40 {
    margin-bottom: 2.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-40 {
    margin-bottom: 2.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-40 {
    margin-bottom: 2.5rem !important;
  }
}
.mb-40 {
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-45 {
    margin-bottom: 2.8125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-45 {
    margin-bottom: 2.8125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-45 {
    margin-bottom: 2.8125rem !important;
  }
}
.mb-45 {
  margin-bottom: 2.8125rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-50 {
    margin-bottom: 3.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-50 {
    margin-bottom: 3.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-50 {
    margin-bottom: 3.125rem !important;
  }
}
.mb-50 {
  margin-bottom: 3.125rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-55 {
    margin-bottom: 3.4375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-55 {
    margin-bottom: 3.4375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-55 {
    margin-bottom: 3.4375rem !important;
  }
}
.mb-55 {
  margin-bottom: 3.4375rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-60 {
    margin-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-60 {
    margin-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-60 {
    margin-bottom: 3.75rem !important;
  }
}
.mb-60 {
  margin-bottom: 3.75rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-65 {
    margin-bottom: 4.0625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-65 {
    margin-bottom: 4.0625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-65 {
    margin-bottom: 4.0625rem !important;
  }
}
.mb-65 {
  margin-bottom: 4.0625rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-70 {
    margin-bottom: 4.375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-70 {
    margin-bottom: 4.375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-70 {
    margin-bottom: 4.375rem !important;
  }
}
.mb-70 {
  margin-bottom: 4.375rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-75 {
    margin-bottom: 4.6875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-75 {
    margin-bottom: 4.6875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-75 {
    margin-bottom: 4.6875rem !important;
  }
}
.mb-75 {
  margin-bottom: 4.6875rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-80 {
    margin-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-80 {
    margin-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-80 {
    margin-bottom: 5rem !important;
  }
}
.mb-80 {
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-85 {
    margin-bottom: 5.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-85 {
    margin-bottom: 5.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-85 {
    margin-bottom: 5.3125rem !important;
  }
}
.mb-85 {
  margin-bottom: 5.3125rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-90 {
    margin-bottom: 5.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-90 {
    margin-bottom: 5.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-90 {
    margin-bottom: 5.625rem !important;
  }
}
.mb-90 {
  margin-bottom: 5.625rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-95 {
    margin-bottom: 5.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-95 {
    margin-bottom: 5.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-95 {
    margin-bottom: 5.9375rem !important;
  }
}
.mb-95 {
  margin-bottom: 5.9375rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-100 {
    margin-bottom: 6.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-100 {
    margin-bottom: 6.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-100 {
    margin-bottom: 6.25rem !important;
  }
}
.mb-100 {
  margin-bottom: 6.25rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-110 {
    margin-bottom: 6.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-110 {
    margin-bottom: 6.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-110 {
    margin-bottom: 6.875rem !important;
  }
}
.mb-110 {
  margin-bottom: 6.875rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-120 {
    margin-bottom: 7.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-120 {
    margin-bottom: 7.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-120 {
    margin-bottom: 7.5rem !important;
  }
}
.mb-120 {
  margin-bottom: 7.5rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-130 {
    margin-bottom: 8.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-130 {
    margin-bottom: 8.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-130 {
    margin-bottom: 8.125rem !important;
  }
}
.mb-130 {
  margin-bottom: 8.125rem;
}

@media screen and (min-width: 768px) {
  .mb-sm-140 {
    margin-bottom: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .mb-md-140 {
    margin-bottom: 8.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .mb-lg-140 {
    margin-bottom: 8.75rem !important;
  }
}
.mb-140 {
  margin-bottom: 8.75rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-0 {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-0 {
    padding-top: 0 !important;
  }
}
.pt-0 {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .pt-sm-5 {
    padding-top: 0.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-5 {
    padding-top: 0.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-5 {
    padding-top: 0.3125rem !important;
  }
}
.pt-5 {
  padding-top: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-10 {
    padding-top: 0.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-10 {
    padding-top: 0.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-10 {
    padding-top: 0.625rem !important;
  }
}
.pt-10 {
  padding-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-15 {
    padding-top: 0.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-15 {
    padding-top: 0.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-15 {
    padding-top: 0.9375rem !important;
  }
}
.pt-15 {
  padding-top: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-20 {
    padding-top: 1.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-20 {
    padding-top: 1.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-20 {
    padding-top: 1.25rem !important;
  }
}
.pt-20 {
  padding-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-25 {
    padding-top: 1.5625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-25 {
    padding-top: 1.5625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-25 {
    padding-top: 1.5625rem !important;
  }
}
.pt-25 {
  padding-top: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-30 {
    padding-top: 1.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-30 {
    padding-top: 1.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-30 {
    padding-top: 1.875rem !important;
  }
}
.pt-30 {
  padding-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-35 {
    padding-top: 2.1875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-35 {
    padding-top: 2.1875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-35 {
    padding-top: 2.1875rem !important;
  }
}
.pt-35 {
  padding-top: 2.1875rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-40 {
    padding-top: 2.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-40 {
    padding-top: 2.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-40 {
    padding-top: 2.5rem !important;
  }
}
.pt-40 {
  padding-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-45 {
    padding-top: 2.8125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-45 {
    padding-top: 2.8125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-45 {
    padding-top: 2.8125rem !important;
  }
}
.pt-45 {
  padding-top: 2.8125rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-50 {
    padding-top: 3.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-50 {
    padding-top: 3.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-50 {
    padding-top: 3.125rem !important;
  }
}
.pt-50 {
  padding-top: 3.125rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-55 {
    padding-top: 3.4375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-55 {
    padding-top: 3.4375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-55 {
    padding-top: 3.4375rem !important;
  }
}
.pt-55 {
  padding-top: 3.4375rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-60 {
    padding-top: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-60 {
    padding-top: 3.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-60 {
    padding-top: 3.75rem !important;
  }
}
.pt-60 {
  padding-top: 3.75rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-65 {
    padding-top: 4.0625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-65 {
    padding-top: 4.0625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-65 {
    padding-top: 4.0625rem !important;
  }
}
.pt-65 {
  padding-top: 4.0625rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-70 {
    padding-top: 4.375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-70 {
    padding-top: 4.375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-70 {
    padding-top: 4.375rem !important;
  }
}
.pt-70 {
  padding-top: 4.375rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-75 {
    padding-top: 4.6875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-75 {
    padding-top: 4.6875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-75 {
    padding-top: 4.6875rem !important;
  }
}
.pt-75 {
  padding-top: 4.6875rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-80 {
    padding-top: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-80 {
    padding-top: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-80 {
    padding-top: 5rem !important;
  }
}
.pt-80 {
  padding-top: 5rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-85 {
    padding-top: 5.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-85 {
    padding-top: 5.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-85 {
    padding-top: 5.3125rem !important;
  }
}
.pt-85 {
  padding-top: 5.3125rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-90 {
    padding-top: 5.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-90 {
    padding-top: 5.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-90 {
    padding-top: 5.625rem !important;
  }
}
.pt-90 {
  padding-top: 5.625rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-95 {
    padding-top: 5.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-95 {
    padding-top: 5.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-95 {
    padding-top: 5.9375rem !important;
  }
}
.pt-95 {
  padding-top: 5.9375rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-100 {
    padding-top: 6.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-100 {
    padding-top: 6.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-100 {
    padding-top: 6.25rem !important;
  }
}
.pt-100 {
  padding-top: 6.25rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-110 {
    padding-top: 6.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-110 {
    padding-top: 6.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-110 {
    padding-top: 6.875rem !important;
  }
}
.pt-110 {
  padding-top: 6.875rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-120 {
    padding-top: 7.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-120 {
    padding-top: 7.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-120 {
    padding-top: 7.5rem !important;
  }
}
.pt-120 {
  padding-top: 7.5rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-130 {
    padding-top: 8.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-130 {
    padding-top: 8.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-130 {
    padding-top: 8.125rem !important;
  }
}
.pt-130 {
  padding-top: 8.125rem;
}

@media screen and (min-width: 768px) {
  .pt-sm-140 {
    padding-top: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pt-md-140 {
    padding-top: 8.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pt-lg-140 {
    padding-top: 8.75rem !important;
  }
}
.pt-140 {
  padding-top: 8.75rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
}
.pb-0 {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .pb-sm-5 {
    padding-bottom: 0.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-5 {
    padding-bottom: 0.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-5 {
    padding-bottom: 0.3125rem !important;
  }
}
.pb-5 {
  padding-bottom: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-10 {
    padding-bottom: 0.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-10 {
    padding-bottom: 0.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-10 {
    padding-bottom: 0.625rem !important;
  }
}
.pb-10 {
  padding-bottom: 0.625rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-15 {
    padding-bottom: 0.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-15 {
    padding-bottom: 0.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-15 {
    padding-bottom: 0.9375rem !important;
  }
}
.pb-15 {
  padding-bottom: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-20 {
    padding-bottom: 1.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-20 {
    padding-bottom: 1.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-20 {
    padding-bottom: 1.25rem !important;
  }
}
.pb-20 {
  padding-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-25 {
    padding-bottom: 1.5625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-25 {
    padding-bottom: 1.5625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-25 {
    padding-bottom: 1.5625rem !important;
  }
}
.pb-25 {
  padding-bottom: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-30 {
    padding-bottom: 1.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-30 {
    padding-bottom: 1.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-30 {
    padding-bottom: 1.875rem !important;
  }
}
.pb-30 {
  padding-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-35 {
    padding-bottom: 2.1875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-35 {
    padding-bottom: 2.1875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-35 {
    padding-bottom: 2.1875rem !important;
  }
}
.pb-35 {
  padding-bottom: 2.1875rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-40 {
    padding-bottom: 2.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-40 {
    padding-bottom: 2.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-40 {
    padding-bottom: 2.5rem !important;
  }
}
.pb-40 {
  padding-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-45 {
    padding-bottom: 2.8125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-45 {
    padding-bottom: 2.8125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-45 {
    padding-bottom: 2.8125rem !important;
  }
}
.pb-45 {
  padding-bottom: 2.8125rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-50 {
    padding-bottom: 3.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-50 {
    padding-bottom: 3.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-50 {
    padding-bottom: 3.125rem !important;
  }
}
.pb-50 {
  padding-bottom: 3.125rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-55 {
    padding-bottom: 3.4375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-55 {
    padding-bottom: 3.4375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-55 {
    padding-bottom: 3.4375rem !important;
  }
}
.pb-55 {
  padding-bottom: 3.4375rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-60 {
    padding-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-60 {
    padding-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-60 {
    padding-bottom: 3.75rem !important;
  }
}
.pb-60 {
  padding-bottom: 3.75rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-65 {
    padding-bottom: 4.0625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-65 {
    padding-bottom: 4.0625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-65 {
    padding-bottom: 4.0625rem !important;
  }
}
.pb-65 {
  padding-bottom: 4.0625rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-70 {
    padding-bottom: 4.375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-70 {
    padding-bottom: 4.375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-70 {
    padding-bottom: 4.375rem !important;
  }
}
.pb-70 {
  padding-bottom: 4.375rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-75 {
    padding-bottom: 4.6875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-75 {
    padding-bottom: 4.6875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-75 {
    padding-bottom: 4.6875rem !important;
  }
}
.pb-75 {
  padding-bottom: 4.6875rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-80 {
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-80 {
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-80 {
    padding-bottom: 5rem !important;
  }
}
.pb-80 {
  padding-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-85 {
    padding-bottom: 5.3125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-85 {
    padding-bottom: 5.3125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-85 {
    padding-bottom: 5.3125rem !important;
  }
}
.pb-85 {
  padding-bottom: 5.3125rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-90 {
    padding-bottom: 5.625rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-90 {
    padding-bottom: 5.625rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-90 {
    padding-bottom: 5.625rem !important;
  }
}
.pb-90 {
  padding-bottom: 5.625rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-95 {
    padding-bottom: 5.9375rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-95 {
    padding-bottom: 5.9375rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-95 {
    padding-bottom: 5.9375rem !important;
  }
}
.pb-95 {
  padding-bottom: 5.9375rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-100 {
    padding-bottom: 6.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-100 {
    padding-bottom: 6.25rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-100 {
    padding-bottom: 6.25rem !important;
  }
}
.pb-100 {
  padding-bottom: 6.25rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-110 {
    padding-bottom: 6.875rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-110 {
    padding-bottom: 6.875rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-110 {
    padding-bottom: 6.875rem !important;
  }
}
.pb-110 {
  padding-bottom: 6.875rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-120 {
    padding-bottom: 7.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-120 {
    padding-bottom: 7.5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-120 {
    padding-bottom: 7.5rem !important;
  }
}
.pb-120 {
  padding-bottom: 7.5rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-130 {
    padding-bottom: 8.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-130 {
    padding-bottom: 8.125rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-130 {
    padding-bottom: 8.125rem !important;
  }
}
.pb-130 {
  padding-bottom: 8.125rem;
}

@media screen and (min-width: 768px) {
  .pb-sm-140 {
    padding-bottom: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .pb-md-140 {
    padding-bottom: 8.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .pb-lg-140 {
    padding-bottom: 8.75rem !important;
  }
}
.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;
}

/* ----- theme toggled disable transitions ----- */
.theme-toggled[data-theme] * {
  -webkit-transition: none !important;
  transition: none !important;
}
.theme-toggled[data-theme] *::before, .theme-toggled[data-theme] *::after {
  -webkit-transition: none !important;
  transition: none !important;
}

/* ----- custom-top-separator ----- */
.custom-top-separator svg, .custom-bottom-separator svg {
  width: 100%;
  background-size: 100% 100%;
}

/* ----- custom background ----- */
.custom-baby-background {
  position: relative;
}
body[data-theme=light] .custom-baby-background {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgb(241, 246, 248)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(241, 246, 248) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f6f8",GradientType=1);
}
.custom-baby-background .custom-top-separator {
  position: absolute;
  width: 100%;
  top: -50px;
  z-index: -1;
}
body[data-theme=light] .custom-baby-background .custom-top-separator {
  color: #f1f6f8;
}
.custom-baby-background .custom-bottom-separator {
  position: absolute;
  width: 100%;
  bottom: -50px;
  z-index: -1;
}
body[data-theme=light] .custom-baby-background .custom-bottom-separator {
  color: #f1f6f8;
}
.custom-baby-background .products .slick-list::before {
  z-index: 1;
}
.custom-baby-background .products .slick-list .slider-item {
  background-color: var(--color-background);
}

.custom-gray-gradient {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(247, 249, 251)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(247, 249, 251) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f9fb",GradientType=1);
}

@media screen and (min-width: 1280px) {
  .custom-background.padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .custom-background.padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .custom-background.padding {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.custom-background-inner {
  border-radius: var(--theme-radius-base);
}
.custom-background.custom-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.custom-background.padding-fix {
  padding: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .custom-background.padding-fix {
    padding: 1.875rem;
  }
}
.custom-background .custom-decorative {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.custom-background .custom-decorative.position-absolute {
  z-index: -1;
}

.glasses-banner-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  text-align: center;
  gap: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .glasses-banner-slider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.5rem;
    text-align: inherit;
  }
  .glasses-banner-slider > *.text-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
            flex: 0 0 58%;
    width: 58%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  .glasses-banner-slider > *.image-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39%;
            flex: 0 0 39%;
    width: 39%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .glasses-banner-slider.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.product-tick .entry-media {
  position: relative;
  max-width: 62.25rem;
  margin-left: auto;
  margin-right: auto;
}
.product-tick .entry-media .ring {
  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;
}
.product-tick .entry-media .ring .ringring {
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 3px solid var(--theme-primary-color);
  -webkit-animation: pulse 2s ease-in-out;
          animation: pulse 2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  pointer-events: none;
  opacity: 0;
}
.product-tick .entry-media .ring button {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background-color: var(--theme-primary-color);
}

.entry-video {
  position: relative;
}
.entry-video video {
  width: 100%;
}

.relative {
  position: relative;
}

.entry-decorative {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.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;
}

/* Hover Block */
.hover-block {
  position: relative;
}
.hover-block .entry-media {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
.hover-block .entry-media::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(36, 40, 45);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 40, 45, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(36, 40, 45, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24282d",endColorstr="#ffffff",GradientType=1);
}
.hover-block .entry-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.875rem;
  color: #fff;
  z-index: 1;
}
.hover-block .entry-content .entry-header {
  -webkit-transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.hover-block .entry-content .hidden-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.875rem;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
  opacity: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.hover-block .entry-content .hidden-content p {
  margin-bottom: 0;
}

/* Shop block */
.shop-block .entry-title {
  position: relative;
  margin-bottom: 0.9375rem;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .shop-block .entry-title {
    font-size: 4.75rem;
    margin-bottom: -30px;
  }
}
.shop-block .shop-content {
  position: relative;
  margin-top: 1.875rem;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .shop-block .shop-content {
    margin-top: -100px;
    padding-top: 3.125rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .shop-block .shop-content::before {
    content: "";
    position: absolute;
    left: 3.75rem;
    right: 3.75rem;
    top: 0;
    bottom: 0;
    background-color: var(--color-background);
    z-index: -1;
  }
}
.shop-block .shop-content ul {
  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;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 1.875rem;
}
.shop-block .shop-content ul li {
  font-size: 0.8125rem;
}
.shop-block .shop-content ul li a {
  font-weight: 500;
  color: currentColor;
}
.shop-block .shop-content ul li.address {
  border: 1px solid var(--color-gray200);
  padding: 0.1875rem 0.625rem;
  border-radius: 5.625rem;
}
.shop-block .shop-content ul li.phone {
  font-size: 1rem;
  font-weight: 600;
  color: var(--theme-primary-color);
}
.shop-block.style-2 {
  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;
}
.shop-block.style-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .shop-block.style-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
.shop-block.style-2 .shop-cover {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .shop-block.style-2 .shop-cover {
    margin-bottom: 0;
  }
}
.shop-block.style-2 .shop-content {
  padding: 0;
  margin: 0;
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .shop-block.style-2 .shop-content {
    padding-left: 1.25rem;
  }
}
.shop-block.style-2 .shop-content ul {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1.25rem;
  gap: 0.75rem;
}
.shop-block.style-2 .shop-content ul .address {
  padding: 0;
  border: 0;
}

/* max width reset */
.max-width-none {
  max-width: none !important;
}

/* content search */
.content-search .search-form {
  position: relative;
}
.content-search .search-form .search-input {
  height: 2.75rem;
  border-radius: 0.625rem;
  border-color: rgba(var(--color-rgb), 0.03) !important;
  -webkit-box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 36px 28px -7px, rgba(27, 31, 34, 0.04) 0px 17px 17px -7px !important;
          box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 36px 28px -7px, rgba(27, 31, 34, 0.04) 0px 17px 17px -7px !important;
}
.content-search .search-form .search-input::-webkit-input-placeholder {
  font-weight: 400;
}
.content-search .search-form .search-input::-moz-placeholder {
  font-weight: 400;
}
.content-search .search-form .search-input:-ms-input-placeholder {
  font-weight: 400;
}
.content-search .search-form .search-input::-ms-input-placeholder {
  font-weight: 400;
}
.content-search .search-form .search-input::placeholder {
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .content-search .search-form .search-input {
    height: 4.125rem;
    padding-left: 1.25rem;
  }
}
.content-search .search-form button {
  position: absolute;
  height: auto;
  top: 0.375rem;
  bottom: 0.375rem;
  right: 0.375rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .content-search .search-form button {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}

/* sale stamp */
.sale-stamp {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  padding: 0.5rem;
  color: #FFF;
  background-color: var(--theme-primary-color);
}
@media screen and (min-width: 1024px) {
  .sale-stamp {
    width: 5.375rem;
    height: 5.375rem;
  }
}
.sale-stamp::before {
  content: "";
  position: absolute;
  left: 0.125rem;
  right: 0.125rem;
  top: 0.125rem;
  bottom: 0.125rem;
  border-radius: 50%;
  border: 2px solid #fff;
}
@media screen and (min-width: 1024px) {
  .sale-stamp::before {
    left: 0.1875rem;
    right: 0.1875rem;
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
}
.sale-stamp p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 0;
}
.sale-stamp p span {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 0.1875rem;
  top: 2px;
}
@media screen and (min-width: 1024px) {
  .sale-stamp p {
    font-size: 2rem;
  }
  .sale-stamp p span {
    font-size: 1rem;
    top: 3px;
  }
}

/* custom block area */
.custom-block-area {
  position: relative;
  border-radius: var(--theme-radius-base);
}
.custom-block-area .custom-block-text {
  padding: 1.25rem 1.25rem 0.625rem;
}
@media screen and (min-width: 1024px) {
  .custom-block-area .custom-block-text {
    padding: 2.5rem 2.5rem 1.25rem;
  }
}
.custom-block-area .custom-carousel {
  margin-bottom: -80px;
}
.custom-block-area .custom-carousel .klb-slider {
  max-width: none;
  margin-left: -40px;
  margin-right: -40px;
}
.custom-block-area .custom-carousel .klb-slider .slick-track {
  padding-top: 1.25rem;
}
.custom-block-area .custom-carousel .klb-slider .slider-item {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.custom-block-area .custom-carousel .klb-slider .slider-item a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.custom-block-area .custom-carousel .klb-slider .slider-item a:hover {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

/* KLB Player */
.klb-audio-player {
  min-height: 3.125rem;
}
.klb-audio-player .audio-playlist {
  margin-top: 1.875rem;
}
.klb-audio-player .audio-playlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-audio-player .audio-playlist ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.klb-audio-player .audio-playlist ul li .audio-cover {
  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-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.5rem;
  margin-right: 0.9375rem;
}
.klb-audio-player .audio-playlist ul li .audio-cover::before {
  content: "";
  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-family: "klbtheme";
  font-size: 1.25rem;
  width: 3.125rem;
  height: 3.125rem;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  opacity: 0;
}
.klb-audio-player .audio-playlist ul li .audio-detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-audio-player .audio-playlist ul li .audio-detail .audio-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.klb-audio-player .audio-playlist ul li .audio-detail .audio-time {
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.625rem;
}
.klb-audio-player .audio-playlist ul li.played .audio-cover::before {
  content: "\e987";
  opacity: 1;
}
.klb-audio-player .audio-playlist ul li.paused .audio-cover::before {
  content: "\e99a";
  padding-left: 0.125rem;
  opacity: 1;
}
.klb-audio-player .audio-playlist ul li + li {
  margin-top: 1.25rem;
}

.klb-player {
  font-family: var(--theme-body-font);
  outline: none !important;
}
.klb-player .mejs__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  background: none;
  background-color: var(--color-text);
  border-radius: var(--theme-radius-base);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1.25rem;
}
.klb-player .mejs__controls button {
  all: unset;
  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%;
  border-radius: var(--theme-radius-base);
  color: currentColor !important;
  background-color: transparent !important;
  cursor: pointer;
}
.klb-player .mejs__controls button::before {
  content: "";
  font-family: "klbtheme";
  font-size: 1rem;
}
.klb-player .mejs__controls button svg {
  display: none;
}
.klb-player .mejs__controls .mejs__playpause-button {
  height: 2.125rem;
}
.klb-player .mejs__controls .mejs__playpause-button button::before {
  content: "\e99a";
  padding-left: 0.125rem;
}
.klb-player .mejs__controls .mejs__playpause-button button:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.klb-player .mejs__controls .mejs__playpause-button.mejs__pause button::before {
  content: "\e987";
}
.klb-player .mejs__controls .mejs__volume-button button::before {
  content: "\ea2c";
}
.klb-player .mejs__controls .mejs__volume-button.mejs__unmute button::before {
  content: "\ea2f";
}
.klb-player .mejs__controls .mejs__time {
  color: currentColor;
}
.klb-player.white .mejs__controls {
  color: var(--color-text);
  background-color: #FFF;
  border-radius: 62.4375rem;
  border: 1px solid var(--color-gray50);
}
.klb-player.white .mejs__controls .mejs__time-rail .mejs__time-current, .klb-player.white .mejs__controls .mejs__time-rail .mejs__time-handle-content {
  background-color: var(--color-gray300);
}
.klb-player.white .mejs__controls .mejs__time-rail .mejs__time-handle-content {
  border-color: var(--theme-primary-color);
}
.klb-player.white .mejs__controls .mejs__time-rail .mejs__time-total {
  background-color: var(--color-gray200);
}

/* icon text list */
.icon-text-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.icon-text-list li {
  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;
}
.icon-text-list li .icon {
  font-size: 1.5rem;
  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-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.9375rem;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .icon-text-list li .icon {
    font-size: 1.625rem;
    width: 2.375rem;
    height: 2.375rem;
  }
}
.icon-text-list li .icon i::before {
  margin: 0;
}
.icon-text-list li .icon i.klb-organic-icon-energy {
  font-size: 1.125rem;
}
@media screen and (min-width: 1024px) {
  .icon-text-list li .icon i.klb-organic-icon-energy {
    font-size: 1.375rem;
  }
}
.icon-text-list li .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  max-width: 100%;
}
.icon-text-list li .text p {
  margin-bottom: 0;
}
.icon-text-list li + li {
  margin-top: 0.625rem;
}

/* custom product block */
.custom-product-block {
  position: relative;
}
.custom-product-block.small {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.custom-product-block.bordered {
  border: 1px solid var(--color-gray200);
  border-radius: var(--theme-radius-base);
}
.custom-product-block.shadowed {
  -webkit-box-shadow: 4px 4px 0px 0px var(--color-gray100);
          box-shadow: 4px 4px 0px 0px var(--color-gray100);
}

/* quote icon */
.quote-icon {
  display: block;
  font-size: 2.625rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}
.quote-icon::before {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .quote-icon {
    font-size: 4.75rem;
    line-height: 0.7;
    margin-bottom: 2.5rem;
  }
}

/* Quote block */
.quote-block {
  padding: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .quote-block {
    padding: 4.125rem;
  }
}

/* Whatsapp contact button */
.whatsapp-contact-button {
  position: relative;
  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;
  color: #fff;
  background-color: #25d366;
  padding: 0.75rem 1.375rem 0.75rem 1rem;
  border-radius: var(--theme-radius-base);
}
.whatsapp-contact-button .social-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  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: 2rem;
  width: 2.375rem;
  height: 2.375rem;
  margin-right: 0.625rem;
}
.whatsapp-contact-button .social-content .entry-title {
  font-size: 1rem;
  margin-bottom: 0.0625rem;
}
.whatsapp-contact-button .social-content p {
  font-size: 0.8125rem;
  margin-bottom: 0;
}

/* Categories list */
.klb-categories-list {
  background-color: #FFF;
  border: 1px solid var(--color-gray100);
  border-radius: var(--theme-radius-base);
}
.klb-categories-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-categories-list ul li {
  padding: 0.25rem 0.375rem;
}
.klb-categories-list ul li + li {
  border-top: 1px solid var(--color-gray100);
}
.klb-categories-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0.125rem 0.875rem;
  color: var(--color-text);
  border-radius: calc(var(--theme-radius-base) / 2);
}
.klb-categories-list ul li a i {
  font-size: 145%;
  width: 1.375rem;
  margin-right: 0.9375rem;
  color: var(--theme-primary-color);
}
.klb-categories-list ul li a:hover {
  background-color: var(--color-gray50);
}
.klb-categories-list ul li a .badge {
  margin-left: auto;
}

/* Equal Height */
.equal-height {
  height: 100vh;
}

/* text gradients */
.text-gradiend-gray {
  background: -webkit-linear-gradient(296deg, #fff, #a8a8a8, #fff, #a8a8a8, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradiend-dark {
  background: -webkit-linear-gradient(296deg, #232323, #959595, #333, #6c6b6b, #1b1b1b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bordered-badge {
  border: 1px solid rgba(var(--color-rgb), 0.3);
  padding: 0.5rem 0.75rem;
}

.bordered-badge-white {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0.5rem 0.75rem;
}

/* ----- Theme print settings ----- */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a {
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote,
  table {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
}
/* ----- header text settings ----- */
.klb-title-text {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .klb-title-text {
    margin-bottom: 1.5625rem;
  }
}
.klb-title-text.with-bordered {
  padding-bottom: 0.625rem;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-title-text.with-bordered {
  border-color: rgba(var(--color-rgb), 0.12);
}
body[data-color=default] .klb-title-text.with-bordered{
  border-color: var(--color-gray200);
}

/* ----- theme bordered settings ----- */
.bordered-bottom {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
}
.bordered-bottom-inner .header-inner, .bordered-bottom-inner .footer-inner, .bordered-bottom-inner .bordered-inner {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
}
.bordered-top {
  border-top-width: 0.0625rem;
  border-top-style: solid;
}
.bordered-top-inner .header-inner, .bordered-top-inner .footer-inner, .bordered-top-inner .bordered-inner {
  border-top-width: 0.0625rem;
  border-top-style: solid;
}
.bordered-bottom.border-dark-10, .bordered-top.border-dark-10 {
  border-color: rgba(27, 31, 34, 0.1) !important;
}
.bordered-bottom.border-light-10, .bordered-top.border-light-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.bordered-bottom.border-theme-10, .bordered-top.border-theme-10 {
  border-color: rgba(var(--color-rgb), 0.1) !important;
}
.bordered-bottom.border-dark-15, .bordered-top.border-dark-15 {
  border-color: rgba(27, 31, 34, 0.15) !important;
}
.bordered-bottom.border-light-15, .bordered-top.border-light-15 {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.bordered-bottom.border-theme-15, .bordered-top.border-theme-15 {
  border-color: rgba(var(--color-rgb), 0.15) !important;
}
.bordered-bottom.border-dark-20, .bordered-top.border-dark-20 {
  border-color: rgba(27, 31, 34, 0.2) !important;
}
.bordered-bottom.border-light-20, .bordered-top.border-light-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.bordered-bottom.border-theme-20, .bordered-top.border-theme-20 {
  border-color: rgba(var(--color-rgb), 0.2) !important;
}
.bordered-bottom.border-dark-30, .bordered-top.border-dark-30 {
  border-color: rgba(27, 31, 34, 0.3) !important;
}
.bordered-bottom.border-light-30, .bordered-top.border-light-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.bordered-bottom.border-theme-30, .bordered-top.border-theme-30 {
  border-color: rgba(var(--color-rgb), 0.3) !important;
}
.bordered-bottom.border-dark-40, .bordered-top.border-dark-40 {
  border-color: rgba(27, 31, 34, 0.4) !important;
}
.bordered-bottom.border-light-40, .bordered-top.border-light-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.bordered-bottom.border-theme-40, .bordered-top.border-theme-40 {
  border-color: rgba(var(--color-rgb), 0.4) !important;
}
.bordered-bottom.border-dark-50, .bordered-top.border-dark-50 {
  border-color: rgba(27, 31, 34, 0.5) !important;
}
.bordered-bottom.border-light-50, .bordered-top.border-light-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.bordered-bottom.border-theme-50, .bordered-top.border-theme-50 {
  border-color: rgba(var(--color-rgb), 0.5) !important;
}
.bordered-bottom-inner.border-dark-10 .header-inner, .bordered-bottom-inner.border-dark-10 .footer-inner, .bordered-bottom-inner.border-dark-10 .bordered-inner, .bordered-top-inner.border-dark-10 .header-inner, .bordered-top-inner.border-dark-10 .footer-inner, .bordered-top-inner.border-dark-10 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.1) !important;
}
.bordered-bottom-inner.border-light-10 .header-inner, .bordered-bottom-inner.border-light-10 .footer-inner, .bordered-bottom-inner.border-light-10 .bordered-inner, .bordered-top-inner.border-light-10 .header-inner, .bordered-top-inner.border-light-10 .footer-inner, .bordered-top-inner.border-light-10 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.bordered-bottom-inner.border-theme-10 .header-inner, .bordered-bottom-inner.border-theme-10 .footer-inner, .bordered-bottom-inner.border-theme-10 .bordered-inner, .bordered-top-inner.border-theme-10 .header-inner, .bordered-top-inner.border-theme-10 .footer-inner, .bordered-top-inner.border-theme-10 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.1) !important;
}
.bordered-bottom-inner.border-dark-15 .header-inner, .bordered-bottom-inner.border-dark-15 .footer-inner, .bordered-bottom-inner.border-dark-15 .bordered-inner, .bordered-top-inner.border-dark-15 .header-inner, .bordered-top-inner.border-dark-15 .footer-inner, .bordered-top-inner.border-dark-15 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.15) !important;
}
.bordered-bottom-inner.border-light-15 .header-inner, .bordered-bottom-inner.border-light-15 .footer-inner, .bordered-bottom-inner.border-light-15 .bordered-inner, .bordered-top-inner.border-light-15 .header-inner, .bordered-top-inner.border-light-15 .footer-inner, .bordered-top-inner.border-light-15 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.bordered-bottom-inner.border-theme-15 .header-inner, .bordered-bottom-inner.border-theme-15 .footer-inner, .bordered-bottom-inner.border-theme-15 .bordered-inner, .bordered-top-inner.border-theme-15 .header-inner, .bordered-top-inner.border-theme-15 .footer-inner, .bordered-top-inner.border-theme-15 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.15) !important;
}
.bordered-bottom-inner.border-dark-20 .header-inner, .bordered-bottom-inner.border-dark-20 .footer-inner, .bordered-bottom-inner.border-dark-20 .bordered-inner, .bordered-top-inner.border-dark-20 .header-inner, .bordered-top-inner.border-dark-20 .footer-inner, .bordered-top-inner.border-dark-20 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.2) !important;
}
.bordered-bottom-inner.border-light-20 .header-inner, .bordered-bottom-inner.border-light-20 .footer-inner, .bordered-bottom-inner.border-light-20 .bordered-inner, .bordered-top-inner.border-light-20 .header-inner, .bordered-top-inner.border-light-20 .footer-inner, .bordered-top-inner.border-light-20 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.bordered-bottom-inner.border-theme-20 .header-inner, .bordered-bottom-inner.border-theme-20 .footer-inner, .bordered-bottom-inner.border-theme-20 .bordered-inner, .bordered-top-inner.border-theme-20 .header-inner, .bordered-top-inner.border-theme-20 .footer-inner, .bordered-top-inner.border-theme-20 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.2) !important;
}
.bordered-bottom-inner.border-dark-30 .header-inner, .bordered-bottom-inner.border-dark-30 .footer-inner, .bordered-bottom-inner.border-dark-30 .bordered-inner, .bordered-top-inner.border-dark-30 .header-inner, .bordered-top-inner.border-dark-30 .footer-inner, .bordered-top-inner.border-dark-30 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.3) !important;
}
.bordered-bottom-inner.border-light-30 .header-inner, .bordered-bottom-inner.border-light-30 .footer-inner, .bordered-bottom-inner.border-light-30 .bordered-inner, .bordered-top-inner.border-light-30 .header-inner, .bordered-top-inner.border-light-30 .footer-inner, .bordered-top-inner.border-light-30 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.bordered-bottom-inner.border-theme-30 .header-inner, .bordered-bottom-inner.border-theme-30 .footer-inner, .bordered-bottom-inner.border-theme-30 .bordered-inner, .bordered-top-inner.border-theme-30 .header-inner, .bordered-top-inner.border-theme-30 .footer-inner, .bordered-top-inner.border-theme-30 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.3) !important;
}
.bordered-bottom-inner.border-dark-40 .header-inner, .bordered-bottom-inner.border-dark-40 .footer-inner, .bordered-bottom-inner.border-dark-40 .bordered-inner, .bordered-top-inner.border-dark-40 .header-inner, .bordered-top-inner.border-dark-40 .footer-inner, .bordered-top-inner.border-dark-40 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.4) !important;
}
.bordered-bottom-inner.border-light-40 .header-inner, .bordered-bottom-inner.border-light-40 .footer-inner, .bordered-bottom-inner.border-light-40 .bordered-inner, .bordered-top-inner.border-light-40 .header-inner, .bordered-top-inner.border-light-40 .footer-inner, .bordered-top-inner.border-light-40 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.bordered-bottom-inner.border-theme-40 .header-inner, .bordered-bottom-inner.border-theme-40 .footer-inner, .bordered-bottom-inner.border-theme-40 .bordered-inner, .bordered-top-inner.border-theme-40 .header-inner, .bordered-top-inner.border-theme-40 .footer-inner, .bordered-top-inner.border-theme-40 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.4) !important;
}
.bordered-bottom-inner.border-dark-50 .header-inner, .bordered-bottom-inner.border-dark-50 .footer-inner, .bordered-bottom-inner.border-dark-50 .bordered-inner, .bordered-top-inner.border-dark-50 .header-inner, .bordered-top-inner.border-dark-50 .footer-inner, .bordered-top-inner.border-dark-50 .bordered-inner {
  border-color: rgba(27, 31, 34, 0.5) !important;
}
.bordered-bottom-inner.border-light-50 .header-inner, .bordered-bottom-inner.border-light-50 .footer-inner, .bordered-bottom-inner.border-light-50 .bordered-inner, .bordered-top-inner.border-light-50 .header-inner, .bordered-top-inner.border-light-50 .footer-inner, .bordered-top-inner.border-light-50 .bordered-inner {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.bordered-bottom-inner.border-theme-50 .header-inner, .bordered-bottom-inner.border-theme-50 .footer-inner, .bordered-bottom-inner.border-theme-50 .bordered-inner, .bordered-top-inner.border-theme-50 .header-inner, .bordered-top-inner.border-theme-50 .footer-inner, .bordered-top-inner.border-theme-50 .bordered-inner {
  border-color: rgba(var(--color-rgb), 0.5) !important;
}

/* ----- theme brand default settings ----- */
.site-brand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.site-brand 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;
}
.site-brand a img.light-logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* ----- scroll settings ----- */
.site-scroll {
  position: relative;
  width: 100%;
  height: 100%;
}
body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-x:hover, body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-y:hover, body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-x:focus, body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-y:focus, body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-x.ps--clicking, body[data-color=custom][data-theme=light] .site-scroll.ps .ps__rail-y.ps--clicking {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=default] .site-scroll.ps .ps__rail-x:hover, 
body[data-color=default] .site-scroll.ps .ps__rail-y:hover, 
body[data-color=default] .site-scroll.ps .ps__rail-x:focus, 
body[data-color=default] .site-scroll.ps .ps__rail-y:focus, 
body[data-color=default] .site-scroll.ps .ps__rail-x.ps--clicking, 
body[data-color=default] .site-scroll.ps .ps__rail-y.ps--clicking {
  background-color: var(--color-gray100);
}
.site-scroll .ps__rail-y {
  width: 0.625rem;
}
.site-scroll .ps__thumb-y {
  width: 0.25rem;
}
body[data-color=custom][data-theme=light] .site-scroll .ps__thumb-y {
  background-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .site-scroll .ps__thumb-y {
  background-color: var(--color-gray500);
}
.site-scroll .ps__rail-y:hover > .ps__thumb-y,
.site-scroll .ps__rail-y:focus > .ps__thumb-y,
.site-scroll .ps__rail-y.ps--clicking .ps__thumb-y {
  width: 0.375rem;
}

/* ----- theme overlay ----- */
.site-overlay, .mobile-filter-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1B1F22;
  opacity: 0;
  visibility: hidden;
  z-index: 90;
}
body.mega-menu-hover .site-overlay, body.mega-menu-hover .mobile-filter-overlay {
  z-index: 10;
  visibility: visible;
}
body[data-theme=light].mega-menu-hover .site-overlay, body[data-theme=light].mega-menu-hover .mobile-filter-overlay {
  opacity: 0.2;
}

/* ----- Link overlay ----- */
.overlay-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}

/* ----- 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);
}

/* ----- Mega menu items ----- */
.mega-grouped-items {
  position: relative;
  font-family: var(--theme-menu-font);
}
.mega-grouped-items + .mega-grouped-items {
  margin-top: 1.875rem;
}
.mega-grouped-items .mega-grouped-label {
  display: block;
  font-size: var(--theme-menu-font-size);
  font-weight: 600;
  margin-bottom: 1.375rem;
}
.mega-grouped-items .sub-menu-list + .sub-menu-list {
  margin-top: 0.9375rem;
}

/* ----- Menu link hover effects ----- */
.link-effect.style-1::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);
}
.link-effect.style-1:hover::before {
  opacity: 1;
}

/* ----- link bordered settings ----- */
.link-decoration, .woocommerce-LostPassword a, .privacy-text a {
  position: relative;
}
.link-decoration::after, .woocommerce-LostPassword a::after, .privacy-text a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
[lang=ar] .link-decoration::after, [lang=ar] .woocommerce-LostPassword a::after, [lang=ar] .privacy-text a::after {
  -webkit-transform-origin: left;
          transform-origin: left;
}
.link-decoration:hover::after, .woocommerce-LostPassword a:hover::after, .privacy-text a:hover::after {
  opacity: 0;
}

/* ----- Site loader ----- */
.klb-loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.klb-loader-wrapper .klb-loader {
  display: inline-block;
  width: 2.375rem;
  height: 2.375rem;
  border-top: 0.125rem solid var(--theme-primary-color);
  border-right: 0.125rem solid var(--theme-primary-color);
  border-bottom-style: solid;
  border-left-style: solid;
  border-radius: 99999px;
  border-bottom-width: 0.125rem;
  border-left-width: 0.125rem;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-animation: 0.55s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running animation-loader;
          animation: 0.55s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running animation-loader;
}

/* ----- 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);
}

/* ----- Overlay settings ----- */
.overlay-20::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 31, 34, 0.2);
  z-index: 1;
}

.overlay-25::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 31, 34, 0.25);
  z-index: 1;
}

.overlay-30::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 31, 34, 0.3);
  z-index: 1;
}

.overlay-35::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 31, 34, 0.35);
  z-index: 1;
}

.overlay-40::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 31, 34, 0.4);
  z-index: 1;
}

/* ----- Seperator ----- */
.klb-separator {
  display: block;
  width: 100%;
  height: 0.0625rem;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-separator {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-separator {
  border-color: var(--color-gray200);
}

/* ----- Pagination ----- */
.site-pagination {
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .site-pagination {
    margin-top: 2.5rem;
  }
}
.site-pagination .page-numbers {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-pagination .page-numbers li > * {
  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: 500;
  width: 2.25rem;
  height: 2.25rem;
  color: currentColor;
  border-radius: calc(var(--theme-radius-base) / 2);
}
body[data-color=custom][data-theme=light] .site-pagination .page-numbers li > * {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=custom][data-theme=light] .site-pagination .page-numbers li > *:hover {
  background-color: rgba(var(--color-rgb), 0.11);
}
body[data-color=default] .site-pagination .page-numbers li > * {
  background-color: var(--color-gray50);
}
body[data-color=default] .site-pagination .page-numbers li > *:hover {
  background-color: var(--color-gray100);
}
.site-pagination .page-numbers li > *.prev, .site-pagination .page-numbers li > *.next {
  font-size: 1.125rem;
  background-color: transparent !important;
}
.site-pagination .page-numbers li > *.dots {
  font-size: 1rem;
  background-color: transparent !important;
}
.site-pagination .page-numbers li > *.current {
  color: #FFF;
  background-color: var(--theme-primary-color) !important;
}

/* ----- Accordion ----- */
.accordion .accordion-item {
  color: var(--color-text);
  background-color: var(--color-background);
}
.accordion .accordion-item .accordion-header button::after {
  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-family: "klbtheme";
  font-size: 1.125rem;
  font-weight: 300;
  content: "\ea1b";
  background-image: none;
}
.accordion .accordion-item .accordion-body {
  color: var(--color-gray800);
}
.accordion.style-1 {
  border-radius: var(--theme-radius-base);
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .accordion.style-1 {
  border-color: rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .accordion.style-1 {
  border-color: var(--color-gray300);
}
.accordion.style-1 .accordion-item {
  background-color: transparent;
  border: 0;
}
.accordion.style-1 .accordion-item + .accordion-item {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .accordion.style-1 .accordion-item + .accordion-item {
  border-color: rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .accordion.style-1 .accordion-item + .accordion-item {
  border-color: var(--color-gray300);
}
.accordion.style-1 .accordion-item .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.style-1 .accordion-item .accordion-header button {
  height: auto;
  line-height: initial;
  background-color: transparent;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion.style-1 .accordion-item .accordion-body {
  padding-top: 0;
}
.accordion.style-2 .accordion-item {
  background-color: transparent;
  border: 0;
}
.accordion.style-2 .accordion-item .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.style-2 .accordion-item .accordion-header button {
  height: auto;
  line-height: initial;
  background-color: transparent;
  border-bottom: 1px solid;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
body[data-color=custom][data-theme=light] .accordion.style-2 .accordion-item .accordion-header button {
  border-color: rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .accordion.style-2 .accordion-item .accordion-header button {
  border-color: var(--color-gray300);
}
.accordion.style-2 .accordion-item .accordion-header button:not(.collapsed) {
  border-color: var(--color-text) !important;
}
.accordion.style-2 .accordion-item .accordion-body {
  padding-left: 0;
  padding-right: 0;
}

/* ----- image block settings ----- */
.klb-image-block {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}

/* ----- text block settings ----- */
.klb-text-block .number {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 1;
}
.klb-text-block.check-style .entry-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-text-block.check-style .entry-title::before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1px;
  background-color: currentColor;
  margin-right: 0.625rem;
}
.klb-text-block.check-style .entry-description {
  padding-left: 2.5rem;
}
@media screen and (min-width: 992px) {
  .klb-text-block.check-style .entry-description {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .klb-text-block.padding-left-60 {
    padding-left: 3.75rem;
  }
}

/* ----- count block settings ----- */
.klb-count-block .entry-title {
  font-size: 1.5rem;
}
@media screen and (min-width: 992px) {
  .klb-count-block .entry-title {
    font-size: 2rem;
  }
}
.klb-count-block .entry-description {
  font-size: 0.875rem;
}

/* ----- free shipping notice ----- */
.klb-free-shipping {
  position: relative;
}
.klb-free-shipping p {
  font-size: 0.8125rem;
  margin-bottom: 0.625rem;
}
.klb-free-shipping p i {
  font-size: 1.0625rem;
  line-height: 1;
}
.klb-free-shipping p .amount {
  font-weight: 600;
  color: var(--color-red600);
}
.klb-free-shipping .shipping-progress {
  position: relative;
  width: 100%;
  height: 0.375rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.klb-free-shipping .shipping-progress span {
  position: absolute;
  height: 100%;
  top: 0;
  left: auto;
  border-radius: 0.75rem;
  background-color: var(--color-red600);
}

/* ----- mobile search ----- */
.klb-mobile-search {
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-background);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-mobile-search .mobile-search-header {
  background-color: var(--theme-primary-color);
  padding: 0.75rem 1.25rem 1.0625rem;
}
.klb-mobile-search .mobile-search-header p {
  font-size: 0.75rem;
  color: #FFF;
  margin-bottom: 0.4375rem;
}
.klb-mobile-search form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-mobile-search form input {
  font-size: 0.875rem;
  padding-left: 2.625rem;
}
.klb-mobile-search form input::-webkit-input-placeholder {
  font-weight: 400;
}
.klb-mobile-search form input::-moz-placeholder {
  font-weight: 400;
}
.klb-mobile-search form input:-ms-input-placeholder {
  font-weight: 400;
}
.klb-mobile-search form input::-ms-input-placeholder {
  font-weight: 400;
}
.klb-mobile-search form input::placeholder {
  font-weight: 400;
}
.klb-mobile-search form button {
  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: 1.25rem;
  width: 2.625rem;
  height: 2.625rem;
  top: 0;
  left: 0;
}
.klb-mobile-search .searh-caption {
  font-size: 0.75rem;
  padding: 0.625rem 1.25rem;
  border-bottom: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .klb-mobile-search .searh-caption {
  border-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=default] .klb-mobile-search .searh-caption {
  border-color: var(--color-gray200);
}
.klb-mobile-search .searh-caption p {
  margin-bottom: 0;
}
.klb-mobile-search .search-results {
  padding: 0.9375rem 1.25rem;
}
.klb-mobile-search .search-results > * + * {
  margin-top: 1.875rem;
}
.klb-mobile-search .search-results .search-result-keywords > span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.4375rem;
}
.klb-mobile-search .search-results .search-result-keywords ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}
.klb-mobile-search .search-results .search-result-keywords ul li a {
  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.75rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  color: var(--color-text);
  border-radius: calc(var(--theme-radius-form) / 2);
  -webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-color=custom][data-theme=light] .klb-mobile-search .search-results .search-result-keywords ul li a {
  border: 1px solid rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .klb-mobile-search .search-results .search-result-keywords ul li a{
  border: 1px solid var(--color-gray300);
}
.klb-mobile-search .search-results .search-result-keywords ul li a:hover {
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
.klb-mobile-search .search-results .search-result-products > span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.9375rem;
}
.klb-mobile-search .search-results .search-result-products .product + .product {
  margin-top: 0.875rem;
  padding-top: 0.875rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-mobile-search .search-results .search-result-products .product + .product {
  border-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=default] .klb-mobile-search .search-results .search-result-products .product + .product {
  border-color: var(--color-gray200);
}
.klb-mobile-search .search-results .search-result-products .product .thumbnail-wrapper {
  width: 3rem !important;
}
.klb-mobile-search .search-results .search-result-products .product .content-wrapper .price {
  font-size: 0.875rem !important;
}
.klb-mobile-search .search-results .search-result-products .product .content-wrapper .product_title {
  font-size: 0.8125rem !important;
}
body.mobile-search-active .klb-mobile-search {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ----- mobile categories ----- */
.klb-mobile-categories {
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-background);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-mobile-categories .categories-header {
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-mobile-categories .categories-header {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .klb-mobile-categories .categories-header {
  border-color: var(--color-gray300);
}
.klb-mobile-categories .categories-header p {
  font-size: 0.8125rem;
  margin-bottom: 0;
}
.klb-mobile-categories .categories-body {
  padding: 0.9375rem 1.25rem;
}
.klb-mobile-categories .categories-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-mobile-categories .categories-body ul li + li {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-mobile-categories .categories-body ul li + li {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .klb-mobile-categories .categories-body ul li + li {
  border-color: var(--color-gray100);
}
.klb-mobile-categories .categories-body ul a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  -webkit-transition: none;
  transition: none;
  width: 100%;
  color: currentColor;
  height: 2.625rem;
  line-height: 2.5rem;
  padding: 0;
}
.klb-mobile-categories .categories-body ul a i {
  font-size: 145%;
  width: 1.375rem;
  margin-right: 0.9375rem;
}
.klb-mobile-categories .categories-body ul a i::before {
  margin: 0;
}
.klb-mobile-categories .categories-body ul a i.klb-grocery-icon-biscuit {
  position: relative;
  top: 1px;
}
.klb-mobile-categories .categories-body ul .badge {
  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.625rem;
  font-weight: 600;
  min-height: 1.25rem;
  padding: 0.25rem 0.375rem;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0.1875rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  margin-left: 0.375rem;
}
.klb-mobile-categories .categories-body ul .count {
  font-size: 0.75rem;
  opacity: 0.5;
  margin-left: auto;
}
body.mobile-categories-active .klb-mobile-categories {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ----- 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);
}

/* ----- comment text ----- */
.klb-comment-text .entry-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
}
.klb-comment-text .entry-rating .stars {
  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.75rem;
}
.klb-comment-text .entry-rating .stars i {
  color: var(--color-yellow600);
}
.klb-comment-text .entry-rating .stars i::before {
  margin-left: 0;
}
.klb-comment-text .entry-rating > span {
  font-size: 0.8125rem;
}
.klb-comment-text .entry-comment {
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .klb-comment-text .entry-comment {
    font-size: 1rem;
  }
}
.klb-comment-text .enty-author {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .klb-comment-text .enty-author {
    font-size: 0.9375rem;
  }
}

/* ----- Color Schemas for Color Page ----- */
.color-schema-wrapper {
  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%;
  margin-bottom: 2.5rem;
}
.color-schema-wrapper.light {
  margin-bottom: 0.9375rem;
}
.color-schema-wrapper.light + .color-schema-wrapper.light {
  margin-top: 3.125rem;
}
.color-schema-wrapper.dark + .color-schema-wrapper.light {
  padding-top: 2.5rem;
  border-top: 1px solid var(--color-gray400);
}
@media screen and (min-width: 768px) {
  .color-schema-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5rem;
  }
  .color-schema-wrapper.light {
    margin-bottom: 2.5rem;
  }
  .color-schema-wrapper.dark + .color-schema-wrapper.light {
    padding-top: 5rem;
  }
}
.color-schema-wrapper .color-info {
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .color-schema-wrapper .color-info {
    max-width: 18.75rem;
    margin-right: 2.5rem;
    margin-bottom: 0;
  }
}
.color-schema-wrapper .color-info .color-name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
.color-schema-wrapper .color-info .color-description {
  font-size: 0.8125rem;
  color: var(--color-gray600);
}
.color-schema-wrapper .color-info .color-description p {
  margin-bottom: 0;
}
.color-schema-wrapper .color-schema {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.0625rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .color-schema-wrapper .color-schema {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
  }
}
.color-schema-wrapper .color-schema > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
  max-width: 100%;
  padding: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .color-schema-wrapper .color-schema > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
  }
}
.color-schema-wrapper .color-schema > * .color {
  min-height: 3.125rem;
}
@media screen and (min-width: 768px) {
  .color-schema-wrapper .color-schema > * .color {
    min-height: 4.375rem;
  }
}

/* ----- Mega menu demo links ----- */
.mega-demo-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  gap: 1.875rem;
}
.mega-demo-links .demo-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(20% - 1.875rem + 0.375rem);
}
.mega-demo-links .demo-item > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: initial;
  width: 100%;
}
.mega-demo-links .demo-item > a::before {
  display: none;
}
.mega-demo-links .demo-item > a * {
  line-height: initial;
}
.mega-demo-links .demo-item > a img {
  margin-bottom: 0.625rem;
  border-radius: var(--theme-radius-base);
  border: 1px solid var(--color-gray200);
}
.mega-demo-links .demo-item > a .demo-content {
  text-align: center;
  width: 100%;
}
.mega-demo-links .demo-item > a .demo-content .entry-title {
  font-size: 1rem;
}
.mega-demo-links .demo-item > a .demo-content p {
  font-size: 0.75rem;
  white-space: initial;
  opacity: 0.6;
}
.mega-demo-links .demo-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  width: 100%;
}
.mega-demo-links .demo-button .btn {
  height: 2.75rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* ----- Press box ----- */
.klb-press-comment .press-box {
  text-align: center;
  margin-bottom: 1.875rem;
}
.klb-press-comment .press-box .press-logo {
  position: relative;
  margin-bottom: 1.25rem;
}
.klb-press-comment .press-box .press-logo img {
  max-height: 3.875rem;
}
.klb-press-comment .press-box .press-logo img.light {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

/* ----- Video box ----- */
.klb-video-box {
  position: relative;
  overflow: hidden;
}
.klb-video-box .klb-video-content {
  position: absolute;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  top: 0;
  left: 0;
}
.klb-video-box .klb-video-content iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.klb-video-box .klb-video-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.klb-video-box .klb-text-content {
  position: relative;
  text-align: center;
  color: #FFF;
  padding: 1.5625rem;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .klb-video-box .klb-text-content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.klb-video-box .klb-text-content .text-inner {
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}
.klb-video-box .klb-text-content .text-inner .entry-subtitle {
  color: var(--theme-primary-color);
}
.klb-video-box .klb-text-content .text-inner .entry-title {
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .klb-video-box .klb-text-content .text-inner .entry-title {
    line-height: 1.1;
    margin-bottom: 1.25rem;
  }
}
.klb-video-box .klb-text-content .text-inner .entry-description {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 992px) {
  .klb-video-box .klb-text-content .text-inner .entry-description {
    font-size: 1.125rem;
  }
}

/* ----- Custom form ----- */
.klb-custom-form {
  position: relative;
  padding: 1.25rem;
  border: 2px solid var(--theme-primary-color);
  border-radius: var(--theme-radius-base);
  -webkit-box-shadow: 5px 5px 0px rgba(var(--theme-primary-color-RGB), 0.1);
          box-shadow: 5px 5px 0px rgba(var(--theme-primary-color-RGB), 0.1);
}
@media screen and (min-width: 992px) {
  .klb-custom-form {
    padding: 1.875rem;
    border-width: 0.1875rem;
  }
}
.klb-custom-form .custom-form-header .entry-title {
  font-size: 1.125rem;
}
@media screen and (min-width: 992px) {
  .klb-custom-form .custom-form-header .entry-title {
    font-size: 1.25rem;
  }
}
.klb-custom-form .custom-form-header .entry-description {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--color-gray600);
}
.klb-custom-form .custom-form-body form .form-column {
  margin-bottom: 0.625rem;
}
.klb-custom-form .custom-form-body form .form-column .select2 .select2-selection {
  height: 2.875rem;
}
.klb-custom-form .custom-form-body form .form-column .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
  background: transparent 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>") calc(100% - 8px) 15px no-repeat;
  background-size: 22px 16px;
  width: 1.875rem;
}
.klb-custom-form .custom-form-body form .form-column.button-column button {
  line-height: 2.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 2.875rem;
}

/* ----- Max text block ----- */
.max-text-block {
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto;
}

/* ----- Text notification ----- */
.klb-text-notification {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.klb-text-notification.background-primary-light {
  background-color: rgba(var(--theme-primary-color-RGB), 0.08) !important;
}
.klb-text-notification p {
  margin-bottom: 0;
}
.klb-text-notification p 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;
  padding: 0.25rem 0.4375rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}

/* ----- Promo box ----- */
.klb-promo-box {
  position: relative;
  border-radius: var(--theme-radius-base);
  overflow: hidden;
}
.klb-promo-box .promo-content {
  padding: 1.25rem;
}
@media screen and (min-width: 992px) {
  .klb-promo-box .promo-content {
    padding: 1.875rem;
  }
}
.klb-promo-box.style-2 .promo-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-promo-box.style-2 .promo-image img {
  width: 70%;
}
.klb-promo-box.style-2 .promo-content {
  padding: 1.25rem;
}

/* ----- 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%;
}

/* Empty content */
.empty-content {
  max-width: 22.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .empty-content {
    margin-top: 5.625rem;
  }
}
.empty-content svg {
  width: auto;
  height: 3.5rem;
  margin-bottom: 0.9375rem;
}
.empty-content svg .fill-slate-50 {
  fill: var(--color-gray25);
}
.empty-content svg .fill-slate-100 {
  fill: var(--color-gray100);
}
.empty-content svg .stroke-slate-300 {
  stroke: var(--color-gray300);
}
.empty-content .entry-title {
  font-size: 1.375rem;
}
.empty-content .entry-description {
  font-size: 0.9375rem;
  color: var(--color-gray600);
}

/* ----- social media settings ----- */
.site-social ul.social-color a {
  color: #fff;
}
.site-social ul.social-color a.facebook {
  background-color: #1877f2;
}
.site-social ul.social-color a.facebook:hover {
  background-color: #0b5fcc;
}
.site-social ul.social-color a.twitter {
  background-color: #1da1f2;
}
.site-social ul.social-color a.twitter:hover {
  background-color: #0c85d0;
}
.site-social ul.social-color a.twitch {
  background-color: #9146ff;
}
.site-social ul.social-color a.twitch:hover {
  background-color: #7313ff;
}
.site-social ul.social-color a.fivehundredpx {
  background-color: #0099e5;
}
.site-social ul.social-color a.fivehundredpx:hover {
  background-color: #0077b2;
}
.site-social ul.social-color a.airbnb {
  background-color: #fd5c63;
}
.site-social ul.social-color a.airbnb:hover {
  background-color: #fc2a33;
}
.site-social ul.social-color a.amazon {
  background-color: #ff9900;
}
.site-social ul.social-color a.amazon:hover {
  background-color: #cc7a00;
}
.site-social ul.social-color a.behance {
  background-color: #1769ff;
}
.site-social ul.social-color a.behance:hover {
  background-color: #0050e3;
}
.site-social ul.social-color a.blogger {
  background-color: #f57d00;
}
.site-social ul.social-color a.blogger:hover {
  background-color: #c26300;
}
.site-social ul.social-color a.deviantart {
  background-color: #05cc47;
}
.site-social ul.social-color a.deviantart:hover {
  background-color: #049a36;
}
.site-social ul.social-color a.dropbox {
  background-color: #007ee5;
}
.site-social ul.social-color a.dropbox:hover {
  background-color: #0062b2;
}
.site-social ul.social-color a.etsy {
  background-color: #d5641c;
}
.site-social ul.social-color a.etsy:hover {
  background-color: #a84f16;
}
.site-social ul.social-color a.fedex {
  background-color: #4d148c;
}
.site-social ul.social-color a.fedex:hover {
  background-color: #340e5f;
}
.site-social ul.social-color a.flickr {
  background-color: #ff0084;
}
.site-social ul.social-color a.flickr:hover {
  background-color: #cc006a;
}
.site-social ul.social-color a.flipboard {
  background-color: #e12828;
}
.site-social ul.social-color a.flipboard:hover {
  background-color: #bc1a1a;
}
.site-social ul.social-color a.pocket {
  background-color: #ef4056;
}
.site-social ul.social-color a.pocket:hover {
  background-color: #e9132e;
}
.site-social ul.social-color a.google {
  background-color: #4285f4;
}
.site-social ul.social-color a.google:hover {
  background-color: #1266f1;
}
.site-social ul.social-color a.instagram {
  background-color: #fd1d1d;
}
.site-social ul.social-color a.instagram:hover {
  background-color: #e50202;
}
.site-social ul.social-color a.linkedin {
  background-color: #0077b5;
}
.site-social ul.social-color a.linkedin:hover {
  background-color: #005582;
}
.site-social ul.social-color a.medium {
  background-color: #00ab6c;
}
.site-social ul.social-color a.medium:hover {
  background-color: #00784c;
}
.site-social ul.social-color a.odnoklassniki {
  background-color: #ed812b;
}
.site-social ul.social-color a.odnoklassniki:hover {
  background-color: #d36812;
}
.site-social ul.social-color a.paypal {
  background-color: #003087;
}
.site-social ul.social-color a.paypal:hover {
  background-color: #001e54;
}
.site-social ul.social-color a.pinterest {
  background-color: #e60023;
}
.site-social ul.social-color a.pinterest:hover {
  background-color: #b3001b;
}
.site-social ul.social-color a.reddit {
  background-color: #ff4500;
}
.site-social ul.social-color a.reddit:hover {
  background-color: #cc3700;
}
.site-social ul.social-color a.shopify {
  background-color: #96bf48;
}
.site-social ul.social-color a.shopify:hover {
  background-color: #7a9d37;
}
.site-social ul.social-color a.skype {
  background-color: #00aff0;
}
.site-social ul.social-color a.skype:hover {
  background-color: #008abd;
}
.site-social ul.social-color a.slack {
  background-color: #6ecadc;
}
.site-social ul.social-color a.slack:hover {
  background-color: #45bbd2;
}
.site-social ul.social-color a.soundcloud {
  background-color: #ff8800;
}
.site-social ul.social-color a.soundcloud:hover {
  background-color: #cc6d00;
}
.site-social ul.social-color a.spotify {
  background-color: #1db954;
}
.site-social ul.social-color a.spotify:hover {
  background-color: #168d40;
}
.site-social ul.social-color a.stripe {
  background-color: #00afe1;
}
.site-social ul.social-color a.stripe:hover {
  background-color: #0087ae;
}
.site-social ul.social-color a.telegram {
  background-color: #0088cc;
}
.site-social ul.social-color a.telegram:hover {
  background-color: #006699;
}
.site-social ul.social-color a.trello {
  background-color: #0079bf;
}
.site-social ul.social-color a.trello:hover {
  background-color: #00598c;
}
.site-social ul.social-color a.tumblr {
  background-color: #35465c;
}
.site-social ul.social-color a.tumblr:hover {
  background-color: #222d3c;
}
.site-social ul.social-color a.tiktok {
  background-color: #000;
}
.site-social ul.social-color a.tiktok:hover {
  background-color: black;
}
.site-social ul.social-color a.viber {
  background-color: #59267c;
}
.site-social ul.social-color a.viber:hover {
  background-color: #3d1a55;
}
.site-social ul.social-color a.vimeo {
  background-color: #1ab7ea;
}
.site-social ul.social-color a.vimeo:hover {
  background-color: #1295bf;
}
.site-social ul.social-color a.vine {
  background-color: #00b488;
}
.site-social ul.social-color a.vine:hover {
  background-color: #008161;
}
.site-social ul.social-color a.vk {
  background-color: #45668e;
}
.site-social ul.social-color a.vk:hover {
  background-color: #344d6c;
}
.site-social ul.social-color a.whatsapp {
  background-color: #25d366;
}
.site-social ul.social-color a.whatsapp:hover {
  background-color: #1da851;
}
.site-social ul.social-color a.youtube {
  background-color: #ff0000;
}
.site-social ul.social-color a.youtube:hover {
  background-color: #cc0000;
}
.site-social ul.social-color-light a.facebook {
  color: #1877f2;
  background-color: rgba(24, 119, 242, 0.08);
}
.site-social ul.social-color-light a.facebook:hover {
  color: #fff;
  background-color: #1877f2;
}
.site-social ul.social-color-light a.twitter {
  color: #1da1f2;
  background-color: rgba(29, 161, 242, 0.08);
}
.site-social ul.social-color-light a.twitter:hover {
  color: #fff;
  background-color: #1da1f2;
}
.site-social ul.social-color-light a.twitch {
  color: #9146ff;
  background-color: rgba(145, 70, 255, 0.08);
}
.site-social ul.social-color-light a.twitch:hover {
  color: #fff;
  background-color: #9146ff;
}
.site-social ul.social-color-light a.fivehundredpx {
  color: #0099e5;
  background-color: rgba(0, 153, 229, 0.08);
}
.site-social ul.social-color-light a.fivehundredpx:hover {
  color: #fff;
  background-color: #0099e5;
}
.site-social ul.social-color-light a.airbnb {
  color: #fd5c63;
  background-color: rgba(253, 92, 99, 0.08);
}
.site-social ul.social-color-light a.airbnb:hover {
  color: #fff;
  background-color: #fd5c63;
}
.site-social ul.social-color-light a.amazon {
  color: #ff9900;
  background-color: rgba(255, 153, 0, 0.08);
}
.site-social ul.social-color-light a.amazon:hover {
  color: #fff;
  background-color: #ff9900;
}
.site-social ul.social-color-light a.behance {
  color: #1769ff;
  background-color: rgba(23, 105, 255, 0.08);
}
.site-social ul.social-color-light a.behance:hover {
  color: #fff;
  background-color: #1769ff;
}
.site-social ul.social-color-light a.blogger {
  color: #f57d00;
  background-color: rgba(245, 125, 0, 0.08);
}
.site-social ul.social-color-light a.blogger:hover {
  color: #fff;
  background-color: #f57d00;
}
.site-social ul.social-color-light a.deviantart {
  color: #05cc47;
  background-color: rgba(5, 204, 71, 0.08);
}
.site-social ul.social-color-light a.deviantart:hover {
  color: #fff;
  background-color: #05cc47;
}
.site-social ul.social-color-light a.dropbox {
  color: #007ee5;
  background-color: rgba(0, 126, 229, 0.08);
}
.site-social ul.social-color-light a.dropbox:hover {
  color: #fff;
  background-color: #007ee5;
}
.site-social ul.social-color-light a.etsy {
  color: #d5641c;
  background-color: rgba(213, 100, 28, 0.08);
}
.site-social ul.social-color-light a.etsy:hover {
  color: #fff;
  background-color: #d5641c;
}
.site-social ul.social-color-light a.fedex {
  color: #4d148c;
  background-color: rgba(77, 20, 140, 0.08);
}
.site-social ul.social-color-light a.fedex:hover {
  color: #fff;
  background-color: #4d148c;
}
.site-social ul.social-color-light a.flickr {
  color: #ff0084;
  background-color: rgba(255, 0, 132, 0.08);
}
.site-social ul.social-color-light a.flickr:hover {
  color: #fff;
  background-color: #ff0084;
}
.site-social ul.social-color-light a.flipboard {
  color: #e12828;
  background-color: rgba(225, 40, 40, 0.08);
}
.site-social ul.social-color-light a.flipboard:hover {
  color: #fff;
  background-color: #e12828;
}
.site-social ul.social-color-light a.pocket {
  color: #ef4056;
  background-color: rgba(239, 64, 86, 0.08);
}
.site-social ul.social-color-light a.pocket:hover {
  color: #fff;
  background-color: #ef4056;
}
.site-social ul.social-color-light a.google {
  color: #4285f4;
  background-color: rgba(66, 133, 244, 0.08);
}
.site-social ul.social-color-light a.google:hover {
  color: #fff;
  background-color: #4285f4;
}
.site-social ul.social-color-light a.instagram {
  color: #fd1d1d;
  background-color: rgba(253, 29, 29, 0.08);
}
.site-social ul.social-color-light a.instagram:hover {
  color: #fff;
  background-color: #fd1d1d;
}
.site-social ul.social-color-light a.linkedin {
  color: #0077b5;
  background-color: rgba(0, 119, 181, 0.08);
}
.site-social ul.social-color-light a.linkedin:hover {
  color: #fff;
  background-color: #0077b5;
}
.site-social ul.social-color-light a.medium {
  color: #00ab6c;
  background-color: rgba(0, 171, 108, 0.08);
}
.site-social ul.social-color-light a.medium:hover {
  color: #fff;
  background-color: #00ab6c;
}
.site-social ul.social-color-light a.odnoklassniki {
  color: #ed812b;
  background-color: rgba(237, 129, 43, 0.08);
}
.site-social ul.social-color-light a.odnoklassniki:hover {
  color: #fff;
  background-color: #ed812b;
}
.site-social ul.social-color-light a.paypal {
  color: #003087;
  background-color: rgba(0, 48, 135, 0.08);
}
.site-social ul.social-color-light a.paypal:hover {
  color: #fff;
  background-color: #003087;
}
.site-social ul.social-color-light a.pinterest {
  color: #e60023;
  background-color: rgba(230, 0, 35, 0.08);
}
.site-social ul.social-color-light a.pinterest:hover {
  color: #fff;
  background-color: #e60023;
}
.site-social ul.social-color-light a.reddit {
  color: #ff4500;
  background-color: rgba(255, 69, 0, 0.08);
}
.site-social ul.social-color-light a.reddit:hover {
  color: #fff;
  background-color: #ff4500;
}
.site-social ul.social-color-light a.shopify {
  color: #96bf48;
  background-color: rgba(150, 191, 72, 0.08);
}
.site-social ul.social-color-light a.shopify:hover {
  color: #fff;
  background-color: #96bf48;
}
.site-social ul.social-color-light a.skype {
  color: #00aff0;
  background-color: rgba(0, 175, 240, 0.08);
}
.site-social ul.social-color-light a.skype:hover {
  color: #fff;
  background-color: #00aff0;
}
.site-social ul.social-color-light a.slack {
  color: #6ecadc;
  background-color: rgba(110, 202, 220, 0.08);
}
.site-social ul.social-color-light a.slack:hover {
  color: #fff;
  background-color: #6ecadc;
}
.site-social ul.social-color-light a.soundcloud {
  color: #ff8800;
  background-color: rgba(255, 136, 0, 0.08);
}
.site-social ul.social-color-light a.soundcloud:hover {
  color: #fff;
  background-color: #ff8800;
}
.site-social ul.social-color-light a.spotify {
  color: #1db954;
  background-color: rgba(29, 185, 84, 0.08);
}
.site-social ul.social-color-light a.spotify:hover {
  color: #fff;
  background-color: #1db954;
}
.site-social ul.social-color-light a.stripe {
  color: #00afe1;
  background-color: rgba(0, 175, 225, 0.08);
}
.site-social ul.social-color-light a.stripe:hover {
  color: #fff;
  background-color: #00afe1;
}
.site-social ul.social-color-light a.telegram {
  color: #0088cc;
  background-color: rgba(0, 136, 204, 0.08);
}
.site-social ul.social-color-light a.telegram:hover {
  color: #fff;
  background-color: #0088cc;
}
.site-social ul.social-color-light a.trello {
  color: #0079bf;
  background-color: rgba(0, 121, 191, 0.08);
}
.site-social ul.social-color-light a.trello:hover {
  color: #fff;
  background-color: #0079bf;
}
.site-social ul.social-color-light a.tumblr {
  color: #35465c;
  background-color: rgba(53, 70, 92, 0.08);
}
.site-social ul.social-color-light a.tumblr:hover {
  color: #fff;
  background-color: #35465c;
}
.site-social ul.social-color-light a.tiktok {
  color: #000;
  background-color: rgba(0, 0, 0, 0.08);
}
.site-social ul.social-color-light a.tiktok:hover {
  color: #fff;
  background-color: #000;
}
.site-social ul.social-color-light a.viber {
  color: #59267c;
  background-color: rgba(89, 38, 124, 0.08);
}
.site-social ul.social-color-light a.viber:hover {
  color: #fff;
  background-color: #59267c;
}
.site-social ul.social-color-light a.vimeo {
  color: #1ab7ea;
  background-color: rgba(26, 183, 234, 0.08);
}
.site-social ul.social-color-light a.vimeo:hover {
  color: #fff;
  background-color: #1ab7ea;
}
.site-social ul.social-color-light a.vine {
  color: #00b488;
  background-color: rgba(0, 180, 136, 0.08);
}
.site-social ul.social-color-light a.vine:hover {
  color: #fff;
  background-color: #00b488;
}
.site-social ul.social-color-light a.vk {
  color: #45668e;
  background-color: rgba(69, 102, 142, 0.08);
}
.site-social ul.social-color-light a.vk:hover {
  color: #fff;
  background-color: #45668e;
}
.site-social ul.social-color-light a.whatsapp {
  color: #25d366;
  background-color: rgba(37, 211, 102, 0.08);
}
.site-social ul.social-color-light a.whatsapp:hover {
  color: #fff;
  background-color: #25d366;
}
.site-social ul.social-color-light a.youtube {
  color: #ff0000;
  background-color: rgba(255, 0, 0, 0.08);
}
.site-social ul.social-color-light a.youtube:hover {
  color: #fff;
  background-color: #ff0000;
}
.site-social ul.social-color-bordered a.facebook {
  color: #1877f2;
  border: 1px solid #1877f2;
}
.site-social ul.social-color-bordered a.facebook:hover {
  color: #fff;
  background-color: #1877f2;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.twitter {
  color: #1da1f2;
  border: 1px solid #1da1f2;
}
.site-social ul.social-color-bordered a.twitter:hover {
  color: #fff;
  background-color: #1da1f2;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.twitch {
  color: #9146ff;
  border: 1px solid #9146ff;
}
.site-social ul.social-color-bordered a.twitch:hover {
  color: #fff;
  background-color: #9146ff;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.fivehundredpx {
  color: #0099e5;
  border: 1px solid #0099e5;
}
.site-social ul.social-color-bordered a.fivehundredpx:hover {
  color: #fff;
  background-color: #0099e5;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.airbnb {
  color: #fd5c63;
  border: 1px solid #fd5c63;
}
.site-social ul.social-color-bordered a.airbnb:hover {
  color: #fff;
  background-color: #fd5c63;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.amazon {
  color: #ff9900;
  border: 1px solid #ff9900;
}
.site-social ul.social-color-bordered a.amazon:hover {
  color: #fff;
  background-color: #ff9900;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.behance {
  color: #1769ff;
  border: 1px solid #1769ff;
}
.site-social ul.social-color-bordered a.behance:hover {
  color: #fff;
  background-color: #1769ff;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.blogger {
  color: #f57d00;
  border: 1px solid #f57d00;
}
.site-social ul.social-color-bordered a.blogger:hover {
  color: #fff;
  background-color: #f57d00;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.deviantart {
  color: #05cc47;
  border: 1px solid #05cc47;
}
.site-social ul.social-color-bordered a.deviantart:hover {
  color: #fff;
  background-color: #05cc47;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.dropbox {
  color: #007ee5;
  border: 1px solid #007ee5;
}
.site-social ul.social-color-bordered a.dropbox:hover {
  color: #fff;
  background-color: #007ee5;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.etsy {
  color: #d5641c;
  border: 1px solid #d5641c;
}
.site-social ul.social-color-bordered a.etsy:hover {
  color: #fff;
  background-color: #d5641c;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.fedex {
  color: #4d148c;
  border: 1px solid #4d148c;
}
.site-social ul.social-color-bordered a.fedex:hover {
  color: #fff;
  background-color: #4d148c;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.flickr {
  color: #ff0084;
  border: 1px solid #ff0084;
}
.site-social ul.social-color-bordered a.flickr:hover {
  color: #fff;
  background-color: #ff0084;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.flipboard {
  color: #e12828;
  border: 1px solid #e12828;
}
.site-social ul.social-color-bordered a.flipboard:hover {
  color: #fff;
  background-color: #e12828;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.pocket {
  color: #ef4056;
  border: 1px solid #ef4056;
}
.site-social ul.social-color-bordered a.pocket:hover {
  color: #fff;
  background-color: #ef4056;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.google {
  color: #4285f4;
  border: 1px solid #4285f4;
}
.site-social ul.social-color-bordered a.google:hover {
  color: #fff;
  background-color: #4285f4;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.instagram {
  color: #fd1d1d;
  border: 1px solid #fd1d1d;
}
.site-social ul.social-color-bordered a.instagram:hover {
  color: #fff;
  background-color: #fd1d1d;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.linkedin {
  color: #0077b5;
  border: 1px solid #0077b5;
}
.site-social ul.social-color-bordered a.linkedin:hover {
  color: #fff;
  background-color: #0077b5;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.medium {
  color: #00ab6c;
  border: 1px solid #00ab6c;
}
.site-social ul.social-color-bordered a.medium:hover {
  color: #fff;
  background-color: #00ab6c;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.odnoklassniki {
  color: #ed812b;
  border: 1px solid #ed812b;
}
.site-social ul.social-color-bordered a.odnoklassniki:hover {
  color: #fff;
  background-color: #ed812b;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.paypal {
  color: #003087;
  border: 1px solid #003087;
}
.site-social ul.social-color-bordered a.paypal:hover {
  color: #fff;
  background-color: #003087;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.pinterest {
  color: #e60023;
  border: 1px solid #e60023;
}
.site-social ul.social-color-bordered a.pinterest:hover {
  color: #fff;
  background-color: #e60023;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.reddit {
  color: #ff4500;
  border: 1px solid #ff4500;
}
.site-social ul.social-color-bordered a.reddit:hover {
  color: #fff;
  background-color: #ff4500;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.shopify {
  color: #96bf48;
  border: 1px solid #96bf48;
}
.site-social ul.social-color-bordered a.shopify:hover {
  color: #fff;
  background-color: #96bf48;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.skype {
  color: #00aff0;
  border: 1px solid #00aff0;
}
.site-social ul.social-color-bordered a.skype:hover {
  color: #fff;
  background-color: #00aff0;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.slack {
  color: #6ecadc;
  border: 1px solid #6ecadc;
}
.site-social ul.social-color-bordered a.slack:hover {
  color: #fff;
  background-color: #6ecadc;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.soundcloud {
  color: #ff8800;
  border: 1px solid #ff8800;
}
.site-social ul.social-color-bordered a.soundcloud:hover {
  color: #fff;
  background-color: #ff8800;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.spotify {
  color: #1db954;
  border: 1px solid #1db954;
}
.site-social ul.social-color-bordered a.spotify:hover {
  color: #fff;
  background-color: #1db954;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.stripe {
  color: #00afe1;
  border: 1px solid #00afe1;
}
.site-social ul.social-color-bordered a.stripe:hover {
  color: #fff;
  background-color: #00afe1;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.telegram {
  color: #0088cc;
  border: 1px solid #0088cc;
}
.site-social ul.social-color-bordered a.telegram:hover {
  color: #fff;
  background-color: #0088cc;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.trello {
  color: #0079bf;
  border: 1px solid #0079bf;
}
.site-social ul.social-color-bordered a.trello:hover {
  color: #fff;
  background-color: #0079bf;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.tumblr {
  color: #35465c;
  border: 1px solid #35465c;
}
.site-social ul.social-color-bordered a.tumblr:hover {
  color: #fff;
  background-color: #35465c;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.tiktok {
  color: #000;
  border: 1px solid #000;
}
.site-social ul.social-color-bordered a.tiktok:hover {
  color: #fff;
  background-color: #000;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.viber {
  color: #59267c;
  border: 1px solid #59267c;
}
.site-social ul.social-color-bordered a.viber:hover {
  color: #fff;
  background-color: #59267c;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.vimeo {
  color: #1ab7ea;
  border: 1px solid #1ab7ea;
}
.site-social ul.social-color-bordered a.vimeo:hover {
  color: #fff;
  background-color: #1ab7ea;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.vine {
  color: #00b488;
  border: 1px solid #00b488;
}
.site-social ul.social-color-bordered a.vine:hover {
  color: #fff;
  background-color: #00b488;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.vk {
  color: #45668e;
  border: 1px solid #45668e;
}
.site-social ul.social-color-bordered a.vk:hover {
  color: #fff;
  background-color: #45668e;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.whatsapp {
  color: #25d366;
  border: 1px solid #25d366;
}
.site-social ul.social-color-bordered a.whatsapp:hover {
  color: #fff;
  background-color: #25d366;
  border-color: transparent;
}
.site-social ul.social-color-bordered a.youtube {
  color: #ff0000;
  border: 1px solid #ff0000;
}
.site-social ul.social-color-bordered a.youtube:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: transparent;
}
.site-social.for-widget ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-social.for-widget ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.site-social.for-widget ul li + li {
  margin-top: 0.1875rem;
}
.site-social.for-widget ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: calc(var(--theme-radius-base) / 2);
  -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);
}
.site-social.for-widget ul li a .social-icon {
  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: 1rem;
  width: 1.875rem;
}
.site-social.for-widget ul li a .social-icon i {
  line-height: 1;
}
.site-social.for-widget ul li a .social-icon i::before {
  margin: 0;
}
.site-social.for-widget ul li a .social-label {
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 1.25rem;
}

/* ----- 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 header ----- */
.page-header {
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
body[data-color=custom][data-theme=light] .page-header {
  background-color: rgba(var(--color-rgb), 0.08);
}
.page-header-inner {
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .page-header-inner {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
.page-header .page-header-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-header .page-header-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-header .entry-subtitle {
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .page-header .entry-subtitle {
    font-size: 0.9375rem;
  }
}
.page-header .entry-title {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .page-header .entry-title {
    font-size: 2.625rem;
  }
  .page-header .entry-title.large {
    font-size: 3.5rem;
  }
}
.page-header .entry-title + .entry-description {
  margin-top: 0.4375rem;
}
.page-header .entry-description {
  font-size: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .page-header .entry-description {
    font-size: 1rem;
  }
}
.page-header .entry-description p {
  margin-bottom: 0;
}
.page-header.centered {
  text-align: center;
}
.page-header.centered .entry-description {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .page-header.large .page-header-inner {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.page-header.light {
  color: #FFF;
}
.page-header.custom-header-image {
  padding: 0;
}
.page-header.custom-header-image .page-header-image {
  position: relative;
  height: 9.375rem;
}
@media screen and (min-width: 992px) {
  .page-header.custom-header-image .page-header-image {
    height: 28.125rem;
  }
}

/* ----- page container ----- */
@media screen and (min-width: 1024px) {
  .container {
    max-width: var(--theme-site-width);
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .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: 2.5rem;
    padding-right: 2.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;
  }
}

/* ----- Page not fount ----- */
.page-error .page-inner {
  margin-top: 0;
}
.page-error .page-not-found {
  text-align: center;
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
}
@media screen and (min-width: 992px) {
  .page-error .page-not-found {
    padding-top: 8.75rem;
    padding-bottom: 11.25rem;
  }
}
.page-error .page-not-found img {
  max-width: 26.25rem;
  margin-bottom: 3.75rem;
}
.page-error .page-not-found .entry-title {
  font-size: 2rem;
}
@media screen and (min-width: 992px) {
  .page-error .page-not-found .entry-title {
    font-size: 3.375rem;
  }
}
.page-error .page-not-found .entry-description {
  color: var(--color-gray600);
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .page-error .page-not-found .entry-description {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
.page-error .page-not-found .btn {
  height: 2.875rem !important;
  line-height: 2.875rem !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* ----- store header ----- */
.store-header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 992px) {
  .store-header {
    margin-bottom: 3.75rem;
  }
}
.store-header .store-header-background {
  position: relative;
  overflow: hidden;
  height: 7.5rem;
  background-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .store-header .store-header-background {
    height: 16.25rem;
  }
}
.store-header .store-header-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.store-header .store-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}
.store-header .store-detail > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.store-header .store-detail .store-info {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .store-header .store-detail .store-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
    padding-top: 1.25rem;
  }
}
.store-header .store-detail .store-avatar {
  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: 10rem;
  height: 10rem;
  border-radius: 50%;
  border: 3px solid var(--color-background);
  margin-top: -3.75rem;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .store-header .store-detail .store-avatar {
    width: 8.75rem;
    height: 8.75rem;
    margin-right: 1.875rem;
  }
}
.store-header .store-detail .store-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  .store-header .store-detail .store-info-header {
    width: 50%;
  }
}
.store-header .store-detail .store-info-header .store-name {
  font-size: 1.125rem;
}
@media screen and (min-width: 992px) {
  .store-header .store-detail .store-info-header .store-name {
    font-size: 1.25rem;
  }
}
.store-header .store-detail .store-info-header .store-caption {
  display: block;
  font-size: 0.8125rem;
  opacity: 0.5;
  margin-top: -0.3125rem;
  margin-bottom: 0.4375rem;
}
.store-header .store-detail .store-info-header .store-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.8125rem;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
}
.store-header .store-detail .store-info-header .store-meta .store-total-review {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3125rem;
}
.store-header .store-detail .store-info-content p {
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .store-header .store-detail .store-info-content p {
    font-size: 0.9375rem;
  }
}

/* ----- 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 local fonts ----- */
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-Variable";
  src: local("Satoshi-Variable"), url("../fonts/satoshi/Satoshi-Variable.woff2") format("woff2"), url("../fonts/satoshi/Satoshi-Variable.woff") format("woff"), url("../fonts/satoshi/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: local("Satoshi-VariableItalic"), url("../fonts/satoshi/Satoshi-VariableItalic.woff2") format("woff2"), url("../fonts/satoshi/Satoshi-VariableItalic.woff") format("woff"), url("../fonts/satoshi/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
/* ----- 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 typography font sizes classes ----- */
.font-11 {
  font-size: 0.6875rem !important;
}

.font-12 {
  font-size: 0.75rem !important;
}

.font-13 {
  font-size: 0.8125rem !important;
}

.font-14 {
  font-size: 0.875rem !important;
}

.font-15 {
  font-size: 0.9375rem !important;
}

.font-16 {
  font-size: 1rem !important;
}

.font-18 {
  font-size: 1.125rem !important;
}

.font-20 {
  font-size: 1.25rem !important;
}

.font-24 {
  font-size: 1.5rem !important;
}

.font-26 {
  font-size: 1.625rem !important;
}

.font-28 {
  font-size: 1.75rem !important;
}

.font-30 {
  font-size: 1.875rem !important;
}

.font-32 {
  font-size: 2rem !important;
}

.font-34 {
  font-size: 2.125rem !important;
}

.font-36 {
  font-size: 2.25rem !important;
}

.font-38 {
  font-size: 2.375rem !important;
}

.font-40 {
  font-size: 2.5rem !important;
}

.font-42 {
  font-size: 2.625rem !important;
}

.font-46 {
  font-size: 2.75rem !important;
}

.font-48 {
  font-size: 2.875rem !important;
}

.font-50 {
  font-size: 3.125rem !important;
}

.font-52 {
  font-size: 3.25rem !important;
}

.font-54 {
  font-size: 3.375rem !important;
}

.font-56 {
  font-size: 3.5rem !important;
}

.font-60 {
  font-size: 3.75rem !important;
}

.font-66 {
  font-size: 4.125rem !important;
}

@media screen and (min-width: 768px) {
  .font-sm-13 {
    font-size: 0.8125rem !important;
  }
  .font-sm-14 {
    font-size: 0.875rem !important;
  }
  .font-sm-15 {
    font-size: 0.9375rem !important;
  }
  .font-sm-16 {
    font-size: 1rem !important;
  }
  .font-sm-18 {
    font-size: 1.125rem !important;
  }
  .font-sm-20 {
    font-size: 1.25rem !important;
  }
  .font-sm-24 {
    font-size: 1.5rem !important;
  }
  .font-sm-26 {
    font-size: 1.625rem !important;
  }
  .font-sm-28 {
    font-size: 1.75rem !important;
  }
  .font-sm-30 {
    font-size: 1.875rem !important;
  }
  .font-sm-32 {
    font-size: 2rem !important;
  }
  .font-sm-34 {
    font-size: 2.125rem !important;
  }
  .font-sm-36 {
    font-size: 2.25rem !important;
  }
  .font-sm-38 {
    font-size: 2.375rem !important;
  }
  .font-sm-40 {
    font-size: 2.5rem !important;
  }
  .font-sm-42 {
    font-size: 2.625rem !important;
  }
  .font-sm-46 {
    font-size: 2.75rem !important;
  }
  .font-sm-48 {
    font-size: 2.875rem !important;
  }
  .font-sm-50 {
    font-size: 3.125rem !important;
  }
  .font-sm-52 {
    font-size: 3.25rem !important;
  }
  .font-sm-54 {
    font-size: 3.375rem !important;
  }
  .font-sm-56 {
    font-size: 3.5rem !important;
  }
  .font-sm-60 {
    font-size: 3.75rem !important;
  }
  .font-sm-66 {
    font-size: 4.125rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .font-md-13 {
    font-size: 0.8125rem !important;
  }
  .font-md-14 {
    font-size: 0.875rem !important;
  }
  .font-md-15 {
    font-size: 0.9375rem !important;
  }
  .font-md-16 {
    font-size: 1rem !important;
  }
  .font-md-18 {
    font-size: 1.125rem !important;
  }
  .font-md-20 {
    font-size: 1.25rem !important;
  }
  .font-md-22 {
    font-size: 1.375rem !important;
  }
  .font-md-24 {
    font-size: 1.5rem !important;
  }
  .font-md-26 {
    font-size: 1.625rem !important;
  }
  .font-md-28 {
    font-size: 1.75rem !important;
  }
  .font-md-30 {
    font-size: 1.875rem !important;
  }
  .font-md-32 {
    font-size: 2rem !important;
  }
  .font-md-34 {
    font-size: 2.125rem !important;
  }
  .font-md-36 {
    font-size: 2.25rem !important;
  }
  .font-md-38 {
    font-size: 2.375rem !important;
  }
  .font-md-40 {
    font-size: 2.5rem !important;
  }
  .font-md-42 {
    font-size: 2.625rem !important;
  }
  .font-md-46 {
    font-size: 2.75rem !important;
  }
  .font-md-48 {
    font-size: 2.875rem !important;
  }
  .font-md-50 {
    font-size: 3.125rem !important;
  }
  .font-md-52 {
    font-size: 3.25rem !important;
  }
  .font-md-54 {
    font-size: 3.375rem !important;
  }
  .font-md-56 {
    font-size: 3.5rem !important;
  }
  .font-md-60 {
    font-size: 3.75rem !important;
  }
  .font-md-66 {
    font-size: 4.125rem !important;
  }
  .font-md-76 {
    font-size: 4.75rem !important;
  }
}
/* ----- Theme typography line height classes ----- */
.lh-1 {
  line-height: 1;
}

.lh-1-1 {
  line-height: 1.1;
}

.lh-1-2 {
  line-height: 1.2;
}

.lh-1-3 {
  line-height: 1.3;
}

.lh-1-4 {
  line-height: 1.4;
}

.lh-1-5 {
  line-height: 1.5;
}

.lh-1-6 {
  line-height: 1.6;
}

/* ----- theme text color classes ----- */
.color-gray-light {
  color: var(--color-gray400) !important;
}

.color-gray-500 {
  color: var(--color-gray500) !important;
}

.color-gray {
  color: var(--color-gray600) !important;
}

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

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

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

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

.color-indigo {
  color: var(--color-indigo600) !important;
}

.color-blue {
  color: var(--color-blue600) !important;
}

.color-cyan {
  color: var(--color-cyan600) !important;
}

.color-teal {
  color: var(--color-teal600) !important;
}

.color-green {
  color: var(--color-green600) !important;
}

.color-lime {
  color: var(--color-lime600) !important;
}

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

.color-orange {
  color: var(--color-orange600) !important;
}

.color-white {
  color: #FFF !important;
}

.color-black {
  color: #1B1F22 !important;
}

body[data-color=custom][data-theme=light] .color-gray {
  color: rgba(var(--color-rgb), 0.45);
}
body[data-color=default] .color-gray{
  color: var(--color-gray500);
}

body[data-color=custom][data-theme=light] .color-dark-gray {
  color: rgba(var(--color-rgb), 0.6);
}
body[data-color=default] .color-dark-gray {
  color: var(--color-gray600);
}

/* ----- theme background color classes ----- */
.background-black {
  background-color: #1B1F22 !important;
}

.background-gray-light {
  background-color: var(--color-gray25) !important;
}

.background-white {
  background-color: #FFF !important;
}

.background-primary {
  color: #FFF !important;
  background-color: var(--theme-primary-color) !important;
}

.background-secondary {
  color: #FFF !important;
  background-color: var(--theme-secondary-color) !important;
}

.background-red {
  color: #FFF !important;
  background-color: var(--color-red600) !important;
}

.background-violet {
  color: #FFF !important;
  background-color: var(--color-violet600) !important;
}

.background-indigo {
  color: #FFF !important;
  background-color: var(--color-indigo600) !important;
}

.background-cyan {
  color: #FFF !important;
  background-color: var(--color-cyan600) !important;
}

.background-teal {
  color: #FFF !important;
  background-color: var(--color-teal600) !important;
}

.background-teal-400 {
  color: #FFF !important;
  background-color: var(--color-teal400) !important;
}

.background-green {
  color: #FFF !important;
  background-color: var(--color-green600) !important;
}

.background-lime {
  color: #FFF !important;
  background-color: var(--color-lime600) !important;
}

.background-yellow {
  color: #1B1F22 !important;
  background-color: var(--color-yellow600) !important;
}

.background-orange {
  color: #FFF !important;
  background-color: var(--color-orange600) !important;
}

/* ----- 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;
  width: 100%;
  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: 0.875rem;
}

/* ----- Input Settings ----- */
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea, select, input.form-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--theme-form-font);
  font-size: var(--theme-form-font-size);
  font-weight: var(--theme-form-font-weight);
  letter-spacing: var(--theme-form-letter-spacing);
  line-height: 42px;
  width: 100%;
  height: 42px;
  border-radius: var(--theme-radius-form);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-transition: none;
  transition: none;
  outline: none;
}
input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder {
  color: var(--color-gray600);
}
input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input.form-control::-moz-placeholder {
  color: var(--color-gray600);
}
input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, input.form-control:-ms-input-placeholder {
  color: var(--color-gray600);
}
input[type=date]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, input.form-control::-ms-input-placeholder {
  color: var(--color-gray600);
}
input[type=date]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, textarea::placeholder, select::placeholder, input.form-control::placeholder {
  color: var(--color-gray600);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled), body[data-color=custom] input[type=date]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled), body[data-color=custom] input[type=email]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled), body[data-color=custom] input[type=number]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled), body[data-color=custom] input[type=password]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled), body[data-color=custom] input[type=search]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled), body[data-color=custom] input[type=tel]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled), body[data-color=custom] input[type=text]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled), body[data-color=custom] input[type=time]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled), body[data-color=custom] input[type=url]:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled), body[data-color=custom] textarea:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled), body[data-color=custom] select:not(.variation-filled), body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled), body[data-color=custom] input.form-control:not(.variation-filled) {
  border: var(--theme-form-border-width) solid rgba(var(--color-rgb), 0.17);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=date]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=email]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=number]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=password]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=search]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=tel]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=text]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=time]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input[type=url]:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] textarea:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] select:not(.variation-filled)::-webkit-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] input.form-control:not(.variation-filled)::-webkit-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=date]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=email]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=number]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=password]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=search]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=tel]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=text]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=time]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input[type=url]:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled)::-moz-placeholder, body[data-color=custom] textarea:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled)::-moz-placeholder, body[data-color=custom] select:not(.variation-filled)::-moz-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled)::-moz-placeholder, body[data-color=custom] input.form-control:not(.variation-filled)::-moz-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=date]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=email]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=number]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=password]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=search]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=tel]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=text]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=time]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input[type=url]:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] textarea:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] select:not(.variation-filled):-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] input.form-control:not(.variation-filled):-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=date]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=email]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=number]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=password]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=search]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=tel]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=text]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=time]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input[type=url]:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] textarea:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] select:not(.variation-filled)::-ms-input-placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] input.form-control:not(.variation-filled)::-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=date]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=email]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=number]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=password]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=search]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=tel]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=text]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=time]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled)::placeholder, body[data-color=custom] input[type=url]:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled)::placeholder, body[data-color=custom] textarea:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled)::placeholder, body[data-color=custom] select:not(.variation-filled)::placeholder, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled)::placeholder, body[data-color=custom] input.form-control:not(.variation-filled)::placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=date]:not(.variation-filled):hover, body[data-color=custom] input[type=date]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=email]:not(.variation-filled):hover, body[data-color=custom] input[type=email]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=number]:not(.variation-filled):hover, body[data-color=custom] input[type=number]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=password]:not(.variation-filled):hover, body[data-color=custom] input[type=password]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=search]:not(.variation-filled):hover, body[data-color=custom] input[type=search]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=tel]:not(.variation-filled):hover, body[data-color=custom] input[type=tel]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=text]:not(.variation-filled):hover, body[data-color=custom] input[type=text]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=time]:not(.variation-filled):hover, body[data-color=custom] input[type=time]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=url]:not(.variation-filled):hover, body[data-color=custom] input[type=url]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] textarea:not(.variation-filled):hover, body[data-color=custom] textarea:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] select:not(.variation-filled):hover, body[data-color=custom] select:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=custom][data-theme=light] input.form-control:not(.variation-filled):hover, body[data-color=custom] input.form-control:not(.variation-filled):hover {
  border-color: rgba(var(--color-rgb), 0.25);
}
body:not(.input-variation-filled)[data-color=default] input[type=date]:not(.variation-filled), body[data-color=default] input[type=date]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=email]:not(.variation-filled), body[data-color=default] input[type=email]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=number]:not(.variation-filled), body[data-color=default] input[type=number]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=password]:not(.variation-filled), body[data-color=default] input[type=password]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=search]:not(.variation-filled), body[data-color=default] input[type=search]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=tel]:not(.variation-filled), body[data-color=default] input[type=tel]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=text]:not(.variation-filled), body[data-color=default] input[type=text]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=time]:not(.variation-filled), body[data-color=default] input[type=time]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input[type=url]:not(.variation-filled), body[data-color=default] input[type=url]:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] textarea:not(.variation-filled), body[data-color=default] textarea:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] select:not(.variation-filled), body[data-color=default] select:not(.variation-filled), body:not(.input-variation-filled)[data-color=default] input.form-control:not(.variation-filled), body[data-color=default] input.form-control:not(.variation-filled) {
  border: var(--theme-form-border-width) solid var(--color-gray400);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=default] input[type=date]:not(.variation-filled):hover, body[data-color=default] input[type=date]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=email]:not(.variation-filled):hover, body[data-color=default] input[type=email]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=number]:not(.variation-filled):hover, body[data-color=default] input[type=number]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=password]:not(.variation-filled):hover, body[data-color=default] input[type=password]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=search]:not(.variation-filled):hover, body[data-color=default] input[type=search]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=tel]:not(.variation-filled):hover, body[data-color=default] input[type=tel]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=text]:not(.variation-filled):hover, body[data-color=default] input[type=text]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=time]:not(.variation-filled):hover, body[data-color=default] input[type=time]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input[type=url]:not(.variation-filled):hover, body[data-color=default] input[type=url]:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] textarea:not(.variation-filled):hover, body[data-color=default] textarea:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] select:not(.variation-filled):hover, body[data-color=default] select:not(.variation-filled):hover, body:not(.input-variation-filled)[data-color=default] input.form-control:not(.variation-filled):hover, body[data-color=default] input.form-control:not(.variation-filled):hover {
  border-color: var(--color-gray500);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default), body[data-color=custom] input[type=date].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default), body[data-color=custom] input[type=email].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default), body[data-color=custom] input[type=number].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default), body[data-color=custom] input[type=password].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default), body[data-color=custom] input[type=search].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default), body[data-color=custom] input[type=tel].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default), body[data-color=custom] input[type=text].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default), body[data-color=custom] input[type=time].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default), body[data-color=custom] input[type=url].variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default), body[data-color=custom] textarea.variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default), body[data-color=custom] select.variation-filled, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default), body[data-color=custom] input.form-control.variation-filled {
  border-color: transparent;
  background-color: rgba(var(--color-rgb), 0.07);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=date].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=email].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=number].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=password].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=search].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=tel].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=text].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=time].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input[type=url].variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] textarea.variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] select.variation-filled::-webkit-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] input.form-control.variation-filled::-webkit-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=date].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=email].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=number].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=password].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=search].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=tel].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=text].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=time].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default)::-moz-placeholder, body[data-color=custom] input[type=url].variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default)::-moz-placeholder, body[data-color=custom] textarea.variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default)::-moz-placeholder, body[data-color=custom] select.variation-filled::-moz-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default)::-moz-placeholder, body[data-color=custom] input.form-control.variation-filled::-moz-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=date].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=email].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=number].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=password].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=search].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=tel].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=text].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=time].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input[type=url].variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default):-ms-input-placeholder, body[data-color=custom] textarea.variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default):-ms-input-placeholder, body[data-color=custom] select.variation-filled:-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default):-ms-input-placeholder, body[data-color=custom] input.form-control.variation-filled:-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=date].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=email].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=number].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=password].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=search].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=tel].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=text].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=time].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input[type=url].variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] textarea.variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] select.variation-filled::-ms-input-placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] input.form-control.variation-filled::-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default)::placeholder, body[data-color=custom] input[type=date].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default)::placeholder, body[data-color=custom] input[type=email].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default)::placeholder, body[data-color=custom] input[type=number].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default)::placeholder, body[data-color=custom] input[type=password].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default)::placeholder, body[data-color=custom] input[type=search].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default)::placeholder, body[data-color=custom] input[type=tel].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default)::placeholder, body[data-color=custom] input[type=text].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default)::placeholder, body[data-color=custom] input[type=time].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default)::placeholder, body[data-color=custom] input[type=url].variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default)::placeholder, body[data-color=custom] textarea.variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default)::placeholder, body[data-color=custom] select.variation-filled::placeholder, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default)::placeholder, body[data-color=custom] input.form-control.variation-filled::placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=date]:not(.variation-default):hover, body[data-color=custom] input[type=date].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=email]:not(.variation-default):hover, body[data-color=custom] input[type=email].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=number]:not(.variation-default):hover, body[data-color=custom] input[type=number].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=password]:not(.variation-default):hover, body[data-color=custom] input[type=password].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=search]:not(.variation-default):hover, body[data-color=custom] input[type=search].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=tel]:not(.variation-default):hover, body[data-color=custom] input[type=tel].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=text]:not(.variation-default):hover, body[data-color=custom] input[type=text].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=time]:not(.variation-default):hover, body[data-color=custom] input[type=time].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input[type=url]:not(.variation-default):hover, body[data-color=custom] input[type=url].variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] textarea:not(.variation-default):hover, body[data-color=custom] textarea.variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] select:not(.variation-default):hover, body[data-color=custom] select.variation-filled:hover, body.input-variation-filled[data-color=custom][data-theme=light] input.form-control:not(.variation-default):hover, body[data-color=custom] input.form-control.variation-filled:hover {
  background-color: rgba(var(--color-rgb), 0.09);
}
body.input-variation-filled[data-color=default] input[type=date]:not(.variation-default), body[data-color=default] input[type=date].variation-filled, body.input-variation-filled[data-color=default] input[type=email]:not(.variation-default), body[data-color=default] input[type=email].variation-filled, body.input-variation-filled[data-color=default] input[type=number]:not(.variation-default), body[data-color=default] input[type=number].variation-filled, body.input-variation-filled[data-color=default] input[type=password]:not(.variation-default), body[data-color=default] input[type=password].variation-filled, body.input-variation-filled[data-color=default] input[type=search]:not(.variation-default), body[data-color=default] input[type=search].variation-filled, body.input-variation-filled[data-color=default] input[type=tel]:not(.variation-default), body[data-color=default] input[type=tel].variation-filled, body.input-variation-filled[data-color=default] input[type=text]:not(.variation-default), body[data-color=default] input[type=text].variation-filled, body.input-variation-filled[data-color=default] input[type=time]:not(.variation-default), body[data-color=default] input[type=time].variation-filled, body.input-variation-filled[data-color=default] input[type=url]:not(.variation-default), body[data-color=default] input[type=url].variation-filled, body.input-variation-filled[data-color=default] textarea:not(.variation-default), body[data-color=default] textarea.variation-filled,  body.input-variation-filled[data-color=default] select:not(.variation-default), body[data-color=default] select.variation-filled, body.input-variation-filled[data-color=default] input.form-control:not(.variation-default), body[data-color=default] input.form-control.variation-filled {
  border-color: transparent;
  background-color: var(--color-gray50);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=default] input[type=date]:not(.variation-default):hover, body[data-color=default] input[type=date].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=email]:not(.variation-default):hover, body[data-color=default] input[type=email].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=number]:not(.variation-default):hover, body[data-color=default] input[type=number].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=password]:not(.variation-default):hover, body[data-color=default] input[type=password].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=search]:not(.variation-default):hover, body[data-color=default] input[type=search].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=tel]:not(.variation-default):hover, body[data-color=default] input[type=tel].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=text]:not(.variation-default):hover, body[data-color=default] input[type=text].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=time]:not(.variation-default):hover, body[data-color=default] input[type=time].variation-filled:hover, body.input-variation-filled[data-color=default] input[type=url]:not(.variation-default):hover, body[data-color=default] input[type=url].variation-filled:hover, body.input-variation-filled[data-color=default] textarea:not(.variation-default):hover, body[data-color=default] textarea.variation-filled:hover, body.input-variation-filled[data-color=default] select:not(.variation-default):hover, body[data-color=default] select.variation-filled:hover, body.input-variation-filled[data-color=default] input.form-control:not(.variation-default):hover, body[data-color=default] input.form-control.variation-filled:hover {
  background-color: var(--color-gray100);
}
input[type=date]:active, input[type=date]:focus, input[type=email]:active, input[type=email]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=search]:active, input[type=search]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=text]:active, input[type=text]:focus, input[type=time]:active, input[type=time]:focus, input[type=url]:active, input[type=url]:focus, textarea:active, textarea:focus, select:active, select:focus, input.form-control:active, input.form-control:focus {
  color: var(--color-text);
  background-color: var(--color-background) !important;
  border-color: var(--theme-primary-color) !important;
  -webkit-box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
          box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/* ----- 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;
}

/* ----- Button Settings ----- */
button:not(.unset), .button:not(.unset), input[type=button]:not(.unset), input[type=submit]:not(.unset), input[type=reset]:not(.unset), .submit:not(.unset), .btn:not(.unset), .wpcf7-submit:not(.unset) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--theme-button-font);
  font-size: var(--theme-button-font-size);
  font-weight: var(--theme-button-font-weight);
  letter-spacing: var(--theme-button-letter-spacing);
  line-height: 2.625rem;
  height: 2.625rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  border-radius: var(--theme-radius-form);
  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
button:not(.unset):not(.link), .button:not(.unset):not(.link), input[type=button]:not(.unset):not(.link), input[type=submit]:not(.unset):not(.link), input[type=reset]:not(.unset):not(.link), .submit:not(.unset):not(.link), .btn:not(.unset):not(.link), .wpcf7-submit:not(.unset):not(.link) {
  color: var(--color-text);
  background-color: var(--color-gray200);
  border-color: transparent;
}
button:not(.unset):not(.link):hover, .button:not(.unset):not(.link):hover, input[type=button]:not(.unset):not(.link):hover, input[type=submit]:not(.unset):not(.link):hover, input[type=reset]:not(.unset):not(.link):hover, .submit:not(.unset):not(.link):hover, .btn:not(.unset):not(.link):hover, .wpcf7-submit:not(.unset):not(.link):hover {
  background-color: var(--color-gray300);
}
button:not(.unset).size-lg, .button:not(.unset).size-lg, input[type=button]:not(.unset).size-lg, input[type=submit]:not(.unset).size-lg, input[type=reset]:not(.unset).size-lg, .submit:not(.unset).size-lg, .btn:not(.unset).size-lg, .wpcf7-submit:not(.unset).size-lg {
  height: 2.875rem !important;
  line-height: 2.875rem !important;
}
button:not(.unset).wide, .button:not(.unset).wide, input[type=button]:not(.unset).wide, input[type=submit]:not(.unset).wide, input[type=reset]:not(.unset).wide, .submit:not(.unset).wide, .btn:not(.unset).wide, .wpcf7-submit:not(.unset).wide {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
button:not(.unset).icon-right, .button:not(.unset).icon-right, input[type=button]:not(.unset).icon-right, input[type=submit]:not(.unset).icon-right, input[type=reset]:not(.unset).icon-right, .submit:not(.unset).icon-right, .btn:not(.unset).icon-right, .wpcf7-submit:not(.unset).icon-right {
  line-height: 1;
}
button:not(.unset).icon-right i, .button:not(.unset).icon-right i, input[type=button]:not(.unset).icon-right i, input[type=submit]:not(.unset).icon-right i, input[type=reset]:not(.unset).icon-right i, .submit:not(.unset).icon-right i, .btn:not(.unset).icon-right i, .wpcf7-submit:not(.unset).icon-right i {
  font-size: 1rem;
  margin-left: 0.4375rem;
}
button:not(.unset).icon-left, .button:not(.unset).icon-left, input[type=button]:not(.unset).icon-left, input[type=submit]:not(.unset).icon-left, input[type=reset]:not(.unset).icon-left, .submit:not(.unset).icon-left, .btn:not(.unset).icon-left, .wpcf7-submit:not(.unset).icon-left {
  line-height: 1;
}
button:not(.unset).icon-left i, .button:not(.unset).icon-left i, input[type=button]:not(.unset).icon-left i, input[type=submit]:not(.unset).icon-left i, input[type=reset]:not(.unset).icon-left i, .submit:not(.unset).icon-left i, .btn:not(.unset).icon-left i, .wpcf7-submit:not(.unset).icon-left i {
  font-size: 1.125rem;
  margin-right: 0.4375rem;
}
button:not(.unset).radius-rounded, .button-rounded button:not(.unset), .button:not(.unset).radius-rounded, .button-rounded .button:not(.unset), input[type=button]:not(.unset).radius-rounded, .button-rounded input[type=button]:not(.unset), input[type=submit]:not(.unset).radius-rounded, .button-rounded input[type=submit]:not(.unset), input[type=reset]:not(.unset).radius-rounded, .button-rounded input[type=reset]:not(.unset), .submit:not(.unset).radius-rounded, .button-rounded .submit:not(.unset), .btn:not(.unset).radius-rounded, .button-rounded .btn:not(.unset), .wpcf7-submit:not(.unset).radius-rounded, .button-rounded .wpcf7-submit:not(.unset) {
  border-radius: 3.5rem;
}
button:not(.unset).link, .button:not(.unset).link, input[type=button]:not(.unset).link, input[type=submit]:not(.unset).link, input[type=reset]:not(.unset).link, .submit:not(.unset).link, .btn:not(.unset).link, .wpcf7-submit:not(.unset).link {
  font-size: 0.875rem;
  line-height: normal;
  height: auto;
  padding: 0;
  color: var(--color-text);
}
button:not(.unset).link:hover, .button:not(.unset).link:hover, input[type=button]:not(.unset).link:hover, input[type=submit]:not(.unset).link:hover, input[type=reset]:not(.unset).link:hover, .submit:not(.unset).link:hover, .btn:not(.unset).link:hover, .wpcf7-submit:not(.unset).link:hover {
  color: var(--theme-primary-color);
}
button:not(.unset).link.blue-link, .button:not(.unset).link.blue-link, input[type=button]:not(.unset).link.blue-link, input[type=submit]:not(.unset).link.blue-link, input[type=reset]:not(.unset).link.blue-link, .submit:not(.unset).link.blue-link, .btn:not(.unset).link.blue-link, .wpcf7-submit:not(.unset).link.blue-link {
  color: var(--color-blue600);
}
button:not(.unset).default, .default-button:not(.outline) button:not(.unset), .button:not(.unset).default, .default-button:not(.outline) .button:not(.unset), input[type=button]:not(.unset).default, .default-button:not(.outline) input[type=button]:not(.unset), input[type=submit]:not(.unset).default, .default-button:not(.outline) input[type=submit]:not(.unset), input[type=reset]:not(.unset).default, .default-button:not(.outline) input[type=reset]:not(.unset), .submit:not(.unset).default, .default-button:not(.outline) .submit:not(.unset), .btn:not(.unset).default, .default-button:not(.outline) .btn:not(.unset), .wpcf7-submit:not(.unset).default, .default-button:not(.outline) .wpcf7-submit:not(.unset) {
  background-color: transparent;
  border: 1px solid var(--color-gray400);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
button:not(.unset).default:hover, .default-button:not(.outline) button:not(.unset):hover, .button:not(.unset).default:hover, .default-button:not(.outline) .button:not(.unset):hover, input[type=button]:not(.unset).default:hover, .default-button:not(.outline) input[type=button]:not(.unset):hover, input[type=submit]:not(.unset).default:hover, .default-button:not(.outline) input[type=submit]:not(.unset):hover, input[type=reset]:not(.unset).default:hover, .default-button:not(.outline) input[type=reset]:not(.unset):hover, .submit:not(.unset).default:hover, .default-button:not(.outline) .submit:not(.unset):hover, .btn:not(.unset).default:hover, .default-button:not(.outline) .btn:not(.unset):hover, .wpcf7-submit:not(.unset).default:hover, .default-button:not(.outline) .wpcf7-submit:not(.unset):hover {
  background-color: var(--color-gray25);
}
.default-button.outline button:not(.unset), .default-button.outline .button:not(.unset), .default-button.outline input[type=button]:not(.unset), .default-button.outline input[type=submit]:not(.unset), .default-button.outline input[type=reset]:not(.unset), .default-button.outline .submit:not(.unset), .default-button.outline .btn:not(.unset), .default-button.outline .wpcf7-submit:not(.unset) {
  background-color: transparent;
  border: 1px solid var(--color-gray400);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
.default-button.outline button:not(.unset):hover, .default-button.outline .button:not(.unset):hover, .default-button.outline input[type=button]:not(.unset):hover, .default-button.outline input[type=submit]:not(.unset):hover, .default-button.outline input[type=reset]:not(.unset):hover, .default-button.outline .submit:not(.unset):hover, .default-button.outline .btn:not(.unset):hover, .default-button.outline .wpcf7-submit:not(.unset):hover {
  background-color: var(--color-gray25);
}
button:not(.unset):disabled, .button:not(.unset):disabled, input[type=button]:not(.unset):disabled, input[type=submit]:not(.unset):disabled, input[type=reset]:not(.unset):disabled, .submit:not(.unset):disabled, .btn:not(.unset):disabled, .wpcf7-submit:not(.unset):disabled {
  opacity: 0.6;
  pointer-events: none;
}
button:not(.unset).light:not(.outline), button:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).light:not(.outline), .button:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).light:not(.outline), input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).light:not(.outline), input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).light:not(.outline), input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).light:not(.outline), .submit:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).light:not(.outline), .btn:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).light:not(.outline), .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline), .light-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: var(--color-text);
  background-color: var(--color-gray100);
  border-color: transparent;
}
button:not(.unset).light:not(.outline):hover, button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).light:not(.outline):hover, .button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).light:not(.outline):hover, input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).light:not(.outline):hover, input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).light:not(.outline):hover, input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).light:not(.outline):hover, .submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).light:not(.outline):hover, .btn:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).light:not(.outline):hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .light-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: var(--color-gray200);
}
button:not(.unset).light.outline, button:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) button:not(.unset).outline, .button:not(.unset).light.outline, .button:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).light.outline, input[type=button]:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).light.outline, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).light.outline, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).light.outline, .submit:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).light.outline, .btn:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).light.outline, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline, .light-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--theme-primary-color);
  background-color: transparent;
  border: 1px solid var(--color-gray100);
}
button:not(.unset).light.outline:hover, button:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).light.outline:hover, .button:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).light.outline:hover, input[type=button]:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).light.outline:hover, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).light.outline:hover, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).light.outline:hover, .submit:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).light.outline:hover, .btn:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).light.outline:hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline:hover, .light-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-gray200);
}
.light-button.outline button:not(.unset), .light-button.outline .button:not(.unset), .light-button.outline input[type=button]:not(.unset), .light-button.outline input[type=submit]:not(.unset), .light-button.outline input[type=reset]:not(.unset), .light-button.outline .submit:not(.unset), .light-button.outline .btn:not(.unset), .light-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-gray600);
  background-color: transparent;
  border: 1px solid var(--color-gray500);
}
.light-button.outline button:not(.unset):hover, .light-button.outline .button:not(.unset):hover, .light-button.outline input[type=button]:not(.unset):hover, .light-button.outline input[type=submit]:not(.unset):hover, .light-button.outline input[type=reset]:not(.unset):hover, .light-button.outline .submit:not(.unset):hover, .light-button.outline .btn:not(.unset):hover, .light-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-gray500);
}
button:not(.unset).info:not(.outline), button:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).info:not(.outline), .button:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).info:not(.outline), input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).info:not(.outline), input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).info:not(.outline), input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).info:not(.outline), .submit:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).info:not(.outline), .btn:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).info:not(.outline), .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline), .info-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-gray500);
  border-color: transparent;
}
button:not(.unset).info:not(.outline):hover, button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).info:not(.outline):hover, .button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).info:not(.outline):hover, input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).info:not(.outline):hover, input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).info:not(.outline):hover, input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).info:not(.outline):hover, .submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).info:not(.outline):hover, .btn:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).info:not(.outline):hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .info-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: var(--color-gray600);
}
button:not(.unset).info.outline, button:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) button:not(.unset).outline, .button:not(.unset).info.outline, .button:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).info.outline, input[type=button]:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).info.outline, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).info.outline, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).info.outline, .submit:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).info.outline, .btn:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).info.outline, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline, .info-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-text);
  background-color: transparent;
  border: 1px solid var(--color-gray500);
}
button:not(.unset).info.outline:hover, button:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).info.outline:hover, .button:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).info.outline:hover, input[type=button]:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).info.outline:hover, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).info.outline:hover, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).info.outline:hover, .submit:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).info.outline:hover, .btn:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).info.outline:hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline:hover, .info-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-gray500);
}
.info-button.outline button:not(.unset), .info-button.outline .button:not(.unset), .info-button.outline input[type=button]:not(.unset), .info-button.outline input[type=submit]:not(.unset), .info-button.outline input[type=reset]:not(.unset), .info-button.outline .submit:not(.unset), .info-button.outline .btn:not(.unset), .info-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-gray600);
  background-color: transparent;
  border: 1px solid var(--color-gray500);
}
.info-button.outline button:not(.unset):hover, .info-button.outline .button:not(.unset):hover, .info-button.outline input[type=button]:not(.unset):hover, .info-button.outline input[type=submit]:not(.unset):hover, .info-button.outline input[type=reset]:not(.unset):hover, .info-button.outline .submit:not(.unset):hover, .info-button.outline .btn:not(.unset):hover, .info-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-gray500);
}
button:not(.unset).primary:not(.outline), button:not(.unset).woocommerce-form-login__submit:not(.outline), button:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).primary:not(.outline), .button:not(.unset).woocommerce-form-login__submit:not(.outline), .button:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).primary:not(.outline), input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline), input[type=button]:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).primary:not(.outline), input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline), input[type=submit]:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).primary:not(.outline), input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline), input[type=reset]:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).primary:not(.outline), .submit:not(.unset).woocommerce-form-login__submit:not(.outline), .submit:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).primary:not(.outline), .btn:not(.unset).woocommerce-form-login__submit:not(.outline), .btn:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).primary:not(.outline), .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline), .wpcf7-submit:not(.unset).wpcf7-submit:not(.outline), .primary-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
button:not(.unset).primary:not(.outline):hover, button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, button:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).primary:not(.outline):hover, .button:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .button:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).primary:not(.outline):hover, input[type=button]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, input[type=button]:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).primary:not(.outline):hover, input[type=submit]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, input[type=submit]:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).primary:not(.outline):hover, input[type=reset]:not(.unset).woocommerce-form-login__submit:not(.outline):hover, input[type=reset]:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).primary:not(.outline):hover, .submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .submit:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).primary:not(.outline):hover, .btn:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .btn:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).primary:not(.outline):hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit:not(.outline):hover, .wpcf7-submit:not(.unset).wpcf7-submit:not(.outline):hover, .primary-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--theme-primary-color-RGB), 0.9);
}
button:not(.unset).primary.outline, button:not(.unset).woocommerce-form-login__submit.outline, button:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) button:not(.unset).outline, .button:not(.unset).primary.outline, .button:not(.unset).woocommerce-form-login__submit.outline, .button:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).primary.outline, input[type=button]:not(.unset).woocommerce-form-login__submit.outline, input[type=button]:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).primary.outline, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline, input[type=submit]:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).primary.outline, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline, input[type=reset]:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).primary.outline, .submit:not(.unset).woocommerce-form-login__submit.outline, .submit:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).primary.outline, .btn:not(.unset).woocommerce-form-login__submit.outline, .btn:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).primary.outline, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline, .wpcf7-submit:not(.unset).wpcf7-submit.outline, .primary-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--theme-primary-color);
  background-color: transparent;
  border: 1px solid var(--theme-primary-color);
}
button:not(.unset).primary.outline:hover, button:not(.unset).woocommerce-form-login__submit.outline:hover, button:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).primary.outline:hover, .button:not(.unset).woocommerce-form-login__submit.outline:hover, .button:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).primary.outline:hover, input[type=button]:not(.unset).woocommerce-form-login__submit.outline:hover, input[type=button]:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).primary.outline:hover, input[type=submit]:not(.unset).woocommerce-form-login__submit.outline:hover, input[type=submit]:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).primary.outline:hover, input[type=reset]:not(.unset).woocommerce-form-login__submit.outline:hover, input[type=reset]:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).primary.outline:hover, .submit:not(.unset).woocommerce-form-login__submit.outline:hover, .submit:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).primary.outline:hover, .btn:not(.unset).woocommerce-form-login__submit.outline:hover, .btn:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).primary.outline:hover, .wpcf7-submit:not(.unset).woocommerce-form-login__submit.outline:hover, .wpcf7-submit:not(.unset).wpcf7-submit.outline:hover, .primary-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--theme-primary-color);
}
.primary-button.outline button:not(.unset), .primary-button.outline .button:not(.unset), .primary-button.outline input[type=button]:not(.unset), .primary-button.outline input[type=submit]:not(.unset), .primary-button.outline input[type=reset]:not(.unset), .primary-button.outline .submit:not(.unset), .primary-button.outline .btn:not(.unset), .primary-button.outline .wpcf7-submit:not(.unset) {
  color: var(--theme-primary-color);
  background-color: transparent;
  border: 1px solid var(--theme-primary-color);
}
.primary-button.outline button:not(.unset):hover, .primary-button.outline .button:not(.unset):hover, .primary-button.outline input[type=button]:not(.unset):hover, .primary-button.outline input[type=submit]:not(.unset):hover, .primary-button.outline input[type=reset]:not(.unset):hover, .primary-button.outline .submit:not(.unset):hover, .primary-button.outline .btn:not(.unset):hover, .primary-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--theme-primary-color);
}
button:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).secondary:not(.outline), .secondary-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--theme-secondary-color);
  border-color: transparent;
}
button:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).secondary:not(.outline):hover, .secondary-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--theme-secondary-color-RGB), 0.9);
}
button:not(.unset).secondary.outline, .secondary-button:not(.outline) button:not(.unset).outline, .button:not(.unset).secondary.outline, .secondary-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).secondary.outline, .secondary-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).secondary.outline, .secondary-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).secondary.outline, .secondary-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).secondary.outline, .secondary-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).secondary.outline, .secondary-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).secondary.outline, .secondary-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--theme-secondary-color);
  background-color: transparent;
  border: 1px solid var(--theme-secondary-color);
}
button:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).secondary.outline:hover, .secondary-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--theme-secondary-color);
}
.secondary-button.outline button:not(.unset), .secondary-button.outline .button:not(.unset), .secondary-button.outline input[type=button]:not(.unset), .secondary-button.outline input[type=submit]:not(.unset), .secondary-button.outline input[type=reset]:not(.unset), .secondary-button.outline .submit:not(.unset), .secondary-button.outline .btn:not(.unset), .secondary-button.outline .wpcf7-submit:not(.unset) {
  color: var(--theme-secondary-color);
  background-color: transparent;
  border: 1px solid var(--theme-secondary-color);
}
.secondary-button.outline button:not(.unset):hover, .secondary-button.outline .button:not(.unset):hover, .secondary-button.outline input[type=button]:not(.unset):hover, .secondary-button.outline input[type=submit]:not(.unset):hover, .secondary-button.outline input[type=reset]:not(.unset):hover, .secondary-button.outline .submit:not(.unset):hover, .secondary-button.outline .btn:not(.unset):hover, .secondary-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--theme-secondary-color);
}
button:not(.unset).success:not(.outline), .success-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).success:not(.outline), .success-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).success:not(.outline), .success-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).success:not(.outline), .success-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).success:not(.outline), .success-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).success:not(.outline), .success-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).success:not(.outline), .success-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).success:not(.outline), .success-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-green700);
  border-color: transparent;
}
button:not(.unset).success:not(.outline):hover, .success-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).success:not(.outline):hover, .success-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).success:not(.outline):hover, .success-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).success:not(.outline):hover, .success-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).success:not(.outline):hover, .success-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).success:not(.outline):hover, .success-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).success:not(.outline):hover, .success-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).success:not(.outline):hover, .success-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: var(--color-green800);
}
button:not(.unset).success.outline, .success-button:not(.outline) button:not(.unset).outline, .button:not(.unset).success.outline, .success-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).success.outline, .success-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).success.outline, .success-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).success.outline, .success-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).success.outline, .success-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).success.outline, .success-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).success.outline, .success-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-green700);
  background-color: transparent;
  border: 1px solid var(--color-green700);
}
button:not(.unset).success.outline:hover, .success-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).success.outline:hover, .success-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).success.outline:hover, .success-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).success.outline:hover, .success-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).success.outline:hover, .success-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).success.outline:hover, .success-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).success.outline:hover, .success-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).success.outline:hover, .success-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-green700);
}
button:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).success-light:not(.outline), .success-button-light:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: var(--color-green800);
  background-color: rgba(var(--color-greenRGB), 0.08);
  border: 1px solid rgba(var(--color-greenRGB), 0.2);
}
button:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).success-light:not(.outline):hover, .success-button-light:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  color: #FFF;
  background-color: var(--color-green700);
}
.success-button.outline button:not(.unset), .success-button.outline .button:not(.unset), .success-button.outline input[type=button]:not(.unset), .success-button.outline input[type=submit]:not(.unset), .success-button.outline input[type=reset]:not(.unset), .success-button.outline .submit:not(.unset), .success-button.outline .btn:not(.unset), .success-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-green700);
  background-color: transparent;
  border: 1px solid var(--color-green700);
}
.success-button.outline button:not(.unset):hover, .success-button.outline .button:not(.unset):hover, .success-button.outline input[type=button]:not(.unset):hover, .success-button.outline input[type=submit]:not(.unset):hover, .success-button.outline input[type=reset]:not(.unset):hover, .success-button.outline .submit:not(.unset):hover, .success-button.outline .btn:not(.unset):hover, .success-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-green700);
}
button:not(.unset).danger:not(.outline), .danger-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).danger:not(.outline), .danger-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).danger:not(.outline), .danger-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).danger:not(.outline), .danger-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).danger:not(.outline), .danger-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).danger:not(.outline), .danger-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).danger:not(.outline), .danger-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).danger:not(.outline), .danger-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-red600);
  border-color: transparent;
}
button:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).danger:not(.outline):hover, .danger-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-redRGB), 0.95);
}
button:not(.unset).danger.outline, .danger-button:not(.outline) button:not(.unset).outline, .button:not(.unset).danger.outline, .danger-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).danger.outline, .danger-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).danger.outline, .danger-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).danger.outline, .danger-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).danger.outline, .danger-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).danger.outline, .danger-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).danger.outline, .danger-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-red600);
  background-color: transparent;
  border: 1px solid var(--color-red600);
}
button:not(.unset).danger.outline:hover, .danger-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).danger.outline:hover, .danger-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).danger.outline:hover, .danger-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).danger.outline:hover, .danger-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).danger.outline:hover, .danger-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).danger.outline:hover, .danger-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).danger.outline:hover, .danger-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).danger.outline:hover, .danger-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-red600);
}
.danger-button.outline button:not(.unset), .danger-button.outline .button:not(.unset), .danger-button.outline input[type=button]:not(.unset), .danger-button.outline input[type=submit]:not(.unset), .danger-button.outline input[type=reset]:not(.unset), .danger-button.outline .submit:not(.unset), .danger-button.outline .btn:not(.unset), .danger-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-red600);
  background-color: transparent;
  border: 1px solid var(--color-red600);
}
.danger-button.outline button:not(.unset):hover, .danger-button.outline .button:not(.unset):hover, .danger-button.outline input[type=button]:not(.unset):hover, .danger-button.outline input[type=submit]:not(.unset):hover, .danger-button.outline input[type=reset]:not(.unset):hover, .danger-button.outline .submit:not(.unset):hover, .danger-button.outline .btn:not(.unset):hover, .danger-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-red600);
}
button:not(.unset).warning:not(.outline), .warning-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).warning:not(.outline), .warning-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).warning:not(.outline), .warning-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).warning:not(.outline), .warning-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).warning:not(.outline), .warning-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).warning:not(.outline), .warning-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).warning:not(.outline), .warning-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).warning:not(.outline), .warning-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-orange600);
  border-color: transparent;
}
button:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).warning:not(.outline):hover, .warning-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-orangeRGB), 0.95);
}
button:not(.unset).warning.outline, .warning-button:not(.outline) button:not(.unset).outline, .button:not(.unset).warning.outline, .warning-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).warning.outline, .warning-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).warning.outline, .warning-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).warning.outline, .warning-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).warning.outline, .warning-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).warning.outline, .warning-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).warning.outline, .warning-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-orange600);
  background-color: transparent;
  border: 1px solid var(--color-orange600);
}
button:not(.unset).warning.outline:hover, .warning-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).warning.outline:hover, .warning-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).warning.outline:hover, .warning-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).warning.outline:hover, .warning-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).warning.outline:hover, .warning-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).warning.outline:hover, .warning-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).warning.outline:hover, .warning-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).warning.outline:hover, .warning-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-orange600);
}
.warning-button.outline button:not(.unset), .warning-button.outline .button:not(.unset), .warning-button.outline input[type=button]:not(.unset), .warning-button.outline input[type=submit]:not(.unset), .warning-button.outline input[type=reset]:not(.unset), .warning-button.outline .submit:not(.unset), .warning-button.outline .btn:not(.unset), .warning-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-orange600);
  background-color: transparent;
  border: 1px solid var(--color-orange600);
}
.warning-button.outline button:not(.unset):hover, .warning-button.outline .button:not(.unset):hover, .warning-button.outline input[type=button]:not(.unset):hover, .warning-button.outline input[type=submit]:not(.unset):hover, .warning-button.outline input[type=reset]:not(.unset):hover, .warning-button.outline .submit:not(.unset):hover, .warning-button.outline .btn:not(.unset):hover, .warning-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-orange600);
}
button:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).yellow:not(.outline), .yellow-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #1B1F22;
  background-color: var(--color-yellow600);
  border-color: transparent;
}
button:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).yellow:not(.outline):hover, .yellow-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-yellowRGB), 0.95);
}
button:not(.unset).yellow.outline, .yellow-button:not(.outline) button:not(.unset).outline, .button:not(.unset).yellow.outline, .yellow-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).yellow.outline, .yellow-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).yellow.outline, .yellow-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).yellow.outline, .yellow-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).yellow.outline, .yellow-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).yellow.outline, .yellow-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).yellow.outline, .yellow-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-yellow600);
  background-color: transparent;
  border: 1px solid var(--color-yellow600);
}
button:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).yellow.outline:hover, .yellow-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-yellow600);
}
.yellow-button.outline button:not(.unset), .yellow-button.outline .button:not(.unset), .yellow-button.outline input[type=button]:not(.unset), .yellow-button.outline input[type=submit]:not(.unset), .yellow-button.outline input[type=reset]:not(.unset), .yellow-button.outline .submit:not(.unset), .yellow-button.outline .btn:not(.unset), .yellow-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-yellow600);
  background-color: transparent;
  border: 1px solid var(--color-yellow600);
}
.yellow-button.outline button:not(.unset):hover, .yellow-button.outline .button:not(.unset):hover, .yellow-button.outline input[type=button]:not(.unset):hover, .yellow-button.outline input[type=submit]:not(.unset):hover, .yellow-button.outline input[type=reset]:not(.unset):hover, .yellow-button.outline .submit:not(.unset):hover, .yellow-button.outline .btn:not(.unset):hover, .yellow-button.outline .wpcf7-submit:not(.unset):hover {
  color: #1B1F22;
  background-color: var(--color-yellow600);
}
button:not(.unset).blue:not(.outline), .blue-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).blue:not(.outline), .blue-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).blue:not(.outline), .blue-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).blue:not(.outline), .blue-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).blue:not(.outline), .blue-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).blue:not(.outline), .blue-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).blue:not(.outline), .blue-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).blue:not(.outline), .blue-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-blue600);
  border-color: transparent;
}
button:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).blue:not(.outline):hover, .blue-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-blueRGB), 0.95);
}
button:not(.unset).blue.outline, .blue-button:not(.outline) button:not(.unset).outline, .button:not(.unset).blue.outline, .blue-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).blue.outline, .blue-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).blue.outline, .blue-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).blue.outline, .blue-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).blue.outline, .blue-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).blue.outline, .blue-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).blue.outline, .blue-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-blue600);
  background-color: transparent;
  border: 1px solid var(--color-blue600);
}
button:not(.unset).blue.outline:hover, .blue-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).blue.outline:hover, .blue-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).blue.outline:hover, .blue-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).blue.outline:hover, .blue-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).blue.outline:hover, .blue-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).blue.outline:hover, .blue-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).blue.outline:hover, .blue-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).blue.outline:hover, .blue-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-blue600);
}
.blue-button.outline button:not(.unset), .blue-button.outline .button:not(.unset), .blue-button.outline input[type=button]:not(.unset), .blue-button.outline input[type=submit]:not(.unset), .blue-button.outline input[type=reset]:not(.unset), .blue-button.outline .submit:not(.unset), .blue-button.outline .btn:not(.unset), .blue-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-blue600);
  background-color: transparent;
  border: 1px solid var(--color-blue600);
}
.blue-button.outline button:not(.unset):hover, .blue-button.outline .button:not(.unset):hover, .blue-button.outline input[type=button]:not(.unset):hover, .blue-button.outline input[type=submit]:not(.unset):hover, .blue-button.outline input[type=reset]:not(.unset):hover, .blue-button.outline .submit:not(.unset):hover, .blue-button.outline .btn:not(.unset):hover, .blue-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-blue600);
}
button:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).cyan:not(.outline), .cyan-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-cyan600);
  border-color: transparent;
}
button:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).cyan:not(.outline):hover, .cyan-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-cyanRGB), 0.95);
}
button:not(.unset).cyan.outline, .cyan-button:not(.outline) button:not(.unset).outline, .button:not(.unset).cyan.outline, .cyan-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).cyan.outline, .cyan-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).cyan.outline, .cyan-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).cyan.outline, .cyan-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).cyan.outline, .cyan-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).cyan.outline, .cyan-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).cyan.outline, .cyan-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-cyan600);
  background-color: transparent;
  border: 1px solid var(--color-cyan600);
}
button:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).cyan.outline:hover, .cyan-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-cyan600);
}
.cyan-button.outline button:not(.unset), .cyan-button.outline .button:not(.unset), .cyan-button.outline input[type=button]:not(.unset), .cyan-button.outline input[type=submit]:not(.unset), .cyan-button.outline input[type=reset]:not(.unset), .cyan-button.outline .submit:not(.unset), .cyan-button.outline .btn:not(.unset), .cyan-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-cyan600);
  background-color: transparent;
  border: 1px solid var(--color-cyan600);
}
.cyan-button.outline button:not(.unset):hover, .cyan-button.outline .button:not(.unset):hover, .cyan-button.outline input[type=button]:not(.unset):hover, .cyan-button.outline input[type=submit]:not(.unset):hover, .cyan-button.outline input[type=reset]:not(.unset):hover, .cyan-button.outline .submit:not(.unset):hover, .cyan-button.outline .btn:not(.unset):hover, .cyan-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-cyan600);
}
button:not(.unset).violet:not(.outline), .violet-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).violet:not(.outline), .violet-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).violet:not(.outline), .violet-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).violet:not(.outline), .violet-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).violet:not(.outline), .violet-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).violet:not(.outline), .violet-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).violet:not(.outline), .violet-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).violet:not(.outline), .violet-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: var(--color-violet600);
  border-color: transparent;
}
button:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).violet:not(.outline):hover, .violet-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(var(--color-violetRGB), 0.95);
}
button:not(.unset).violet.outline, .violet-button:not(.outline) button:not(.unset).outline, .button:not(.unset).violet.outline, .violet-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).violet.outline, .violet-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).violet.outline, .violet-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).violet.outline, .violet-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).violet.outline, .violet-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).violet.outline, .violet-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).violet.outline, .violet-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: var(--color-violet600);
  background-color: transparent;
  border: 1px solid var(--color-violet600);
}
button:not(.unset).violet.outline:hover, .violet-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).violet.outline:hover, .violet-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).violet.outline:hover, .violet-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).violet.outline:hover, .violet-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).violet.outline:hover, .violet-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).violet.outline:hover, .violet-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).violet.outline:hover, .violet-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).violet.outline:hover, .violet-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: var(--color-violet600);
}
.violet-button.outline button:not(.unset), .violet-button.outline .button:not(.unset), .violet-button.outline input[type=button]:not(.unset), .violet-button.outline input[type=submit]:not(.unset), .violet-button.outline input[type=reset]:not(.unset), .violet-button.outline .submit:not(.unset), .violet-button.outline .btn:not(.unset), .violet-button.outline .wpcf7-submit:not(.unset) {
  color: var(--color-violet600);
  background-color: transparent;
  border: 1px solid var(--color-violet600);
}
.violet-button.outline button:not(.unset):hover, .violet-button.outline .button:not(.unset):hover, .violet-button.outline input[type=button]:not(.unset):hover, .violet-button.outline input[type=submit]:not(.unset):hover, .violet-button.outline input[type=reset]:not(.unset):hover, .violet-button.outline .submit:not(.unset):hover, .violet-button.outline .btn:not(.unset):hover, .violet-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: var(--color-violet600);
}
button:not(.unset).black:not(.outline), .black-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).black:not(.outline), .black-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).black:not(.outline), .black-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).black:not(.outline), .black-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).black:not(.outline), .black-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).black:not(.outline), .black-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).black:not(.outline), .black-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).black:not(.outline), .black-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #FFF;
  background-color: #1B1F22;
  border-color: transparent;
}
button:not(.unset).black:not(.outline):hover, .black-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).black:not(.outline):hover, .black-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).black:not(.outline):hover, .black-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).black:not(.outline):hover, .black-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).black:not(.outline):hover, .black-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).black:not(.outline):hover, .black-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).black:not(.outline):hover, .black-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).black:not(.outline):hover, .black-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(27, 31, 34, 0.95);
}
button:not(.unset).black.outline, .black-button:not(.outline) button:not(.unset).outline, .button:not(.unset).black.outline, .black-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).black.outline, .black-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).black.outline, .black-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).black.outline, .black-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).black.outline, .black-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).black.outline, .black-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).black.outline, .black-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: #1B1F22;
  background-color: transparent;
  border: 1px solid #1B1F22;
}
button:not(.unset).black.outline:hover, .black-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).black.outline:hover, .black-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).black.outline:hover, .black-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).black.outline:hover, .black-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).black.outline:hover, .black-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).black.outline:hover, .black-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).black.outline:hover, .black-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).black.outline:hover, .black-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #FFF;
  background-color: #1B1F22;
}
.black-button.outline button:not(.unset), .black-button.outline .button:not(.unset), .black-button.outline input[type=button]:not(.unset), .black-button.outline input[type=submit]:not(.unset), .black-button.outline input[type=reset]:not(.unset), .black-button.outline .submit:not(.unset), .black-button.outline .btn:not(.unset), .black-button.outline .wpcf7-submit:not(.unset) {
  color: #1B1F22;
  background-color: transparent;
  border: 1px solid #1B1F22;
}
.black-button.outline button:not(.unset):hover, .black-button.outline .button:not(.unset):hover, .black-button.outline input[type=button]:not(.unset):hover, .black-button.outline input[type=submit]:not(.unset):hover, .black-button.outline input[type=reset]:not(.unset):hover, .black-button.outline .submit:not(.unset):hover, .black-button.outline .btn:not(.unset):hover, .black-button.outline .wpcf7-submit:not(.unset):hover {
  color: #FFF;
  background-color: #1B1F22;
}
button:not(.unset).white:not(.outline), .black-button:not(.outline) button:not(.unset):not(.outline), .button:not(.unset).white:not(.outline), .black-button:not(.outline) .button:not(.unset):not(.outline), input[type=button]:not(.unset).white:not(.outline), .black-button:not(.outline) input[type=button]:not(.unset):not(.outline), input[type=submit]:not(.unset).white:not(.outline), .black-button:not(.outline) input[type=submit]:not(.unset):not(.outline), input[type=reset]:not(.unset).white:not(.outline), .black-button:not(.outline) input[type=reset]:not(.unset):not(.outline), .submit:not(.unset).white:not(.outline), .black-button:not(.outline) .submit:not(.unset):not(.outline), .btn:not(.unset).white:not(.outline), .black-button:not(.outline) .btn:not(.unset):not(.outline), .wpcf7-submit:not(.unset).white:not(.outline), .black-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline) {
  color: #1B1F22;
  background-color: #FFF;
  border-color: transparent;
}
button:not(.unset).white:not(.outline):hover, .black-button:not(.outline) button:not(.unset):not(.outline):hover, .button:not(.unset).white:not(.outline):hover, .black-button:not(.outline) .button:not(.unset):not(.outline):hover, input[type=button]:not(.unset).white:not(.outline):hover, .black-button:not(.outline) input[type=button]:not(.unset):not(.outline):hover, input[type=submit]:not(.unset).white:not(.outline):hover, .black-button:not(.outline) input[type=submit]:not(.unset):not(.outline):hover, input[type=reset]:not(.unset).white:not(.outline):hover, .black-button:not(.outline) input[type=reset]:not(.unset):not(.outline):hover, .submit:not(.unset).white:not(.outline):hover, .black-button:not(.outline) .submit:not(.unset):not(.outline):hover, .btn:not(.unset).white:not(.outline):hover, .black-button:not(.outline) .btn:not(.unset):not(.outline):hover, .wpcf7-submit:not(.unset).white:not(.outline):hover, .black-button:not(.outline) .wpcf7-submit:not(.unset):not(.outline):hover {
  background-color: rgba(27, 31, 34, 0.95);
}
button:not(.unset).white.outline, .black-button:not(.outline) button:not(.unset).outline, .button:not(.unset).white.outline, .black-button:not(.outline) .button:not(.unset).outline, input[type=button]:not(.unset).white.outline, .black-button:not(.outline) input[type=button]:not(.unset).outline, input[type=submit]:not(.unset).white.outline, .black-button:not(.outline) input[type=submit]:not(.unset).outline, input[type=reset]:not(.unset).white.outline, .black-button:not(.outline) input[type=reset]:not(.unset).outline, .submit:not(.unset).white.outline, .black-button:not(.outline) .submit:not(.unset).outline, .btn:not(.unset).white.outline, .black-button:not(.outline) .btn:not(.unset).outline, .wpcf7-submit:not(.unset).white.outline, .black-button:not(.outline) .wpcf7-submit:not(.unset).outline {
  color: #FFF;
  background-color: transparent;
  border: 1px solid #FFF;
}
button:not(.unset).white.outline:hover, .black-button:not(.outline) button:not(.unset).outline:hover, .button:not(.unset).white.outline:hover, .black-button:not(.outline) .button:not(.unset).outline:hover, input[type=button]:not(.unset).white.outline:hover, .black-button:not(.outline) input[type=button]:not(.unset).outline:hover, input[type=submit]:not(.unset).white.outline:hover, .black-button:not(.outline) input[type=submit]:not(.unset).outline:hover, input[type=reset]:not(.unset).white.outline:hover, .black-button:not(.outline) input[type=reset]:not(.unset).outline:hover, .submit:not(.unset).white.outline:hover, .black-button:not(.outline) .submit:not(.unset).outline:hover, .btn:not(.unset).white.outline:hover, .black-button:not(.outline) .btn:not(.unset).outline:hover, .wpcf7-submit:not(.unset).white.outline:hover, .black-button:not(.outline) .wpcf7-submit:not(.unset).outline:hover {
  color: #1B1F22;
  background-color: #FFF;
}
.white-button.outline button:not(.unset), .white-button.outline .button:not(.unset), .white-button.outline input[type=button]:not(.unset), .white-button.outline input[type=submit]:not(.unset), .white-button.outline input[type=reset]:not(.unset), .white-button.outline .submit:not(.unset), .white-button.outline .btn:not(.unset), .white-button.outline .wpcf7-submit:not(.unset) {
  color: #FFF;
  background-color: transparent;
  border: 1px solid #FFF;
}
.white-button.outline button:not(.unset):hover, .white-button.outline .button:not(.unset):hover, .white-button.outline input[type=button]:not(.unset):hover, .white-button.outline input[type=submit]:not(.unset):hover, .white-button.outline input[type=reset]:not(.unset):hover, .white-button.outline .submit:not(.unset):hover, .white-button.outline .btn:not(.unset):hover, .white-button.outline .wpcf7-submit:not(.unset):hover {
  color: #1B1F22;
  background-color: #FFF;
}
button.unset, .button.unset, input[type=button].unset, input[type=submit].unset, input[type=reset].unset, .submit.unset, .btn.unset, .wpcf7-submit.unset {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  border: 0;
}

/* ----- 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;
  width: 1.0625rem;
  height: 1.0625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
}
input[type=checkbox]::after, .woocommerce-form__input-checkbox::after {
  content: "";
  display: block;
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 0.25rem;
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-filled)::after, body[data-color=custom] input[type=checkbox]:not(.variation-filled)::after, body:not(.input-variation-filled)[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-filled)::after, body[data-color=custom] .woocommerce-form__input-checkbox:not(.variation-filled)::after {
  border: var(--theme-form-border-width) solid rgba(var(--color-rgb), 0.17);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-filled):hover::after, body[data-color=custom] input[type=checkbox]:not(.variation-filled):hover::after, body:not(.input-variation-filled)[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-filled):hover::after, body[data-color=custom] .woocommerce-form__input-checkbox:not(.variation-filled):hover::after {
  border-color: rgba(var(--color-rgb), 0.25);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-filled):checked::after, body[data-color=custom] input[type=checkbox]:not(.variation-filled):checked::after, body:not(.input-variation-filled)[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-filled):checked::after, body[data-color=custom] .woocommerce-form__input-checkbox:not(.variation-filled):checked::after {
  border-color: var(--theme-primary-color);
  background-color: var(--theme-primary-color);
}
body:not(.input-variation-filled)[data-color=default] input[type=checkbox]:not(.variation-filled)::after, 
body[data-color=default] input[type=checkbox]:not(.variation-filled)::after, 
body:not(.input-variation-filled)[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled)::after, 
body[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled)::after {
  border: var(--theme-form-border-width) solid var(--color-gray400);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=default] input[type=checkbox]:not(.variation-filled):hover::after, body[data-color=default] input[type=checkbox]:not(.variation-filled):hover::after, body:not(.input-variation-filled)[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled):hover::after, body[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled):hover::after {
  border-color: var(--color-gray500);
}
body:not(.input-variation-filled)[data-color=default] input[type=checkbox]:not(.variation-filled):checked::after, body[data-color=default] input[type=checkbox]:not(.variation-filled):checked::after, body:not(.input-variation-filled)[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled):checked::after, body[data-color=default] .woocommerce-form__input-checkbox:not(.variation-filled):checked::after {
  border-color: var(--theme-primary-color);
  background-color: var(--theme-primary-color);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-default)::after, body[data-color=custom] input[type=checkbox].variation-filled::after, body.input-variation-filled[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-default)::after, body[data-color=custom] .woocommerce-form__input-checkbox.variation-filled::after {
  border-color: transparent;
  background-color: rgba(var(--color-rgb), 0.07);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-default):hover::after, body[data-color=custom] input[type=checkbox].variation-filled:hover::after, body.input-variation-filled[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-default):hover::after, body[data-color=custom] .woocommerce-form__input-checkbox.variation-filled:hover::after {
  background-color: rgba(var(--color-rgb), 0.09);
}
body.input-variation-filled[data-color=custom][data-theme=light] input[type=checkbox]:not(.variation-default):checked::after, body[data-color=custom] input[type=checkbox].variation-filled:checked::after, body.input-variation-filled[data-color=custom][data-theme=light] .woocommerce-form__input-checkbox:not(.variation-default):checked::after, body[data-color=custom] .woocommerce-form__input-checkbox.variation-filled:checked::after {
  background-color: var(--theme-primary-color);
}
body.input-variation-filled[data-color=default] input[type=checkbox]:not(.variation-default)::after, body[data-color=default] input[type=checkbox].variation-filled::after, body.input-variation-filled[data-color=default] .woocommerce-form__input-checkbox:not(.variation-default)::after, body[data-color=default] .woocommerce-form__input-checkbox.variation-filled::after {
  border-color: transparent;
  background-color: var(--color-gray50);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=default] input[type=checkbox]:not(.variation-default):hover::after, body[data-color=default] input[type=checkbox].variation-filled:hover::after, body.input-variation-filled[data-color=default] .woocommerce-form__input-checkbox:not(.variation-default):hover::after, body[data-color=default] .woocommerce-form__input-checkbox.variation-filled:hover::after {
  background-color: var(--color-gray100);
}
body.input-variation-filled[data-color=default] input[type=checkbox]:not(.variation-default):checked::after, body[data-color=default] input[type=checkbox].variation-filled:checked::after, body.input-variation-filled[data-color=default] .woocommerce-form__input-checkbox:not(.variation-default):checked::after, body[data-color=default] .woocommerce-form__input-checkbox.variation-filled:checked::after {
  background-color: var(--theme-primary-color);
}
input[type=checkbox]:checked::before, .woocommerce-form__input-checkbox:checked::before {
  content: "\e8ef";
  font-family: "klbtheme";
  position: absolute;
  font-size: 0.8125rem;
  color: #FFF;
}

/* ----- Select2 Settings ----- */
.select2.select2-container {
  width: 100% !important;
}
.select2 .select2-selection {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 42px;
  border-radius: var(--theme-radius-form);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled), body[data-color=custom] .select2 .select2-selection:not(.variation-filled) {
  border: var(--theme-form-border-width) solid rgba(var(--color-rgb), 0.17);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled)::-webkit-input-placeholder, body[data-color=custom] .select2 .select2-selection:not(.variation-filled)::-webkit-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled)::-moz-placeholder, body[data-color=custom] .select2 .select2-selection:not(.variation-filled)::-moz-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled):-ms-input-placeholder, body[data-color=custom] .select2 .select2-selection:not(.variation-filled):-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled)::-ms-input-placeholder, body[data-color=custom] .select2 .select2-selection:not(.variation-filled)::-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled)::placeholder, body[data-color=custom] .select2 .select2-selection:not(.variation-filled)::placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-filled):hover, body[data-color=custom] .select2 .select2-selection:not(.variation-filled):hover {
  border-color: rgba(var(--color-rgb), 0.25);
}
body:not(.input-variation-filled)[data-color=default] .select2 .select2-selection:not(.variation-filled), body[data-color=default] .select2 .select2-selection:not(.variation-filled) {
  border: var(--theme-form-border-width) solid var(--color-gray400);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=default] .select2 .select2-selection:not(.variation-filled):hover, body[data-color=default] .select2 .select2-selection:not(.variation-filled):hover {
  border-color: var(--color-gray500);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default), body[data-color=custom] .select2 .select2-selection.variation-filled {
  border-color: transparent;
  background-color: rgba(var(--color-rgb), 0.07);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default)::-webkit-input-placeholder, body[data-color=custom] .select2 .select2-selection.variation-filled::-webkit-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default)::-moz-placeholder, body[data-color=custom] .select2 .select2-selection.variation-filled::-moz-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default):-ms-input-placeholder, body[data-color=custom] .select2 .select2-selection.variation-filled:-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default)::-ms-input-placeholder, body[data-color=custom] .select2 .select2-selection.variation-filled::-ms-input-placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default)::placeholder, body[data-color=custom] .select2 .select2-selection.variation-filled::placeholder {
  color: rgba(var(--color-rgb), 0.55);
}
body.input-variation-filled[data-color=custom][data-theme=light] .select2 .select2-selection:not(.variation-default):hover, body[data-color=custom] .select2 .select2-selection.variation-filled:hover {
  background-color: rgba(var(--color-rgb), 0.09);
}
body.input-variation-filled[data-color=default] .select2 .select2-selection:not(.variation-default), body[data-color=default] .select2 .select2-selection.variation-filled {
  border-color: transparent;
  background-color: var(--color-gray50);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.input-variation-filled[data-color=default] .select2 .select2-selection:not(.variation-default):hover, 
body[data-color=default] .select2 .select2-selection.variation-filled:hover {
  background-color: var(--color-gray100);
}
.select2 .select2-selection.select2-selection--single.select2-selection--clearable .select2-selection__clear {
  all: unset;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: auto;
  margin-right: 2.5rem;
}
.select2 .select2-selection.select2-selection--single .select2-selection__rendered {
  font-size: var(--theme-form-font-size);
  font-weight: var(--theme-form-font-weight);
  line-height: 42px;
  padding-left: 0.9375rem;
  padding-right: 1.875rem;
}
.select2 .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  font-size: 92%;
  line-height: 1;
  color: var(--color-gray600);
}
.select2 .select2-selection.select2-selection--single .select2-selection__arrow {
  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;
  background: transparent 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>") calc(100% - 8px) 13px no-repeat;
  background-size: 22px 16px;
  width: 1.875rem;
  height: 100%;
  top: 0;
}
.select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-dropdown {
  background-color: var(--color-background);
  border-color: var(--color-gray400);
  border-radius: var(--theme-radius-form);
}
.select2-dropdown .select2-search--dropdown {
  padding: 0;
  border-bottom: var(--theme-form-border-width) solid var(--color-gray400);
}
.select2-dropdown .select2-search--dropdown input {
  width: 100%;
  height: 2.375rem;
  padding: 0 0.9375rem;
  border: 0 !important;
  border-radius: 0;
  background-color: var(--color-background);
}
.select2-dropdown .select2-search--dropdown input::-webkit-input-placeholder {
  font-weight: 400;
}
.select2-dropdown .select2-search--dropdown input::-moz-placeholder {
  font-weight: 400;
}
.select2-dropdown .select2-search--dropdown input:-ms-input-placeholder {
  font-weight: 400;
}
.select2-dropdown .select2-search--dropdown input::-ms-input-placeholder {
  font-weight: 400;
}
.select2-dropdown .select2-search--dropdown input::placeholder {
  font-weight: 400;
}
.select2-dropdown .select2-search--dropdown input:focus, .select2-dropdown .select2-search--dropdown input:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  font-size: 0.875rem;
  padding: 0.5rem 0.9375rem;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-color-RGB), 0.05);
}

/* ----- 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);
}

/* ----- Coupon Modal settings ----- */
.klb-coupon-modal.white-popup {
  position: relative;
  max-width: 51.25rem;
  background-color: var(--color-background);
  padding: 1.25rem;
  border-radius: var(--theme-radius-base);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .klb-coupon-modal.white-popup {
    padding: 2.1875rem;
  }
}
.klb-coupon-modal .klb-coupon-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-coupon-modal .klb-coupon-inner .store-thumbnail {
  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-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 12.5rem;
  height: 8.125rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-radius: var(--theme-radius-base);
  margin-right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .klb-coupon-modal .klb-coupon-inner .store-thumbnail {
    margin-right: 1.875rem;
  }
}
.klb-coupon-modal .klb-coupon-inner .store-thumbnail img {
  max-height: 5.625rem;
}
.klb-coupon-modal .klb-coupon-inner .store-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.klb-coupon-modal .klb-coupon-inner .store-content .store-name {
  font-size: 1.375rem;
  font-weight: 700;
}
.klb-coupon-modal .klb-coupon-inner .store-content .store-name strong {
  color: var(--color-red600);
}
.klb-coupon-modal .klb-coupon-inner .store-content .entry-description {
  font-size: 0.9375rem;
  color: var(--color-gray600);
}
.klb-coupon-modal .klb-coupon-inner .store-content .coupon-code {
  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;
  border-top: 1px solid var(--color-gray100);
  padding-top: 1.25rem;
}
.klb-coupon-modal .klb-coupon-inner .store-content .coupon-code .entry-title {
  font-size: 0.9375rem;
  width: 100%;
  margin-bottom: 0.1875rem;
}
.klb-coupon-modal .klb-coupon-inner .store-content .coupon-code p {
  font-size: 0.875rem;
  color: var(--color-gray500);
}
.klb-coupon-modal .klb-coupon-inner .store-content .coupon-code .code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.0625rem;
  font-weight: 700;
  height: 2.5rem;
  color: var(--theme-primary-color);
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  border: 2px dashed var(--theme-primary-color);
  border-radius: calc(var(--theme-radius-base) / 2);
  background-color: rgba(var(--theme-primary-color-RGB), 0.05);
  cursor: pointer;
}

/* ----- dropdown settings ----- */
.dropdown-menu {
  --bs-dropdown-min-width: 18.75rem;
  --bs-dropdown-padding-x: 1rem;
  --bs-dropdown-padding-y: 1rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-border-color: var(--color-gray100);
  --bs-dropdown-border-radius: var(--theme-radius-base);
  --bs-dropdown-color: var(--color-text);
  --bs-dropdown-bg: var(--color-background);
  display: block;
}
body[data-color=custom][data-theme=light] .dropdown-menu {
  --bs-dropdown-bg: transparent;
  --bs-dropdown-border-color: rgba(var(--color-rgb), 0.1);
}
.dropdown-menu:not(.custom-dropdown-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;
}
.dropdown-menu:not(.custom-dropdown-menu)::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-background);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: -0.4375rem;
  left: 1.5rem;
  z-index: 1;
}
.dropdown-menu:not(.custom-dropdown-menu)::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-gray300);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: -0.5rem;
  left: 1.5rem;
}
.dropdown-menu.custom-dropdown-menu {
  all: unset;
  position: absolute;
  min-width: var(--bs-dropdown-min-width);
  padding-top: 0.5625rem;
  top: 100%;
  left: -0.75rem;
}
.dropdown-menu.custom-dropdown-menu .custom-dropdown-body {
  font-family: var(--theme-body-font);
  font-size: var(--bs-dropdown-font-size);
  font-weight: 400;
  line-height: 1.5;
  padding: 1rem;
  color: var(--bs-dropdown-color);
  background-color: var(--bs-dropdown-bg);
  border: 1px solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  -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;
}
body[data-color=custom][data-theme=light] .dropdown-menu.custom-dropdown-menu .custom-dropdown-body {
  --bs-dropdown-bg: var(--color-background);
}
.dropdown-menu.custom-dropdown-menu .custom-dropdown-body::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-background);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: 0.0625rem;
  left: 1.5rem;
  z-index: 1;
}
.dropdown-menu.custom-dropdown-menu .custom-dropdown-body::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-gray300);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: 0;
  left: 1.5rem;
}

/* ----- custom dropdown settings ----- */
.custom-dropdown {
  position: relative;
}
.custom-dropdown .custom-dropdown-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -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);
}
.custom-dropdown[data-placement=center] .custom-dropdown-menu {
  left: -50%;
}
.custom-dropdown[data-placement=center] .custom-dropdown-menu .custom-dropdown-body::before, .custom-dropdown[data-placement=center] .custom-dropdown-menu .custom-dropdown-body::after {
  left: 50%;
  margin-left: -0.5625rem;
}
.custom-dropdown[data-placement=right] .custom-dropdown-menu {
  left: auto;
  right: -0.75rem;
}
.custom-dropdown[data-placement=right] .custom-dropdown-menu .custom-dropdown-body::before, .custom-dropdown[data-placement=right] .custom-dropdown-menu .custom-dropdown-body::after {
  left: auto;
  right: 1.3125rem;
}
.custom-dropdown:hover .custom-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translate(0);
          transform: translate(0);
}

/* ----- Site drawer settings ----- */
.site-drawer {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 1000;
}
@media screen and (min-width: 320px) {
  .site-drawer {
    width: 21.25rem;
  }
}
.site-drawer .drawer-row {
  position: relative;
  padding: 1.25rem;
}
@media screen and (min-width: 992px) {
  .site-drawer .drawer-row {
    padding: 1.25rem 1.5625rem;
  }
}
.site-drawer .drawer-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-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid rgba(var(--color-rgb), 0.1);
}
.site-drawer .site-brand a {
  color: currentColor;
}
.site-drawer .site-brand a .brand-text {
  font-size: 1.625rem;
  font-weight: 600;
}
.site-drawer .site-brand a img {
  height: 2.1875rem;
}
.site-drawer .drawer-heading {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.3;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.site-drawer .drawer-menu .klb-menu {
  padding: 0;
}
.site-drawer .drawer-menu .klb-menu li {
  position: relative;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.site-drawer .drawer-menu .klb-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9375rem;
  font-weight: 500;
  max-height: 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: currentColor;
}
.site-drawer .drawer-menu .klb-menu li a i {
  font-size: 126%;
  line-height: 1;
  max-width: 1.75rem;
  margin-right: 0.9375rem;
}
.site-drawer .drawer-menu .klb-menu li a i::before {
  margin: 0;
}
.site-drawer .drawer-menu .klb-menu li a .badge {
  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.625rem;
  font-weight: 600;
  min-height: 1.25rem;
  padding: 0.25rem 0.375rem;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0.1875rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  margin-left: 0.375rem;
}
.site-drawer .drawer-menu .klb-menu li a .count {
  font-size: 0.6875rem;
  margin-left: auto;
}
.site-drawer .drawer-menu .klb-menu li .menu-dropdown {
  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: 2rem;
  height: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  cursor: pointer;
}
.site-drawer .drawer-menu .klb-menu li .menu-dropdown svg {
  width: 1.25rem;
  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);
}
.site-drawer .drawer-menu .klb-menu li .sub-menu {
  position: relative;
  width: 100%;
  height: 0;
  padding-left: 0.9375rem;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.site-drawer .drawer-menu .klb-menu li .sub-menu li a {
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.site-drawer .drawer-menu .klb-menu li:not(.menu-item-has-children) .badge {
  margin-left: auto;
}
.site-drawer .drawer-menu .klb-menu li.active > .menu-dropdown svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.site-drawer .drawer-menu.drawer-category .klb-menu > li > a {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.site-drawer .drawer-menu.drawer-category .klb-menu > li.menu-item-object-product_cat + .menu-item-custom {
  border-top: 1px solid rgba(var(--color-rgb), 0.1);
  margin-top: 0.625rem;
  padding-top: 0.625rem;
}
.site-drawer .drawer-menu.drawer-secondary .klb-menu li a {
  font-size: 0.8125rem;
  line-height: 1;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.site-drawer .drawer-menu.drawer-secondary .klb-menu li a i {
  font-size: 140%;
}
.site-drawer .drawer-menu + .drawer-heading {
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .site-drawer .drawer-menu + .drawer-heading {
    margin-top: 2.5rem;
  }
}
.site-drawer .drawer-contact .contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.site-drawer .drawer-contact .contact-item .contact-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.125rem;
}
.site-drawer .drawer-contact .contact-item .contact-header i {
  font-size: 1.25rem;
  width: 1.375rem;
  margin-right: 0.625rem;
}
.site-drawer .drawer-contact .contact-item .contact-header i::before {
  margin: 0;
}
.site-drawer .drawer-contact .contact-item .contact-header .contact-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
}
.site-drawer .drawer-contact .contact-item .contact-header .contact-title a {
  color: currentColor;
}
.site-drawer .drawer-contact .contact-item .contact-description {
  font-size: 0.8125rem;
  opacity: 0.8;
}
.site-drawer .drawer-contact .contact-item .contact-description p {
  margin-bottom: 0;
}
.site-drawer .drawer-contact .contact-item + .contact-item {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid;
}
.site-drawer .site-copyright {
  font-size: 0.75rem;
  font-weight: 500;
}
.site-drawer .site-copyright a {
  font-weight: 500;
  color: var(--theme-primary-color);
}
.site-drawer.color-layout-theme {
  color: var(--color-text);
  background-color: var(--color-background);
}
.site-drawer.color-layout-theme .drawer-contact .contact-item + .contact-item {
  border-color: rgba(var(--color-rgb), 0.1);
}
.site-drawer.color-layout-white {
  color: #1B1F22;
  background-color: #FFF;
}
.site-drawer.color-layout-white .drawer-contact .contact-item + .contact-item {
  border-color: var(--color-gray100);
}
.site-drawer.color-layout-black {
  color: #FFF;
  background-color: var(--color-dark600);
}

/* ----- 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;
  }
}
.klb-banner.for-slider .entry-footer .btn {
  height: 2.5rem;
}
@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 {
  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;
  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: currentColor;
}
.klb-slider-wrapper .klb-slider .slick-nav {
  width: 2.375rem;
  height: 4.25rem;
  color: currentColor;
  background-color: transparent;
}
.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: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-slider-wrapper .klb-slider.arrows-white-border .slick-nav {
  color: #1B1F22;
  background-color: #FFF;
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-slider-wrapper .klb-slider.arrows-white-border .slick-nav {
  color: #1B1F22;
  background-color: #FFF;
  border-color: var(--color-gray300);
}
.klb-slider-wrapper .klb-slider.arrows-white-opacity .slick-nav {
  color: #1B1F22;
  background-color: rgba(255, 255, 255, 0.25);
}
.klb-slider-wrapper .klb-slider.arrows-white-opacity .slick-nav:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
.klb-slider-wrapper .klb-slider.arrows-theme .slick-nav {
  color: var(--color-text);
  background-color: var(--color-background);
  border: 1px solid rgba(var(--color-rgb), 0.1);
}
.klb-slider-wrapper .klb-slider.arrows-theme .slick-nav:hover {
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
.klb-slider-wrapper .klb-slider.arrows-dark .slick-nav {
  color: #FFF;
  background-color: rgba(27, 31, 34, 0.25);
}
.klb-slider-wrapper .klb-slider.arrows-dark .slick-nav:hover {
  background-color: rgba(27, 31, 34, 0.35);
}
.klb-slider-wrapper .klb-slider.arrows-style-1 .slick-nav {
  width: 2rem;
  height: 4.25rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}
.klb-slider-wrapper .klb-slider.arrows-style-1 .slick-nav svg {
  width: 56%;
  height: auto;
}
.klb-slider-wrapper .klb-slider.arrows-style-1 .slick-nav svg > * {
  stroke-width: 2.5;
}
.klb-slider-wrapper .klb-slider.arrows-style-1.carousel-style .slick-nav.slick-prev {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.klb-slider-wrapper .klb-slider.arrows-style-1.carousel-style .slick-nav.slick-next {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.klb-slider-wrapper .klb-slider.arrows-style-2 .slick-nav {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.klb-slider-wrapper .klb-slider.arrows-style-2 .slick-nav svg {
  width: 0.875rem;
  height: auto;
}
.klb-slider-wrapper .klb-slider.arrows-style-2 .slick-nav svg > * {
  stroke-width: 2;
}
.klb-slider-wrapper .klb-slider.arrows-style-2 .slick-nav.slick-prev svg {
  position: relative;
  left: -0.0625rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2 .slick-nav.slick-next svg {
  position: relative;
  right: -0.0625rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.carousel-style .slick-nav.slick-prev {
  left: -1.25rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.carousel-style .slick-nav.slick-next {
  right: -1.25rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.slider-style .slick-nav {
  width: 3rem;
  height: 3rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.slider-style .slick-nav svg {
  width: 1.125rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.slider-style:not(.full-width) .slick-nav.slick-prev {
  left: -1.5rem;
}
.klb-slider-wrapper .klb-slider.arrows-style-2.slider-style:not(.full-width) .slick-nav.slick-next {
  right: -1.5rem;
}
.klb-slider-wrapper .slick-dots {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .klb-slider-wrapper .slick-dots {
    margin: 1.875rem 0 0;
  }
}
.klb-slider-wrapper .slick-dots li {
  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;
  height: auto;
  line-height: 0;
}
.klb-slider-wrapper .slick-dots li button {
  all: unset;
  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: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
body[data-color=custom][data-theme=light] .klb-slider-wrapper .slick-dots li button {
  background-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=custom][data-theme=light] .klb-slider-wrapper .slick-dots li button:hover {
  background-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .klb-slider-wrapper .slick-dots li button {
  background-color: var(--color-gray300);
}
body[data-color=default] .klb-slider-wrapper .slick-dots li button:hover {
  background-color: var(--color-gray400);
}
.klb-slider-wrapper .slick-dots li.slick-active > button {
  background-color: var(--theme-primary-color) !important;
}
.klb-slider-wrapper .klb-slider.dots-style-2 .slick-dots {
  gap: 0.5625rem;
}
.klb-slider-wrapper .klb-slider.dots-style-2 .slick-dots li.slick-active button {
  border: 1px solid var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--theme-primary-color);
          box-shadow: 0 0 0 2px var(--theme-primary-color);
  background-color: transparent !important;
}
@media screen and (min-width: 768px) {
  .klb-slider-wrapper .klb-slider.slider-style .slick-dots {
    position: absolute;
    bottom: 1.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: rgba(27, 31, 34, 0.3);
    padding: 0.375rem 0.5rem;
    border-radius: 1.25rem;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .klb-slider-wrapper .klb-slider.slider-style.dots-style-1 .slick-dots li button {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .klb-slider-wrapper .klb-slider.slider-style.dots-style-1 .slick-dots li button:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .klb-slider-wrapper .klb-slider.slider-style.dots-style-1 .slick-dots li.slick-active > button {
    background-color: white !important;
  }
}
.klb-slider-wrapper .klb-slider.gutter-2 .slick-track {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.klb-slider-wrapper .klb-slider.gutter-2 .slick-track .slider-item {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.klb-slider-wrapper .klb-slider.gutter-5 .slick-list {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.klb-slider-wrapper .klb-slider.gutter-5 .slick-list .slider-item {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.klb-slider-wrapper .klb-slider.gutter-10 .slick-list {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.klb-slider-wrapper .klb-slider.gutter-10 .slick-list .slider-item {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.klb-slider-wrapper .klb-slider.gutter-15 .slick-list {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.klb-slider-wrapper .klb-slider.gutter-15 .slick-list .slider-item {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.klb-slider-wrapper .klb-slider.gutter-25 .slick-list {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}
.klb-slider-wrapper .klb-slider.gutter-25 .slick-list .slider-item {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.klb-slider-wrapper .klb-slider.full-width {
  margin-left: 0;
  margin-right: 0;
}
.klb-slider-wrapper .klb-slider.full-width .slider-item {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .slick-nav.slick-prev {
    left: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .klb-slider-wrapper .klb-slider.full-width .slick-nav.slick-next {
    right: 1.875rem;
  }
}
.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);
}

/* ----- countdown component ----- */
.klb-countdown-wrapper {
  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-countdown-wrapper .klb-countdown {
  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: 600;
  line-height: 1;
}
.klb-countdown-wrapper .klb-countdown .count-item {
  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;
  text-align: center;
  min-width: 1.875rem;
  height: 1.5625rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0.1875rem;
  border: 1px solid;
  border-radius: calc(var(--theme-radius-base) / 2);
}
.klb-countdown-wrapper .klb-countdown .count-item .count {
  width: 1.1875rem;
}
.klb-countdown-wrapper .klb-countdown .count-item .count-label {
  font-size: 85%;
  font-weight: 400;
  margin-left: 0.25rem;
}
.klb-countdown-wrapper .klb-countdown .count-item + span {
  margin-left: 0.1875rem;
}
.klb-countdown-wrapper .klb-countdown.not-labelled .count-label {
  display: none;
}
.klb-countdown-wrapper .klb-countdown.separate-second .sep-h, .klb-countdown-wrapper .klb-countdown.separate-second .sep-m {
  display: none;
}
.klb-countdown-wrapper .klb-countdown.size-xs {
  font-size: 0.75rem;
}
.klb-countdown-wrapper .klb-countdown.size-xs .count-item {
  width: 1.875rem;
  height: 1.5rem;
  line-height: 1.625rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.klb-countdown-wrapper .klb-countdown.size-xs .count-item .count-label {
  font-size: 80%;
}
.klb-countdown-wrapper .klb-countdown.size-xs .count-item:first-child {
  margin-left: 0;
}
.klb-countdown-wrapper .klb-countdown.size-md {
  font-size: 1rem;
}
.klb-countdown-wrapper .klb-countdown.size-md .count-item {
  height: 1.875rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.klb-countdown-wrapper .klb-countdown.size-md .count-item .count {
  width: 1.4375rem;
}
.klb-countdown-wrapper .klb-countdown.size-md .count-item .count-label {
  font-size: 80%;
}
.klb-countdown-wrapper .klb-countdown.size-lg {
  font-size: 1.125rem;
}
.klb-countdown-wrapper .klb-countdown.size-lg .count-item {
  height: 2.125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.klb-countdown-wrapper .klb-countdown.size-lg .count-item .count {
  width: 1.5625rem;
}
.klb-countdown-wrapper .klb-countdown.size-lg .count-item .count-label {
  position: relative;
  font-size: 80%;
  line-height: 2.125rem;
  top: 1px;
}
.klb-countdown-wrapper .klb-countdown.filled > span {
  opacity: 0.4;
}
.klb-countdown-wrapper .klb-countdown.filled .count-item {
  border-color: transparent;
  background-color: var(--color-gray100);
}
body[data-color=custom][data-theme=light] .klb-countdown-wrapper .klb-countdown.filled .count-item {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .klb-countdown-wrapper .klb-countdown.filled .count-item {
  background-color: var(--color-gray200);
}
.klb-countdown-wrapper .klb-countdown.filled.red .count-item {
  color: #FFF !important;
  background-color: var(--color-red600) !important;
}
.klb-countdown-wrapper .klb-countdown.filled.red .count-item .count-label {
  opacity: 0.6;
}
.klb-countdown-wrapper .klb-countdown.opacity-white .count-item {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: transparent;
}
.klb-countdown-wrapper .klb-countdown.opacity-black .count-item {
  color: #1B1F22;
  background-color: rgba(27, 31, 34, 0.1) !important;
  border-color: transparent;
}
.klb-countdown-wrapper .klb-countdown.opacity-primary .count-item {
  color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-color-RGB), 0.12) !important;
  border-color: transparent;
}
.klb-countdown-wrapper .klb-countdown.style-minimal {
  gap: 0.9375rem;
}
.klb-countdown-wrapper .klb-countdown.style-minimal .count-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0;
  height: auto;
  border: 0;
}
@media screen and (min-width: 1024px) {
  .klb-countdown-wrapper .klb-countdown.style-minimal .count-item .count {
    font-size: 2.75rem;
    width: 3.125rem;
  }
}
.klb-countdown-wrapper .klb-countdown.style-minimal .count-item .count-label {
  font-size: 0.625rem;
  text-transform: uppercase;
  line-height: 1.8;
  margin-left: 0;
  opacity: 0.5;
}
.klb-countdown-wrapper .klb-countdown.style-minimal .count-item + span {
  display: none;
}
.klb-countdown-wrapper .klb-countdown.style-mini .count-item {
  border: 0;
  height: auto;
}

/* ----- Theme notification settings ----- */
.top-notification {
  position: relative;
  text-align: center;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
  color: #FFF;
  background-repeat: no-repeat;
  background-color: #004798;
  background-size: cover;
  z-index: 11;
}
.top-notification .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 992px) {
  .top-notification .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.top-notification p {
  margin-bottom: 0;
}
.top-notification p img {
  position: relative;
  max-width: 1.5rem;
  margin-right: 0.4375rem;
  top: -1px;
}
.top-notification .klb-countdown-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 992px) {
  .top-notification .klb-countdown-wrapper {
    margin-left: 0.625rem;
    margin-top: 0;
  }
}
.top-notification .klb-countdown-wrapper .klb-countdown > *:nth-child(2), .top-notification .klb-countdown-wrapper .klb-countdown > *:nth-child(4) {
  display: none;
}
.top-notification .klb-countdown-wrapper .klb-countdown > span {
  margin-left: 0.25rem;
}
.top-notification .klb-countdown-wrapper .klb-countdown .count-item {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-left: 0.25rem;
}
.top-notification .klb-countdown-wrapper .klb-countdown .count-item .count-label {
  opacity: 0.5;
}

/* ----- Theme iconlist settings ----- */
.klb-iconlist ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.5625rem;
     -moz-column-gap: 1.5625rem;
          column-gap: 1.5625rem;
  white-space: nowrap;
  list-style: none;
  width: 100%;
  overflow-x: scroll;
  margin: 0;
  padding: 0 0 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .klb-iconlist ul {
    white-space: normal;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
    overflow: visible;
    padding: 0;
  }
}
.klb-iconlist ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-iconlist ul li .icon {
  font-size: 1.375rem;
  margin-right: 0.5rem;
}
.klb-iconlist ul li .icon i {
  line-height: 1;
}
.klb-iconlist ul li .icon i::before {
  margin: 0;
}
.klb-iconlist ul li .icon i.klb-ecommerce-icon-like {
  font-size: 1.25rem;
}
.klb-iconlist ul li .text p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

/* ----- Categories component ----- */
.klb-category-block.style-1 {
  position: relative;
  border-radius: var(--theme-radius-base);
}
body[data-color=custom][data-theme=light] .klb-category-block.style-1 {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .klb-category-block.style-1 {
  background-color: var(--color-gray100);
}
.klb-category-block.style-1 a {
  color: currentColor;
}
.klb-category-block.style-1 .category-detail {
  padding: 1.25rem 1.25rem 1.5625rem;
}
@media screen and (min-width: 992px) {
  .klb-category-block.style-1 .category-detail {
    padding: 1.5625rem 1.5625rem 1.875rem;
  }
}
.klb-category-block.style-1 .category-detail .entry-title {
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .klb-category-block.style-1 .category-detail .entry-title {
    font-size: 0.9375rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.klb-category-block.style-1 .category-detail > ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 9;
}
.klb-category-block.style-1 .category-detail > ul li a {
  position: relative;
  display: inline-block;
  font-size: 0.75rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.klb-category-block.style-1 .category-detail > 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-category-block.style-1 .category-detail > ul li a:hover::before {
  opacity: 1;
}
.klb-category-block.style-1 .category-thumbnail img {
  height: 4.125rem;
  margin-left: auto;
  margin-right: auto;
}
.klb-category-block.style-2 {
  position: relative;
  text-align: center;
}
.klb-category-block.style-2 .category-thumbnail {
  margin-bottom: 0.625rem;
  padding: 1.25rem 1.25rem 0;
}
@media screen and (min-width: 1024px) {
  .klb-category-block.style-2 .category-thumbnail {
    padding: 1.5625rem 1.5625rem 0;
  }
}
.klb-category-block.style-2 .category-detail .entry-title {
  font-size: 0.9375rem;
  -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);
}
.klb-category-block.style-2 .category-detail .category-count {
  font-size: 0.75rem;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
.klb-category-block.style-2:hover .category-detail .entry-title {
  color: var(--theme-primary-color);
}
.klb-category-block.style-2:hover .category-detail .category-count {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.klb-category-block.style-2.small .category-detail .entry-title {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}
.klb-category-block.style-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.klb-category-block.style-3 .category-thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 35%;
  margin-right: 1.25rem;
}
.klb-category-block.style-3 .category-detail .entry-title {
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.klb-category-block.style-3 .category-detail .category-count {
  font-size: 0.75rem;
  opacity: 0.4;
}
.klb-category-block.style-3 .category-detail .sub-categories {
  list-style: none;
  margin: 0.5rem 0 0.75rem;
  padding: 0;
}
.klb-category-block.style-3 .category-detail .sub-categories li a {
  position: relative;
  font-size: 0.8125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  color: var(--color-gray700);
}
.klb-category-block.style-3 .category-detail .sub-categories 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-category-block.style-3 .category-detail .sub-categories li a:hover::before {
  opacity: 1;
}
.klb-category-block.style-3 .category-detail .btn {
  font-size: 0.8125rem;
}
.klb-category-block.style-4 {
  position: relative;
}
.klb-category-block.style-4 .entry-title {
  font-size: 1rem;
  text-align: center;
  margin-top: 0.625rem;
}
.klb-category-block.style-4 .category-count {
  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;
  padding: 0.375rem 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  background-color: var(--color-background);
  top: 0.625rem;
  right: 0.625rem;
  border-radius: var(--theme-radius-base);
  opacity: 0;
  -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);
}
.klb-category-block.style-4:hover .category-count {
  opacity: 1;
}
.klb-category-block.style-5 {
  position: relative;
}
.klb-category-block.style-5 .category-detail {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0.9375rem;
}
.klb-category-block.style-5 .entry-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--theme-body-font);
  font-size: 0.8125rem;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0.625rem;
  background-color: var(--color-background);
  border: 1px solid var(--color-text);
  padding: 0.3125rem 0.625rem;
}
.klb-category-block.style-5:hover .category-count {
  opacity: 1;
}
.klb-category-block.style-6 {
  position: relative;
  text-align: center;
}
.klb-category-block.style-6 .category-thumbnail {
  margin-bottom: 0.625rem;
  background-color: var(--color-gray50);
  border-radius: 0.1875rem;
}
.klb-category-block.style-6 .category-detail .entry-title {
  font-size: 1rem;
  margin-bottom: 0.1875rem;
  -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);
}
.klb-category-block.style-6 .category-detail .category-count {
  font-size: 0.75rem;
  color: var(--color-gray600);
}
.klb-category-block.style-6:hover .category-detail .entry-title {
  color: var(--theme-primary-color);
}
.klb-category-block.style-7 {
  position: relative;
  text-align: center;
}
.klb-category-block.style-7 .category-thumbnail {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 0.625rem;
  border-radius: 0.1875rem;
}
.klb-category-block.style-7 .category-detail .entry-title {
  font-size: 0.875rem;
  margin-bottom: 0.1875rem;
  -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);
}
.klb-category-block.style-7 .category-detail .category-count {
  font-size: 0.75rem;
  color: var(--color-gray600);
}
.klb-category-block.style-7:hover .category-detail .entry-title {
  color: var(--theme-primary-color);
}
.klb-category-block.style-8 {
  position: relative;
  border: 1px solid var(--color-gray300);
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
.klb-category-block.style-8 .category-detail {
  padding: 1.25rem;
}
.klb-category-block.style-8 .category-detail > img {
  max-height: 4.125rem;
  margin-left: auto;
  margin-right: auto;
}
.klb-category-block.style-8 .category-detail .category-count {
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  opacity: 0.6;
}
.klb-category-block.style-9 {
  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;
  -webkit-transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.klb-category-block.style-9 .category-thumbnail svg {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .klb-category-block.style-9 .category-thumbnail svg {
    height: auto;
  }
}
.klb-category-block.style-9 .category-detail {
  position: absolute;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.klb-category-block.style-9 .category-detail .entry-title {
  font-size: 1.375rem;
  margin-bottom: 0;
}
.klb-category-block.style-9 .category-detail .entry-title span {
  display: block;
  width: 100%;
}
.klb-category-block.style-9:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.klb-category-block .rounded {
  position: relative;
  border-radius: 50% !important;
  overflow: hidden;
}

/* Category parent */
.category-bordered.slick-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] .category-bordered.slick-slider .slick-list::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .category-bordered.slick-slider .slick-list::before {
  border-color: var(--color-gray200);
}
.category-bordered.slick-slider .slick-list .slider-item {
  position: relative;
}
.category-bordered.slick-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] .category-bordered.slick-slider .slick-list .slider-item:not(.slick-current)::after {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .category-bordered.slick-slider .slick-list .slider-item:not(.slick-current)::after {
  background-color: var(--color-gray200);
}
.category-bordered.slick-slider .slick-list .klb-category-block {
  padding-bottom: 1.25rem;
}

/* ----- 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);
}

/*---------------------------------------------------- 
  05. Header
----------------------------------------------------*/
/* ----- Header global settings ----- */
.site-header:not(.transparent) {
  position: relative;
  z-index: 11;
}
[data-theme=light] .site-header:not(.transparent) .color-scheme-dark {
  color: #1B1F22;
}
.site-header:not(.transparent) .color-scheme-light {
  color: #FFF;
}
.site-header:not(.transparent) .color-scheme-theme {
  color: var(--color-text);
}
.site-header:not(.transparent) .color-layout-white {
  background-color: #FFF;
}
.site-header:not(.transparent) .color-layout-white.stuck {
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
.site-header:not(.transparent) .color-layout-white.stuck .header-inner {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.site-header:not(.transparent) .color-layout-white.stuck::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0;
  background-color: currentColor;
  opacity: 0.1;
}
.site-header:not(.transparent) .color-layout-black {
  background-color: #1B1F22;
}
.site-header:not(.transparent) .color-layout-black .header-decorator {
  color: #1B1F22;
}
.site-header:not(.transparent) .color-layout-red {
  background-color: var(--color-red600);
}
.site-header:not(.transparent) .color-layout-red .header-decorator {
  color: var(--color-red600);
}
.site-header:not(.transparent) .color-layout-theme {
  background-color: var(--color-background);
}
.site-header:not(.transparent) .color-layout-primary {
  background-color: var(--theme-primary-color);
}
.site-header:not(.transparent) .color-layout-primary .header-decorator {
  color: var(--theme-primary-color);
}
.site-header:not(.transparent) .color-layout-secondary {
  background-color: var(--theme-secondary-color);
}
.site-header:not(.transparent) .color-layout-secondary .header-decorator {
  color: var(--theme-secondary-color);
}
.site-header:not(.transparent) .color-layout-custom.green-light {
  background-color: #e5f3ef;
}
.site-header:not(.transparent) .color-layout-custom.green-light .header-decorator {
  color: #e5f3ef;
}
.site-header:not(.transparent) .color-layout-custom.dark-blue {
  background-color: #031424;
}
.site-header:not(.transparent) .color-layout-custom.dark-blue .header-decorator {
  color: #031424;
}
.site-header:not(.transparent) .color-layout-custom.brown {
  background-color: #3a2a2f;
}
.site-header:not(.transparent) .color-layout-custom.brown .header-decorator {
  color: #3a2a2f;
}
.site-header:not(.transparent) .color-layout-custom.brown-dark {
  background-color: #3a2a2f;
}
.site-header:not(.transparent) .color-layout-custom.brown-dark .header-decorator {
  color: #3a2a2f;
}
.site-header:not(.transparent) .color-layout-custom.auto-part {
  background-color: #132530;
}
.site-header:not(.transparent) .color-layout-custom.auto-part .header-decorator {
  color: #132530;
}
.site-header:not(.transparent) .color-layout-custom.medical {
  background-color: #05bbf2;
}
.site-header:not(.transparent) .color-layout-custom.medical .header-decorator {
  color: #05bbf2;
}
.site-header:not(.transparent) .color-layout-custom.jewellery {
  background-color: #faf5ea;
}
.site-header:not(.transparent) .color-layout-custom.baby {
  background-color: #ddf1eb;
}
.site-header:not(.transparent) .color-layout-custom.baby-1 {
  color: #fff;
  background-color: #00cae7;
}
.site-header:not(.transparent) .color-layout-custom.wine-menu {
  background-color: #fff4f6;
}
.site-header:not(.transparent) .color-layout-custom.book-dark {
  color: #fff;
  background-color: #1a2a4e;
}
.site-header:not(.transparent) .color-layout-custom.toys {
  color: #fff;
  background-color: #ec073c;
}
.site-header:not(.transparent) .color-layout-custom.garden-nav {
  background-color: #f8f5ec;
}
.site-header:not(.transparent) .detail-secondary .header-search-form .search-form button, .site-header:not(.transparent) .detail-secondary .header-action .action-icon .action-count {
  background-color: var(--theme-secondary-color) !important;
}
.site-header:not(.transparent) .detail-secondary .header-search-form.is-searchable form button {
  background-color: var(--theme-primary-color) !important;
  -webkit-transition: none;
  transition: none;
}
@media screen and (min-width: 1024px) {
  .site-header.header-transparent-desktop {
    position: absolute;
    width: 100%;
  }
  .site-header.header-transparent-desktop .header-topbar {
    color: #fff !important;
    background-color: transparent !important;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) {
    color: #fff !important;
    background-color: transparent !important;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .site-brand .dark-logo {
    opacity: 0;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .site-brand .light-logo {
    opacity: 1;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input::-webkit-input-placeholder {
    color: #FFF;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input::-moz-placeholder {
    color: #FFF;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:-ms-input-placeholder {
    color: #FFF;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input::-ms-input-placeholder {
    color: #FFF;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input::placeholder {
    color: #FFF;
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus {
    color: var(--color-text);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active::-webkit-input-placeholder, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus::-webkit-input-placeholder {
    color: var(--color-gray600);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active::-moz-placeholder, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus::-moz-placeholder {
    color: var(--color-gray600);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active:-ms-input-placeholder, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus:-ms-input-placeholder {
    color: var(--color-gray600);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active::-ms-input-placeholder, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus::-ms-input-placeholder {
    color: var(--color-gray600);
  }
  .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:active::placeholder, .site-header.header-transparent-desktop .header-main:not(.stuck) .search-form .search-input:focus::placeholder {
    color: var(--color-gray600);
  }
  .site-header.header-transparent-desktop .border-bottom:not(.stuck) {
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
  }
}
.site-header .header-decorator {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  left: 0;
}
.site-header .bordered-bottom-dark {
  border-bottom: 2px solid #1B1F22 !important;
}
.site-header .header-row {
  background-repeat: no-repeat;
  background-size: cover;
}
.site-header .header-row.stuck {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
.site-header .header-inner > .col + * {
  padding-left: 0.9375rem;
}
.site-header .header-inner > .col > * + * {
  margin-left: 0.9375rem;
}
.site-header .header-search-form {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
}
.site-header .header-search-form::before {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1B1F22;
  opacity: 0;
  visibility: hidden;
}
.site-header .header-search-form .search-form {
  position: relative;
}
.site-header .header-search-form .search-form::before {
  position: absolute;
  content: "";
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  top: -0.5rem;
  background-color: var(--color-background);
  border-top-left-radius: calc(var(--theme-radius-base) + 2px);
  border-top-right-radius: calc(var(--theme-radius-base) + 2px);
  opacity: 0;
  visibility: hidden;
}
.site-header .header-search-form .search-form input {
  position: relative;
  font-weight: 500;
  color: var(--color-text);
  padding-right: 3rem !important;
}
@media screen and (min-width: 768px) {
  .site-header .header-search-form .search-form input {
    font-size: 0.9375rem;
    line-height: 3rem;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.site-header .header-search-form .search-form input::-webkit-input-placeholder {
  font-weight: 400;
}
.site-header .header-search-form .search-form input::-moz-placeholder {
  font-weight: 400;
}
.site-header .header-search-form .search-form input:-ms-input-placeholder {
  font-weight: 400;
}
.site-header .header-search-form .search-form input::-ms-input-placeholder {
  font-weight: 400;
}
.site-header .header-search-form .search-form input::placeholder {
  font-weight: 400;
}
.site-header .header-search-form .search-form button {
  position: absolute;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
  min-width: 3rem;
  height: 100%;
  top: 0;
  right: 0;
  color: currentColor;
  border-top-right-radius: var(--theme-radius-form);
  border-bottom-right-radius: var(--theme-radius-form);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.site-header .header-search-form .search-form button i {
  position: relative;
}
.site-header .header-search-form .search-form button i::before {
  margin: 0;
}
.site-header .header-search-form .search-form.form-style-primary input {
  background-color: transparent;
  border-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
          box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
}
.site-header .header-search-form .search-form.form-style-primary input:hover {
  background-color: transparent;
}
.site-header .header-search-form .search-form.form-style-primary button {
  color: #FFF;
  background-color: var(--theme-primary-color);
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.site-header .header-search-form .search-form.form-style-white-primary input {
  background-color: #FFF;
  border-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
          box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
}
.site-header .header-search-form .search-form.form-style-white-primary input:hover {
  background-color: #FFF;
  border-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
          box-shadow: 0 0 0 0.0625rem var(--theme-primary-color) !important;
}
.site-header .header-search-form .search-form.form-style-white-primary button {
  color: #FFF;
  background-color: var(--theme-primary-color);
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.site-header .header-search-form .search-form.form-style-white-custom-organic input {
  background-color: #FFF;
  border-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.0625rem #296601 !important;
          box-shadow: 0 0 0 0.0625rem #296601 !important;
}
.site-header .header-search-form .search-form.form-style-white-custom-organic input:hover {
  background-color: #FFF;
  border-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.0625rem #296601 !important;
          box-shadow: 0 0 0 0.0625rem #296601 !important;
}
.site-header .header-search-form .search-form.form-style-white-custom-organic button {
  color: #FFF;
  background-color: #296601;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.site-header .header-search-form .search-form .input-search-addon {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid;
  z-index: 1;
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .search-form .input-search-addon {
  border-color: rgba(var(--color-rgb), 0.25);
}
body[data-color=default] .site-header .header-search-form .search-form .input-search-addon {
  border-color: var(--color-gray300);
}
.site-header .header-search-form .search-form .input-search-addon .selected-value {
  position: fixed;
  font-family: var(--theme-form-font);
  font-size: var(--theme-form-font-size);
  font-weight: var(--theme-form-font-weight);
  letter-spacing: var(--theme-form-letter-spacing);
  padding-left: 0.75rem;
  padding-right: 1.875rem;
  left: -10000px;
  visibility: hidden;
  opacity: 0;
}
.site-header .header-search-form .search-form .input-search-addon .form-select {
  font-size: 0.875rem;
  height: 100%;
  color: var(--color-text);
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  outline: none;
}
.site-header .header-search-form .header-search-results {
  position: absolute;
  color: var(--color-text);
  background-color: var(--color-background);
  top: calc(100% + 3px);
  left: -0.5rem;
  right: -0.5rem;
  padding: 0.9375rem 0.625rem 0.625rem;
  border-bottom-left-radius: calc(var(--theme-radius-base) + 2px);
  border-bottom-right-radius: calc(var(--theme-radius-base) + 2px);
  opacity: 0;
  visibility: hidden;
}
.site-header .header-search-form .header-search-results .search-results-heading {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-gray500);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-bottom: 0.5rem;
}
.site-header .header-search-form .header-search-results ul {
  margin: 0;
  padding: 0 0 0.625rem;
  list-style: none;
}
.site-header .header-search-form .header-search-results ul.tag-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.25rem;
  padding-left: 0.625rem;
  padding-left: 0.625rem;
}
.site-header .header-search-form .header-search-results ul.tag-style li {
  margin: 0.25rem;
}
.site-header .header-search-form .header-search-results ul.tag-style li a {
  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;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: calc(var(--theme-radius-form) / 2);
  -webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .header-search-results ul.tag-style li a {
  border: 1px solid rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .site-header .header-search-form .header-search-results ul.tag-style li a {
  border: 1px solid var(--color-gray300);
}
.site-header .header-search-form .header-search-results ul.tag-style li a:hover {
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
.site-header .header-search-form .header-search-results ul.list-style {
  margin-top: -0.5rem;
}
.site-header .header-search-form .header-search-results ul.list-style li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}
.site-header .header-search-form .header-search-results ul.list-style li a .count {
  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.75rem;
  opacity: 0.5;
  margin-left: auto;
}
.site-header .header-search-form .header-search-results ul.list-style li a .count i {
  font-size: 0.875rem;
  margin-right: 0.3125rem;
  line-height: 1;
}
.site-header .header-search-form .header-search-results ul.list-style li a .count i::before {
  margin: 0;
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .header-search-results ul.list-style li a:hover {
  background-color: rgba(var(--color-rgb), 0.07);
}
body[data-color=default] .site-header .header-search-form .header-search-results ul.list-style li a:hover {
  background-color: var(--color-gray50);
}
.site-header .header-search-form .header-search-results ul + .search-results-heading {
  margin-top: 0.625rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding: 0.9375rem 0.9375rem 1.25rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 15rem;
  padding-top: 0;
  padding-left: 0.625rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column::before {
  background-color: var(--color-gray100);
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column ul li + li {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column ul li + li {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column ul li + li {
  border-color: var(--color-gray100);
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.keywords-column ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.grid-style {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.25rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.grid-style::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}
body[data-color=custom][data-theme=light] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.grid-style::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.grid-style::before {
  background-color: var(--color-gray100);
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.grid-style .product-title {
  font-size: 0.9375rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style .product + .product {
  margin-top: 1.875rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style .product .thumbnail-wrapper {
  width: 4.125rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style .product .price {
  font-size: 0.9375rem;
}
.site-header .header-search-form .header-search-results.grid-style.style-1 .column.products.list-style .product .product-title {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.site-header .header-search-form.is-searchable::before {
  opacity: 0.2;
  visibility: visible;
}
.site-header .header-search-form.is-searchable .search-form::before {
  opacity: 1;
  visibility: visible;
}
.site-header .header-search-form.is-searchable .header-search-results {
  opacity: 1;
  visibility: visible;
}
.site-header .site-brand .brand-text {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (min-width: 992px) {
  .site-header .site-brand .brand-text {
    font-size: 2.25rem;
  }
}
.site-header .site-brand img {
  height: 2.625rem;
}
.site-header .header-notify {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .header-notify i {
  font-size: 128%;
  margin-right: 0.4375rem;
  line-height: 1;
}
.site-header .header-notify i::before {
  margin: 0;
}
.site-header .header-notify p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  margin-bottom: 0;
}
.site-header .header-notify p strong {
  display: inline-block;
  font-weight: 600;
}
.site-header .header-notify p a {
  font-weight: 600;
  margin-left: 0.1875rem;
}
.site-header .header-notify.link-filled p a {
  padding: 0.0625rem 0.5625rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  border-radius: 1.75rem;
  background-color: var(--color-gray100);
}
.site-header .header-notify.icon-large i {
  font-size: 145%;
  margin-right: 0.625rem;
}
.site-header .header-notify.location-text strong {
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-header .custom-button {
  height: 100%;
}
.site-header .custom-button > 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;
  height: 100%;
  line-height: 0;
  margin-bottom: 0;
}
.site-header .custom-button > a i {
  font-size: 128%;
  margin-right: 0.625rem;
  line-height: 1;
}
.site-header .custom-button > a i::before {
  margin: 0;
}
.site-header .custom-button > a.has-dropdown::after {
  font-family: "klbtheme";
  font-size: 88%;
  content: "\ea1b";
  margin-left: 0.625rem;
}
.site-header .custom-button .sub-menu {
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
  top: 100%;
  color: var(--color-text);
  padding-top: 1.5625rem;
  padding-bottom: 3.75rem;
  background-color: #FFF;
  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);
}
.site-header .custom-button .sub-menu .mega-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
.site-header .custom-button .sub-menu .mega-header .entry-title {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.site-header .custom-button .sub-menu .mega-header .entry-description {
  margin-left: 0.9375rem;
}
.site-header .custom-button .sub-menu .mega-header .entry-description p {
  font-size: 0.875rem;
  margin-bottom: 0;
  opacity: 0.6;
}
.site-header .custom-button .sub-menu .products {
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
}
.site-header .custom-button .sub-menu .products .product {
  position: relative;
}
.site-header .custom-button .sub-menu .products .product::after {
  content: "";
  position: absolute;
  width: 0.0625rem;
  height: 100%;
  top: 0;
  left: -1.875rem;
  background-color: currentColor;
}
body[data-color=custom][data-theme=light] .site-header .custom-button .sub-menu .products .product::after {
  background-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .site-header .custom-button .sub-menu .products .product::after {
  background-color: var(--color-gray200);
}
.site-header .custom-button .sub-menu .products .product:first-child::after {
  display: none;
}
.site-header .custom-button .sub-menu .products .product .price {
  line-height: initial;
}
.site-header .custom-button:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.site-header .custom-link > 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;
  height: 100%;
  line-height: 0;
  margin-bottom: 0;
}
.site-header .custom-link > a i {
  font-size: 128%;
  margin-right: 0.625rem;
  line-height: 1;
}
.site-header .custom-link > a i::before {
  margin: 0;
}
.site-header .theme-toggle .theme-mode-toggle {
  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;
}
.site-header .theme-toggle .theme-mode-toggle .toggle-icon {
  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.8125rem;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.375rem;
}
.site-header .theme-toggle .theme-mode-toggle .toggle-icon i {
  line-height: 1;
}
.site-header .theme-toggle .theme-mode-toggle .toggle-icon i::before {
  margin: 0;
}
.site-header .theme-toggle .theme-mode-toggle .toggle-text {
  font-weight: 500;
  margin-left: 0.4375rem;
}
.site-header .theme-toggle .theme-mode-toggle .toggle-text .light-theme {
  display: none;
}
.site-header .header-action > *:not(.dropdown-menu) {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 2.375rem;
  height: 2.375rem;
}
.site-header .header-action .action-icon {
  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: 2.375rem;
  height: 100%;
}
.site-header .header-action .action-icon i {
  font-size: 1.625rem;
  line-height: 1;
}
.site-header .header-action .action-icon i::before {
  margin: 0;
}
.site-header .header-action .action-icon i.klb-icon-user-big {
  font-size: 1.5rem;
}
.site-header .header-action .action-icon i.klb-icon-italic-shop, .site-header .header-action .action-icon i.klb-icon-hearth-wide, .site-header .header-action .action-icon i.klb-icon-user-cut {
  font-size: 1.75rem;
}

.site-header .header-action .action-icon .action-count {
  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.625rem;
  font-weight: 500;
  line-height: 1.0625rem;
  min-width: 1.0625rem;
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  top: 0.125rem;
  right: -0.125rem;
  color: #FFF;
  background-color: var(--theme-primary-color);
}
.site-header .header-action .action-text {
  line-height: 1.3;
}
.site-header .header-action .action-text > span {
  display: block;
  font-size: 0.6875rem;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.4;
}
.site-header .header-action .action-text p {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
}
.site-header .header-action.row-style .action-text {
  margin-left: 0.625rem;
}
.site-header .header-action.column-style > *:not(.dropdown-menu) {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.site-header .header-action.column-style > *:not(.dropdown-menu) .action-icon {
  height: 2.375rem;
  top: -0.1875rem;
}
.site-header .header-action.column-style > *:not(.dropdown-menu) .action-text {
  margin-top: -0.125rem;
}
.site-header .header-action.column-style > *:not(.dropdown-menu) .action-text p {
  font-size: 0.8125rem;
}
.site-header .header-action.column-style + .column-style {
  margin-left: 1.75rem;
}

.site-header .header-action.cart-button .custom-dropdown-menu {
  z-index: 10;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-empty {
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-empty .empty-icon {
  margin-bottom: 1.25rem;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-empty .empty-icon svg {
  width: 4.75rem;
  height: 4.75rem;
  fill: var(--color-gray200);
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-empty .empty-text {
  font-size: 0.875rem;
  font-weight: 500;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-discount {
  font-size: 0.75rem;
  text-align: center;
  border-top: 1px dashed var(--color-gray200);
  padding-top: 0.9375rem;
  margin-top: 0.9375rem;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-discount p {
  margin-bottom: 0;
}
.site-header .header-action.cart-button .custom-dropdown-body .cart-discount p strong {
  font-weight: 600;
  text-decoration: underline;
}
.site-header .header-action.cart-button .cart-not-empty {
  position: relative;
}
.site-header .header-action.cart-button .cart-not-empty .site-scroll.ps--active-y .remove_from_cart_button {
  margin-right: 0.5rem;
}
.site-header .header-action.cart-button .cart-not-empty .products {
  max-height: 15rem;
}
.site-header .header-action.cart-button .cart-not-empty .products .product + .product {
  margin-top: 0.625rem;
  padding-top: 0.9375rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .site-header .header-action.cart-button .cart-not-empty .products .product + .product {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .site-header .header-action.cart-button .cart-not-empty .products .product + .product {
  border-color: var(--color-gray100);
}
.site-header .header-action.cart-button .cart-not-empty .products .product .thumbnail-wrapper {
  width: 3rem;
}
.site-header .header-action.cart-button .cart-not-empty .products .product .product-title {
  font-size: 0.8125rem;
  margin-bottom: 0.3125rem;
}
.site-header .header-action.cart-button .cart-not-empty .products .product .price {
  font-size: 0.875rem;
}
.site-header .header-action.cart-button .cart-not-empty .products .product .price .woocommerce-Price-amount {
  color: var(--color-red600);
}
.site-header .header-action.cart-button .cart-not-empty .products .product .content-wrapper {
  padding-right: 0.3125rem;
}
.site-header .header-action.cart-button .cart-not-empty .products .product .remove_from_cart_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  font-size: 1rem;
  text-shadow: 0 0 0;
  margin-top: -0.1875rem;
}
.site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__total {
  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;
  font-size: 0.875rem;
  padding-top: 0.625rem;
  margin-bottom: 0.625rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__total {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__total {
  border-color: var(--color-gray100);
}
.site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__total strong {
  font-weight: 500;
}
.site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-red600);
}
.site-header .header-action.cart-button .cart-not-empty .klb-free-shipping {
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: calc(var(--theme-radius-base) / 2);
  background-color: var(--color-red25);
}
.site-header .header-action.cart-button .cart-not-empty .klb-free-shipping .shipping-progress {
  background-color: var(--color-red100);
}
.site-header .header-action.cart-button .cart-not-empty .klb-free-shipping .shipping-notice {
  font-size: 0.8125rem;
}
.site-header .header-action.cart-button .cart-not-empty .klb-free-shipping .shipping-notice i {
  display: none;
}
.site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}
.site-header .header-action.cart-button .cart-not-empty .woocommerce-mini-cart__buttons > * {
  font-size: 0.8125rem;
  height: 2.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.site-header .header-action.custom-toggle .action-link {
  height: 3rem;
  border: 1px solid var(--color-gray300);
  padding-left: 0.3125rem;
  padding-right: 0.75rem;
  border-radius: var(--theme-radius-base);
}
.site-header .header-action.custom-toggle .action-icon i {
  font-size: 1.5rem;
}
.site-header .header-action.custom-toggle.filled .action-link {
  border-radius: 0.125rem;
  border-color: transparent;
}
.site-header .header-action.custom-toggle.filled.light .action-link {
  background-color: rgba(255, 255, 255, 0.1);
}
.site-header .header-action.custom-toggle.filled.light .action-link:hover {
  background-color: rgba(255, 255, 255, 0.14);
}
.site-header .header-action.custom-toggle.filled.dark .action-link {
  background-color: rgba(27, 31, 34, 0.1);
}
.site-header .header-action.custom-toggle.filled.dark .action-link:hover {
  background-color: rgba(27, 31, 34, 0.14);
}
.site-header .header-action.search-holder .search-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 16.25rem;
  height: auto;
}
.site-header .header-action.search-holder .search-form .search-input {
  height: 2.75rem;
}
.site-header .header-action.search-holder .search-form .search-input::-webkit-input-placeholder {
  font-weight: 400 !important;
}
.site-header .header-action.search-holder .search-form .search-input::-moz-placeholder {
  font-weight: 400 !important;
}
.site-header .header-action.search-holder .search-form .search-input:-ms-input-placeholder {
  font-weight: 400 !important;
}
.site-header .header-action.search-holder .search-form .search-input::-ms-input-placeholder {
  font-weight: 400 !important;
}
.site-header .header-action.search-holder .search-form .search-input::placeholder {
  font-weight: 400 !important;
}
.site-header .header-action.search-holder .search-form button {
  position: absolute;
  font-size: 1.375rem;
  top: 0;
  right: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0.3125rem;
  color: currentColor;
  background-color: transparent;
}
.site-header .header-action.search-holder .search-form button:hover {
  background-color: transparent;
}

/* ----- Header topbar settings ----- */
.header-topbar {
  font-size: var(--theme-topbar-font-size);
  font-weight: var(--theme-topbar-font-weight);
}
.header-topbar a {
  color: currentColor;
  outline: none;
  -webkit-transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-topbar .header-inner {
  height: var(--theme-topbar-height);
}
.header-topbar .header-inner > * {
  height: 100%;
}
.header-topbar .klb-menu-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-topbar .klb-menu-nav .klb-menu-prefix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  margin-right: 0.625rem;
  opacity: 0.4;
}
.header-topbar .klb-menu-nav .klb-menu-prefix i {
  font-size: 128%;
  margin-right: 0.4375rem;
  line-height: 1;
  opacity: 1;
}
.header-topbar .klb-menu-nav .klb-menu-prefix i::before {
  margin: 0;
}
.header-topbar .klb-menu-nav .klb-menu > li > a {
  height: var(--theme-topbar-height);
  line-height: var(--theme-topbar-height);
}
.header-topbar .klb-menu-nav .klb-menu > li .sub-menu {
  left: -1.375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.header-topbar .klb-menu-nav .klb-menu > li .sub-menu .menu-item a {
  font-size: var(--theme-topbar-submenu-font-size);
  font-weight: var(--theme-topbar-submenu-font-weight);
  width: 100%;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: initial;
}
.header-topbar .klb-menu-nav + .klb-menu-nav::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 0.0625rem;
  height: 0.9375rem;
  background-color: currentColor;
  margin-right: 1.0625rem;
  opacity: 0.2;
}
.header-topbar .theme-toggle {
  margin-left: 1.25rem;
}
.header-topbar .header-notify .link-filled {
  padding: 0.0625rem 0.5625rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  border-radius: 1.75rem;
}
.header-topbar .header-notify + .klb-menu-nav {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-topbar .header-notify + .klb-menu-nav::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 0.0625rem;
  height: 0.9375rem;
  background-color: currentColor;
  margin-right: 1.0625rem;
  opacity: 0.2;
}
.header-topbar .custom-button > * {
  font-weight: 400;
}
.header-topbar .custom-button > * .badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: currentColor;
  max-height: 1.5625rem;
  margin-right: 0.25rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.header-topbar.color-scheme-custom {
  color: #1B1F22;
  background-color: #FFF;
}
[data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle .header-light-background, [data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link .header-light-background {
  background-color: var(--color-cool50);
}
[data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle .header-light-background, [data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link .header-light-background {
  background-color: rgba(27, 31, 34, 0.07);
}
[data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle:hover .header-light-background, [data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle:hover .custom-button-link, [data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link:hover .header-light-background, [data-color=default][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link:hover .custom-button-link {
  background-color: var(--color-cool100);
}
[data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle:hover .header-light-background, [data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .theme-mode-toggle:hover .custom-button-link, [data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link:hover .header-light-background, [data-color=custom][data-theme=light] .header-topbar:not(.color-layout-black) .custom-button-link:hover .custom-button-link {
  background-color: rgba(27, 31, 34, 0.1);
}
.header-topbar.color-layout-primary .theme-mode-toggle .header-light-background, .header-topbar.color-layout-primary .custom-button-link .header-light-background, .header-topbar.color-layout-black .theme-mode-toggle .header-light-background, .header-topbar.color-layout-black .custom-button-link .header-light-background {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.header-topbar.color-layout-primary .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-primary .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-primary .custom-button-link:hover .header-light-background, .header-topbar.color-layout-primary .custom-button-link:hover .custom-button-link, .header-topbar.color-layout-black .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-black .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-black .custom-button-link:hover .header-light-background, .header-topbar.color-layout-black .custom-button-link:hover .custom-button-link {
  background-color: rgba(255, 255, 255, 0.18) !important;
}
.header-topbar.color-layout-primary .header-notify.link-filled p a, .header-topbar.color-layout-black .header-notify.link-filled p a {
  background-color: rgba(255, 255, 255, 0.2);
}
.header-topbar.color-layout-custom.green-light .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.green-light .custom-button-link .header-light-background {
  background-color: rgba(var(--theme-primary-color-RGB), 0.12) !important;
}
.header-topbar.color-layout-custom.green-light .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.green-light .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.green-light .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.green-light .custom-button-link:hover .custom-button-link {
  background-color: rgba(var(--theme-primary-color-RGB), 0.16) !important;
}
.header-topbar.color-layout-custom.green-light .header-notify.link-filled p a {
  background-color: rgba(var(--theme-primary-color-RGB), 0.12) !important;
}
.header-topbar.color-layout-custom.dark-blue .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.dark-blue .custom-button-link .header-light-background {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.header-topbar.color-layout-custom.dark-blue .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.dark-blue .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.dark-blue .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.dark-blue .custom-button-link:hover .custom-button-link {
  background-color: rgba(255, 255, 255, 0.16) !important;
}
.header-topbar.color-layout-custom.dark-blue .header-notify.link-filled p a {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.header-topbar.color-layout-custom.brown-dark .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.brown-dark .custom-button-link .header-light-background, .header-topbar.color-layout-custom.auto-part .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.auto-part .custom-button-link .header-light-background, .header-topbar.color-layout-custom.primary .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.primary .custom-button-link .header-light-background {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.header-topbar.color-layout-custom.brown-dark .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.brown-dark .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.brown-dark .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.brown-dark .custom-button-link:hover .custom-button-link, .header-topbar.color-layout-custom.auto-part .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.auto-part .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.auto-part .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.auto-part .custom-button-link:hover .custom-button-link, .header-topbar.color-layout-custom.primary .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.primary .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.primary .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.primary .custom-button-link:hover .custom-button-link {
  background-color: rgba(255, 255, 255, 0.16) !important;
}
.header-topbar.color-layout-custom.brown-dark .header-notify.link-filled p a, .header-topbar.color-layout-custom.auto-part .header-notify.link-filled p a, .header-topbar.color-layout-custom.primary .header-notify.link-filled p a {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.header-topbar.color-layout-custom.medical .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.medical .custom-button-link .header-light-background {
  background-color: rgba(27, 31, 34, 0.12) !important;
}
.header-topbar.color-layout-custom.medical .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.medical .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.medical .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.medical .custom-button-link:hover .custom-button-link {
  background-color: rgba(27, 31, 34, 0.16) !important;
}
.header-topbar.color-layout-custom.medical .header-notify.link-filled p a {
  background-color: rgba(27, 31, 34, 0.12) !important;
}
.header-topbar.color-layout-custom.baby .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.baby .custom-button-link .header-light-background {
  background-color: rgba(27, 31, 34, 0.1) !important;
}
.header-topbar.color-layout-custom.baby .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.baby .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.baby .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.baby .custom-button-link:hover .custom-button-link {
  background-color: rgba(27, 31, 34, 0.16) !important;
}
.header-topbar.color-layout-custom.baby .header-notify.link-filled p a {
  background-color: rgba(27, 31, 34, 0.1) !important;
}
.header-topbar.color-layout-custom.baby-1 .theme-mode-toggle .header-light-background, .header-topbar.color-layout-custom.baby-1 .custom-button-link .header-light-background {
  background-color: rgba(27, 31, 34, 0.1) !important;
}
.header-topbar.color-layout-custom.baby-1 .theme-mode-toggle:hover .header-light-background, .header-topbar.color-layout-custom.baby-1 .theme-mode-toggle:hover .custom-button-link, .header-topbar.color-layout-custom.baby-1 .custom-button-link:hover .header-light-background, .header-topbar.color-layout-custom.baby-1 .custom-button-link:hover .custom-button-link {
  background-color: rgba(27, 31, 34, 0.16) !important;
}
.header-topbar.color-layout-custom.baby-1 .header-notify.link-filled p a {
  background-color: rgba(27, 31, 34, 0.1) !important;
}

/* ----- Header main settings ----- */
.header-main a {
  color: currentColor;
  -webkit-transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-main .header-inner {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .header-main .header-inner > .col + .col {
    padding-left: 2.1875rem;
  }
  .header-main .header-inner > .col + .col.center {
    padding-left: 2.5rem;
  }
}
.header-main.color-scheme-custom {
  color: #1B1F22;
  background-color: #FFF;
}
.header-main.color-layout-primary .header-action .action-icon .action-count {
  color: var(--theme-primary-color);
  background-color: var(--theme-secondary-color);
}
.header-main.color-layout-primary .header-search-form .form-style-light .search-input {
  background-color: #FFF;
}
.header-main.color-layout-primary .header-search-form .form-style-light button {
  color: #1B1F22;
}
.header-main.color-layout-primary .header-search-form.is-searchable .form-style-light button {
  color: #1B1F22;
}

/* ----- Header bottom settings ----- */
.header-bottom a {
  color: currentColor;
  -webkit-transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-bottom .header-inner {
  height: 3rem;
}
.header-bottom .header-inner > * {
  height: 100%;
}
.header-bottom .header-inner > * + * {
  padding-left: 1.875rem !important;
}
.header-bottom .dropdown-categories {
  width: 100%;
  height: 100%;
}
.header-bottom .dropdown-categories::before {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1B1F22;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.header-bottom .dropdown-categories > 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-family: var(--theme-menu-font);
  font-size: var(--theme-menu-font-size);
  font-weight: var(--theme-menu-font-weight);
  line-height: 0;
  width: 100%;
  height: 100%;
  padding-right: 1.125rem;
}
.header-bottom .dropdown-categories > a::after {
  position: relative;
  font-family: "klbtheme";
  font-size: 84%;
  content: "\ea1b";
  border: 0;
  top: 0.0625rem;
  margin-left: auto;
  text-shadow: 0 0 0;
}
.header-bottom .dropdown-categories > a .dropdown-menu-text {
  position: relative;
  z-index: 1;
}
.header-bottom .dropdown-categories > a .dropdown-menu-icon {
  position: relative;
  font-size: 1.375rem;
  margin-right: 0.9375rem;
  z-index: 1;
}
.header-bottom .dropdown-categories > a .dropdown-menu-icon i {
  line-height: 1;
}
.header-bottom .dropdown-categories > a .dropdown-menu-icon i::before {
  margin: 0;
}
.header-bottom .dropdown-categories > a[data-status=show] {
  pointer-events: none;
}
.header-bottom .dropdown-categories > a[data-status=show] + .dropdown-menu {
  display: block;
}
.header-bottom .dropdown-categories > a:not(.unset) {
  padding-left: 0.9375rem;
}
.header-bottom .dropdown-categories > a.default::before {
  content: "";
  position: absolute;
  width: 100%;
  top: -0.0625rem;
  bottom: 0;
  left: 0;
  border-top-left-radius: var(--theme-radius-base);
  border-top-right-radius: var(--theme-radius-base);
  border: 1px solid;
  border-bottom: 0;
}
.header-bottom .dropdown-categories > a.gray::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: var(--theme-radius-base);
  border-top-right-radius: var(--theme-radius-base);
  background-color: var(--color-gray50);
}
.header-bottom .dropdown-categories > a.primary::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: var(--theme-radius-base);
  border-top-right-radius: var(--theme-radius-base);
  background-color: var(--theme-primary-color);
}
.header-bottom .dropdown-categories .dropdown-menu {
  --bs-dropdown-zindex: 0;
  width: 100%;
  min-width: auto;
  color: currentColor;
  background-color: var(--color-background);
  padding: 0;
}
.header-bottom .dropdown-categories .dropdown-menu::before, .header-bottom .dropdown-categories .dropdown-menu::after {
  display: none;
}
.header-bottom .dropdown-categories .dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-bottom .dropdown-categories .dropdown-menu ul a {
  position: relative;
  font-family: var(--theme-menu-font);
  font-size: 0.875rem;
  font-weight: 400;
  -webkit-transition: none;
  transition: none;
}
.header-bottom .dropdown-categories .dropdown-menu ul a i {
  font-size: 145%;
  width: 1.375rem;
  margin-right: 0.9375rem;
}
.header-bottom .dropdown-categories .dropdown-menu ul a i::before {
  margin: 0;
}
.header-bottom .dropdown-categories .dropdown-menu ul a i.klb-grocery-icon-biscuit {
  position: relative;
  top: 1px;
}
.header-bottom .dropdown-categories .dropdown-menu ul .badge {
  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.625rem;
  font-weight: 600;
  min-height: 1.25rem;
  padding: 0.25rem 0.375rem;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0.1875rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  margin-left: 0.375rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul {
  padding: 0.625rem 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.menu-item-has-children > a::after {
  font-family: "klbtheme";
  font-size: 92%;
  content: "\ea1d";
  margin-left: auto;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0.125rem 0.875rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: calc(100% + 0.0625rem);
  background-color: var(--color-background);
  top: 0;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu > li {
  line-height: 1;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu > li + li {
  margin-top: 0.5rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu > 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);
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu > li > a:hover::before {
  opacity: 1;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu .sub-menu-list li {
  line-height: 1;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu .sub-menu-list li + li {
  margin-top: 0.5rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu .sub-menu-list li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu .sub-menu-list 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);
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li > .sub-menu .sub-menu-list li a:hover::before {
  opacity: 1;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.has-image > .sub-menu {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li:not(.mega-menu) > .sub-menu {
  padding: 1.75rem 1.875rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu {
  background-position: bottom right;
  background-clip: border-box;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu.width-small {
    width: var(--theme-category-menu-small-width);
  }
}
@media screen and (min-width: 1024px) {
  .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu.width-medium {
    width: var(--theme-category-menu-medium-width);
  }
}
@media screen and (min-width: 1024px) {
  .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu.width-large {
    width: var(--theme-category-menu-large-width);
  }
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col > * + * {
  margin-left: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.col-banner {
  max-width: 20rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.col-banner .dropdown-banner {
  display: block;
  width: 100%;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.col-banner .dropdown-banner .klb-banner {
  position: relative;
  border-radius: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.col-banner .dropdown-banner .klb-banner .overlay-link {
  position: absolute !important;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column {
  position: relative;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column::before {
  content: "";
  position: absolute;
}
body[data-color=custom][data-theme=light] .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column::before {
  background-color: var(--color-gray100);
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column.left::before {
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .col.bordered-column.top::before {
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu > .row {
  height: 100%;
  margin: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu > .row > .col:not(.is-expanded) {
  padding: 1.875rem 1.875rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu > .row > .col.is-expanded {
  padding-left: 0;
  padding-right: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .mega-grouped-items + .mega-grouped-items {
  margin-top: 3.125rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.list-style .product-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.list-style .product-inner .thumbnail-wrapper {
  width: 5.125rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.list-style .product-inner .content-wrapper .price {
  font-size: 1rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.list-style .product-inner .content-wrapper .product-title {
  font-size: 0.875rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.list-style .product-inner .content-wrapper .product-title a {
  font-weight: 600 !important;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product + .product::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -0.3125rem;
}
body[data-color=custom][data-theme=light] .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product + .product::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product + .product::before {
  background-color: var(--color-gray100);
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product-inner .content-wrapper .price {
  font-size: 0.9375rem;
  margin-bottom: 0.1875rem;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product-inner .content-wrapper .product-title {
  margin-bottom: 0;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.mega-menu > .sub-menu .category-products-wrapper .products.grid-style .product-inner .content-wrapper .product-title a {
  font-weight: 600 !important;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li.menu-item-custom .badge {
  margin-left: auto;
}
.header-bottom .dropdown-categories .dropdown-menu > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.header-bottom .dropdown-categories .dropdown-menu.colored-icons .menu-item-object-product_cat > a > i {
  color: var(--theme-primary-color);
}
.header-bottom .dropdown-categories .dropdown-menu:not(.colored-icons) .menu-item-object-product_cat > a > i {
  color: var(--color-gray600);
}
.header-bottom .dropdown-categories .dropdown-menu.style-1 {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li.menu-item-object-product_cat + .menu-item-custom {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
}
body[data-color=custom] .header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li.menu-item-object-product_cat + .menu-item-custom {
  border-top: 1px solid rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li.menu-item-object-product_cat + .menu-item-custom {
  border-top: 1px solid var(--color-gray300);
}
.header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li > a {
  border-radius: calc(var(--theme-radius-base) / 2);
}
body[data-color=custom] .header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li:hover > a {
  background-color: rgba(var(--color-rgb), 0.05);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu.style-1 > ul > li:hover > a {
  background-color: var(--color-gray50);
}
.header-bottom .dropdown-categories .dropdown-menu.style-2 {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body[data-color=custom] .header-bottom .dropdown-categories .dropdown-menu.style-2 {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu.style-2 {
  border-color: var(--color-gray200);
}
body[data-color=custom] .header-bottom .dropdown-categories .dropdown-menu.style-2 > ul > li + li {
  border-top: 1px solid rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .header-bottom .dropdown-categories .dropdown-menu.style-2 > ul > li + li {
  border-top: 1px solid var(--color-gray100);
}
.header-bottom .dropdown-categories .dropdown-menu.style-2 > ul > li > a {
  height: 2.75rem;
}
.header-bottom .dropdown-categories .dropdown-menu.primary-border {
  border-color: var(--theme-primary-color) !important;
}
body.mega-menu-hover .header-bottom .dropdown-categories .dropdown-menu {
  pointer-events: none;
  opacity: 0.5;
  z-index: -1;
}
.header-bottom .dropdown-categories .dropdown-menu:hover {
  z-index: 10;
}
.header-bottom .custom-button > 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-family: var(--theme-menu-font);
  font-size: var(--theme-menu-font-size);
  font-weight: var(--theme-menu-font-weight);
  line-height: 0;
  height: 100%;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.header-bottom .custom-link {
  margin-left: auto !important;
}
.header-bottom .custom-link > a {
  font-family: var(--theme-menu-font);
  font-size: var(--theme-menu-font-size);
  font-weight: var(--theme-menu-font-weight);
  line-height: 0;
  height: 100%;
}
.header-bottom.category-menu-hover {
  z-index: 11;
}
.header-bottom.category-menu-hover .dropdown-categories > a {
  z-index: 11;
}
.header-bottom.category-menu-hover .dropdown-categories::before {
  opacity: 0.2;
  visibility: visible;
}
.header-bottom.category-menu-hover .dropdown-categories .dropdown-menu {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.header-bottom.color-scheme-custom {
  color: #1B1F22;
  background-color: #FFF;
}
.header-bottom.bordered-inner .header-inner {
  border-left: 1px solid;
  border-right: 1px solid;
}
.header-bottom:not(.color-layout-black) .dropdown-categories > a.default::before {
  background-color: var(--color-background);
}
[data-color=default][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories > a.default::before {
  border-color: var(--color-gray300);
}
[data-color=custom][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories > a.default::before {
  border-color: rgba(var(--color-rgb), 0.2);
}
.header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu #category-menu a {
  color: var(--color-text);
}
[data-color=default][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-1 {
  border-color: var(--color-gray300);
}
[data-color=custom][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-1 {
  border-color: rgba(var(--color-rgb), 0.2);
}
.header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-1 #category-menu > li > .sub-menu {
  border: 1px solid;
  border-bottom-right-radius: var(--theme-radius-base);
}
[data-color=default][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-1 #category-menu > li > .sub-menu {
  border-color: var(--color-gray300);
}
[data-color=custom][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-1 #category-menu > li > .sub-menu {
  border-color: rgba(var(--color-rgb), 0.2);
}
[data-color=default][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-2 {
  border-color: var(--color-gray300);
}
[data-color=custom][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-2 {
  border-color: rgba(var(--color-rgb), 0.2);
}
.header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-2 #category-menu > li > .sub-menu {
  border: 1px solid;
  border-bottom-right-radius: var(--theme-radius-base);
}
[data-color=default][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-2 #category-menu > li > .sub-menu {
  border-color: var(--color-gray300);
}
[data-color=custom][data-theme=light] .header-bottom:not(.color-layout-black) .dropdown-categories .dropdown-menu.style-2 #category-menu > li > .sub-menu {
  border-color: rgba(var(--color-rgb), 0.2);
}

/* ----- Header primary menu settings ----- */
.klb-menu-nav.primary-menu {
  height: 100%;
}
.klb-menu-nav.primary-menu .klb-menu {
  height: 100%;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-right: 0.1875rem;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:last-child {
  margin-right: 0;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item > 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-family: var(--theme-menu-font);
  font-size: var(--theme-menu-font-size);
  font-weight: var(--theme-menu-font-weight);
  line-height: 0;
  height: 100%;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item > a::after {
  font-size: 84%;
  margin-left: 0.625rem;
  text-shadow: 0 0 0;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:not(.mega-menu) .sub-menu {
  min-width: 13.125rem;
  padding: 0.9375rem 0;
  left: -1.25rem;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:not(.mega-menu) .sub-menu li + li {
  margin-top: 0;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:not(.mega-menu) .sub-menu li.menu-item-has-children > a::after {
  font-size: 80%;
  content: "\ea1d";
  margin-left: auto;
  margin-right: -0.75rem;
  top: 0.0625rem;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:not(.mega-menu) .sub-menu li a {
  width: 100%;
  padding-left: 1.625rem;
  padding-right: 1.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  line-height: initial;
}
.klb-menu-nav.primary-menu .klb-menu > .menu-item:not(.mega-menu) .sub-menu li .sub-menu {
  top: 0;
  left: 100%;
  margin-top: -1rem;
}
.klb-menu-nav.primary-menu .klb-menu .sub-menu li + li {
  margin-top: 0.625rem;
}
.klb-menu-nav.primary-menu .klb-menu .sub-menu li > a {
  font-size: var(--theme-submenu-font-size);
  font-weight: var(--theme-sub-menu-font-weight);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.klb-menu-nav.primary-menu .klb-menu .sub-menu .menu-item-label {
  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.625rem;
  font-weight: 600;
  line-height: inherit;
  padding: 0.25rem 0.4375rem;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0.1875rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  margin-left: 0.375rem;
}
.klb-menu-nav.primary-menu .klb-menu .sub-menu .menu-item-label.hot {
  color: #FFF;
  background-color: var(--color-red500);
}
.klb-menu-nav.primary-menu .klb-menu .sub-menu .menu-item-label.new {
  color: #FFF;
  background-color: var(--color-green600);
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu {
  width: 100%;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu a {
  position: relative;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu 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-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu a:hover::before {
  opacity: 1;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu .sub-menu {
  all: unset;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu .sub-menu::before, .klb-menu-nav.primary-menu .klb-menu .mega-menu > .sub-menu .sub-menu::after {
  display: none !important;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-boxed > .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: calc(var(--theme-site-width) - 5rem);
  left: 0;
  right: 0;
  padding-top: 2.375rem;
  padding-bottom: 2.875rem;
  padding-left: 2.625rem;
  padding-right: 2.625rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-left: auto;
  margin-right: auto;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-boxed > .sub-menu > li {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-boxed > .sub-menu > li > a {
  font-size: var(--theme-menu-font-size);
  font-weight: 600;
  padding: 0;
  margin-bottom: 1.375rem;
  pointer-events: none;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-boxed > .sub-menu > li > a::after {
  display: none;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-wide > .mega-menu-wrapper {
  padding-top: 2.5rem;
  padding-bottom: 3.125rem;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.klb-menu-nav.primary-menu .klb-menu .mega-menu.mega-menu-wide .mega-menu-inner {
  line-height: 1;
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white .klb-menu > .menu-item .sub-menu::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid #FFF;
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: -0.5625rem;
  left: var(--triangleLeft, 1.4375rem);
  z-index: 1;
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white .klb-menu > .menu-item .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-gray300);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
  top: -0.625rem;
  left: var(--triangleLeft, 1.4375rem);
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white .klb-menu > .menu-item:not(.mega-menu) .sub-menu .sub-menu::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-right: 0.59375rem solid #FFF;
  border-bottom: 0.59375rem solid transparent;
  border-top: 0.59375rem solid transparent;
  margin-left: -1.1875rem;
  top: 1.3125rem;
  left: 0.0625rem;
  z-index: 1;
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white .klb-menu > .menu-item:not(.mega-menu) .sub-menu .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-right: 0.59375rem solid var(--color-gray300);
  border-bottom: 0.59375rem solid transparent;
  border-top: 0.59375rem solid transparent;
  margin-left: -1.1875rem;
  top: 1.3125rem;
  left: 0;
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white.border-gray-light .klb-menu > .menu-item .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid var(--color-gray50);
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
}
.klb-menu-nav.primary-menu.triangle-enable.color-scheme-white.border-dark .klb-menu > .menu-item .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 0.59375rem solid #1B1F22;
  border-left: 0.59375rem solid transparent;
  border-right: 0.59375rem solid transparent;
  margin-bottom: 0rem;
}
.klb-menu-nav.primary-menu.menu-seperate .klb-menu {
  gap: 0;
}
.klb-menu-nav.primary-menu.menu-seperate .klb-menu > .menu-item {
  margin-right: 0;
}
.klb-menu-nav.primary-menu.menu-seperate .klb-menu > .menu-item + .menu-item {
  border-left: 1px solid rgba(var(--color-rgb), 0.15);
}
.klb-menu-nav.primary-menu.menu-seperate .klb-menu > .menu-item > a {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.klb-menu-nav.primary-menu.menu-seperate .klb-menu > .menu-item:not(.mega-menu) > .sub-menu {
  left: 0;
}

/* ----- Header mobile settings ----- */
.header-mobile:not(.transparent) {
  position: relative;
}
.header-mobile a {
  color: currentColor;
  outline: none;
  -webkit-transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-mobile .header-inner {
  height: 3.5rem;
}
.header-mobile .site-brand img {
  height: 2.25rem;
}
.header-mobile .header-action.toggle-button i {
  font-size: 1.5rem;
}
.header-mobile .header-action.cart-button .action-text {
  display: none;
}

/* ----- mobile bottom menu settings ----- */
.klb-mobile-bottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.625rem 1.25rem 0.5rem;
  background-color: #FFF;
  border-top: 0.0625rem solid var(--color-gray100);
  -webkit-box-shadow: 0 0 10px -4px rgba(27, 31, 34, 0.3);
          box-shadow: 0 0 10px -4px rgba(27, 31, 34, 0.3);
  border-top-left-radius: 1.375rem;
  border-top-right-radius: 1.375rem;
  z-index: 999;
}
@media screen and (min-width: 769px) {
  .klb-mobile-bottom {
    display: none;
  }
}
.klb-mobile-bottom .mobile-menu ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0.3125rem 0;
  list-style: none;
}
.klb-mobile-bottom .mobile-menu ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  color: var(--color-text);
}
.klb-mobile-bottom .mobile-menu ul li a i {
  position: relative;
  height: 1.75rem;
  font-size: 1.75rem;
  margin-bottom: 0.3125rem;
}
.klb-mobile-bottom .mobile-menu ul li a span {
  position: relative;
  text-transform: capitalize;
  font-size: 0.75rem;
  opacity: 0.5;
}
.klb-mobile-bottom .mobile-menu ul li a.active i::before {
  content: "\ec7b";
}

/*---------------------------------------------------- 
  06. Modules
----------------------------------------------------*/
/* ----- module header settings ----- */
.klb-module {
  position: relative;
}
.klb-module .module-header {
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 1024px) {
  .klb-module .module-header {
    margin-bottom: 1.25rem;
  }
}
.klb-module .module-header-inner {
  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-module .module-header-inner .column.button-column {
  margin-left: auto;
}
@media screen and (max-width: 575.98px) {
  .klb-module .module-header-inner .column.sub-column {
    width: 100%;
    margin-top: 0.3125rem;
  }
}
.klb-module .module-header .entry-subtitle {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-gray600);
}
.klb-module .module-header .entry-subtitle:not(.primary) {
  opacity: 0.8;
}
.klb-module .module-header .entry-subtitle.primary {
  color: var(--theme-primary-color);
}
.klb-module .module-header .entry-subtitle.thin {
  font-weight: 400;
}
.klb-module .module-header .entry-title {
  position: relative;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0;
}
.klb-module .module-header .entry-title.bolded {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .klb-module .module-header .entry-title {
    font-size: 1.25rem;
  }
  .klb-module .module-header .entry-title.medium-size {
    font-size: 1.5rem;
  }
  .klb-module .module-header .entry-title.large-size {
    font-size: 1.625rem;
  }
}
.klb-module .module-header .entry-excerpt {
  font-size: 0.875rem;
  color: var(--color-gray600);
  margin-top: 0.5rem;
}
.klb-module .module-header .entry-excerpt p {
  opacity: 0.7;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .klb-module .module-header .module-header-tab {
    margin-left: 2.5rem;
  }
}
.klb-module .module-header .module-header-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.klb-module .module-header .module-header-tab ul li a {
  font-size: 0.9375rem;
  font-weight: 500;
  color: currentColor;
}
@media screen and (max-width: 767.98px) {
  .klb-module .module-header .module-header-tab.style-1 {
    margin-top: 0.1875rem;
  }
}
.klb-module .module-header .module-header-tab.style-1 ul {
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 0.625rem;
}
.klb-module .module-header .module-header-tab.style-1 ul li a {
  position: relative;
  opacity: 0.5;
}
.klb-module .module-header .module-header-tab.style-1 ul li a:hover {
  opacity: 0.7;
}
.klb-module .module-header .module-header-tab.style-1 ul li.active > a {
  opacity: 1;
}
.klb-module .module-header .module-header-tab.style-1 ul li.active > a::before {
  position: absolute;
  content: "";
  left: -0.625rem;
  right: -0.625rem;
  top: -0.375rem;
  bottom: -0.375rem;
  background-color: currentColor;
  border-radius: 2.25rem;
  opacity: 0.08;
}
@media screen and (max-width: 767.98px) {
  .klb-module .module-header .module-header-tab.style-1 ul li.active:first-child {
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-module .module-header .module-header-counter {
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.98px) {
  .klb-module .module-header .btn .button-text {
    display: none;
  }
}
.klb-module .module-header .btn .button-icon {
  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;
}
@media screen and (max-width: 767.98px) {
  .klb-module .module-header .btn .button-icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
  }
  .klb-module .module-header .btn .button-icon i {
    font-size: 0.625rem;
  }
  .klb-module .module-header .btn .button-icon i::before {
    content: "\e8f3";
    text-shadow: 0 0 0;
  }
  body[data-color=custom][data-theme=light] .klb-module .module-header .btn .button-icon {
    border: 1px solid rgba(var(--color-rgb), 0.17);
  }
  body[data-color=default] .klb-module .module-header .btn .button-icon {
    background-color: var(--color-gray100);
  }
}
@media screen and (min-width: 768px) {
  .klb-module .module-header .btn .button-icon {
    margin-left: 0.4375rem;
  }
}
.klb-module .module-header .btn .button-icon i {
  margin-left: 0;
}
.klb-module .module-header.centered {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .klb-module .module-header.centered {
    margin-bottom: 1.875rem;
  }
  .klb-module .module-header.centered.extra-space {
    margin-bottom: 3.125rem;
  }
}
.klb-module .module-header.centered .module-header-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.klb-module .module-header.centered .module-header-inner .column {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}
.klb-module .module-header.centered .module-header-inner .column.sub-column {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}
.klb-module .module-header.centered .module-header-inner .module-header-tab {
  margin-left: 0;
  margin-bottom: 1.25rem;
}
.klb-module .module-header.centered .entry-excerpt {
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .klb-module .module-header.extra-space {
    margin-bottom: 1.875rem;
  }
}
.klb-module .module-header.border-thin {
  border-bottom: 1px solid;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 1024px) {
  .klb-module .module-header.border-thin {
    margin-bottom: 1.875rem;
  }
}
.klb-module .module-header.border-bold {
  border-bottom: 2px solid;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 1024px) {
  .klb-module .module-header.border-bold {
    margin-bottom: 1.875rem;
  }
}
body[data-color=custom][data-theme=light] .klb-module .module-header.border-thin, body[data-color=custom][data-theme=light] .klb-module .module-header.border-bold {
  border-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=default] .klb-module .module-header.border-thin, body[data-color=default] .klb-module .module-header.border-bold {
  border-color: var(--color-gray200);
}

/* ----- module carousel settings ----- */
.klb-module.module-carousel.hot .klb-slider:not(.bordered) .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;
  border: 0.125rem solid var(--color-red600);
}
@media screen and (min-width: 768px) {
  .klb-module.module-carousel.hot .klb-slider:not(.bordered) .slick-list::before {
    border: 0.1875rem solid var(--color-red600);
  }
}
.klb-module.module-carousel.hot .klb-slider.bordered .slick-list::before {
  border-width: 0.125rem;
  border-color: var(--color-red600);
}
@media screen and (min-width: 768px) {
  .klb-module.module-carousel.hot .klb-slider.bordered .slick-list::before {
    border-width: 0.1875rem;
  }
}
.klb-module.module-carousel.hot .klb-slider.bordered .slick-list .slider-item:not(.slick-current)::after {
  top: 0.125rem;
  bottom: 0.125rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .klb-module.module-carousel.hot .klb-slider.bordered .slick-list .slider-item:not(.slick-current)::after {
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
}
.klb-module.module-carousel.hot .klb-slider .slick-nav {
  color: #FFF !important;
  background-color: var(--color-red600) !important;
  border-color: transparent !important;
}
.klb-module.module-carousel.hot .klb-slider .slick-dots .slick-active > button {
  background-color: var(--color-red600) !important;
}
.klb-module.module-carousel.hot .klb-slider .product .product-wrapper.style-2 .content-wrapper.price-filled .price ins bdi {
  background-color: var(--color-red600);
}
.klb-module.module-carousel.hot .klb-slider .product:hover .klb-countdown.filled .count-item {
  color: #FFF;
  background-color: var(--color-red600);
}
.klb-module.module-carousel.centered .product .content-wrapper {
  text-align: center;
}
.klb-module.module-carousel.centered .product .content-wrapper .product-rating, .klb-module.module-carousel.centered .product .content-wrapper .switcher-wrapper, .klb-module.module-carousel.centered .product .content-wrapper .product-color-switcher {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.klb-module.module-carousel.centered .product .content-wrapper .price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.klb-module.module-carousel.centered .product .content-wrapper .switcher-wrapper .price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.klb-module.module-carousel.centered .product .content-wrapper .product-cart-wrapper .price {
  width: auto;
}

/* ----- module iconbox settings ----- */
.module-iconbox .module-body {
  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;
}
.module-iconbox .module-body .iconbox-icon {
  font-size: 2.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: var(--theme-primary-color);
  width: 4.25rem;
  height: 4.25rem;
}
.module-iconbox .module-body .iconbox-icon i {
  line-height: 1;
}
.module-iconbox .module-body .iconbox-icon i::before {
  margin: 0;
}
.module-iconbox .module-body .iconbox-content .entry-title {
  font-size: 0.9375rem;
  margin-bottom: 0.125rem;
}
.module-iconbox .module-body .iconbox-content p {
  font-size: 0.8125rem;
  margin-bottom: 0;
  opacity: 0.6;
}
.module-iconbox.style-2 .module-body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.module-iconbox.style-2 .iconbox-icon {
  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: #FFF;
  background-color: var(--theme-primary-color);
  border-radius: var(--theme-radius-base);
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .module-iconbox.style-2 .iconbox-icon {
    margin-right: 1.25rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .module-iconbox.style-2 .iconbox-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
}
.module-iconbox.style-2 .iconbox-content .entry-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.4375rem;
}
@media screen and (min-width: 992px) {
  .module-iconbox.style-2 .iconbox-content .entry-title {
    font-size: 1.125rem;
  }
}
.module-iconbox.colored .iconbox-icon {
  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: 2.375rem;
  width: 3.875rem;
  height: 3.875rem;
  border-radius: var(--theme-radius-base);
  margin-right: 0.9375rem;
}
.module-iconbox.with-image .module-body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.module-iconbox.with-image .iconbox-icon {
  margin-right: 1.25rem;
}
.module-iconbox.with-image .iconbox-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.module-iconbox.with-image .iconbox-content .entry-title {
  margin-bottom: 0.3125rem;
}
.module-iconbox.with-image .iconbox-content p + p {
  margin-top: 0.9375rem;
}
.module-iconbox.with-image .iconbox-content .button {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: 0.625rem;
}
.module-iconbox.with-image.dark-style {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--theme-radius-base);
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  background: linear-gradient(301deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
@media screen and (min-width: 1024px) {
  .module-iconbox.with-image.dark-style {
    padding: 1.875rem;
  }
}
.module-iconbox.with-image.dark-style .entry-title {
  background: -webkit-linear-gradient(296deg, #fff, #a8a8a8, #fff, #a8a8a8, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1024px) {
  .module-iconbox.with-image.dark-style .entry-title {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
}

/* ----- module hot products settings ----- */
.klb-module.module-hot-product {
  position: relative;
  border: 0.1875rem solid var(--color-red600);
  border-radius: var(--theme-radius-base);
}
.klb-module.module-hot-product .module-body {
  padding: 0.9375rem 0.9375rem 0.3125rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-hot-product .module-body {
    padding: 1.25rem 2.5rem 0.3125rem 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-module.module-hot-product .module-body .product .thumbnail-wrapper .thumbnail-badges .badge.sale {
    font-size: 1rem;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
  }
}
.klb-module.module-hot-product .product-countdown {
  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;
  gap: 0.625rem;
  padding: 0.9375rem 0.9375rem 0.625rem;
  border-top: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-hot-product .product-countdown {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-hot-product .product-countdown {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .klb-module.module-hot-product .product-countdown {
    gap: 0.9375rem;
    padding: 0.9375rem 1.25rem 0.9375rem;
  }
}
.klb-module.module-hot-product .product-countdown p {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.klb-module.module-hot-product .product-countdown .count-item {
  color: #FFF;
  background-color: var(--color-red600) !important;
}
.klb-module.module-hot-product .hot-product-title {
  color: #FFF;
  background-color: var(--color-red600);
  padding: 0.5rem 0.9375rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-hot-product .hot-product-title {
    padding: 0.625rem 1.25rem;
  }
}
.klb-module.module-hot-product .hot-product-title .entry-title {
  font-size: 1rem;
  margin-bottom: 0;
}

/* ----- 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-1 .grid-wrapper > * .banner-area::before {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: 50%;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.simple-product {
    border-bottom: 1px solid;
  }
  body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.simple-product {
    border-color: rgba(var(--color-rgb), 0.15);
  }
  body[data-color=default] .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.simple-product {
    border-color: var(--color-gray200);
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area::before {
    border-left: 0.0625rem solid;
    border-bottom: 0.0625rem solid;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area .klb-banner {
    border-top-right-radius: var(--theme-radius-base);
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area .klb-banner .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area .klb-banner .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-module.module-products-grid.style-1 .grid-wrapper > *:nth-child(1) {
    width: 48%;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > *:nth-child(2) {
    width: 52%;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.simple-product {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 14rem;
    border-bottom: 0;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area {
    border-radius: 0;
  }
  .klb-module.module-products-grid.style-1 .grid-wrapper > * .column-child.banner-area::before {
    border-left: 0.0625rem solid;
    border-right: 0.0625rem solid;
  }
}
.klb-module.module-products-grid.style-2 .grid-wrapper > *:nth-child(1)::before {
  border-bottom: 1px solid;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper > *:nth-child(1) {
    width: 18.75rem;
  }
  .klb-module.module-products-grid.style-2 .grid-wrapper > *:nth-child(1)::before {
    border-right: 1px solid;
    border-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper > *:nth-child(1) {
    width: 20rem;
  }
}
.klb-module.module-products-grid.style-2 .grid-wrapper > *:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.klb-module.module-products-grid.style-2 .grid-wrapper .banner-area {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper .banner-area .klb-banner {
    border-top-left-radius: var(--theme-radius-base);
    border-top-right-radius: var(--theme-radius-base);
  }
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper .banner-area .klb-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-2 .grid-wrapper .banner-area .klb-banner .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-2 .grid-wrapper .banner-area .klb-banner .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: 1024px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper .banner-area .klb-banner {
    border-top-left-radius: var(--theme-radius-base);
    border-bottom-left-radius: var(--theme-radius-base);
  }
}
.klb-module.module-products-grid.style-2 .grid-wrapper .products {
  row-gap: var(--theme-site-gutters);
}
.klb-module.module-products-grid.style-2 .grid-wrapper .products .product {
  margin-bottom: 0;
}
.klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-bottom: 0.0625rem solid;
  border-right: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product::after {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product::after {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product:nth-child(3)::after {
    border-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product:nth-child(3)::after {
    border-right: 0.0625rem solid;
  }
  .klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product:nth-child(5)::after {
    border-right: 0;
  }
}
.klb-module.module-products-grid.style-2 .grid-wrapper.bordered .products > .product:last-child::after {
  border: 0;
}
.klb-module.module-products-grid.style-3 .grid-wrapper .grid-list-button {
  margin-top: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .grid-list-button {
    margin-top: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .entry-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .banner-area .klb-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-3 .grid-wrapper .banner-area .klb-banner .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-3 .grid-wrapper .banner-area .klb-banner .entry-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.klb-module.module-products-grid.style-3 .grid-wrapper .module-column:not(.klb-slider-wrapper) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 576px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .module-column:not(.klb-slider-wrapper) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.klb-module.module-products-grid.style-3 .grid-wrapper .module-column:not(.klb-slider-wrapper) > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .module-column:not(.klb-slider-wrapper) > *.list-items {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .module-column:not(.klb-slider-wrapper) {
    width: 47%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper .module-column.klb-slider-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: 50%;
  }
}
.klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column:not(.klb-slider-wrapper) {
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column:not(.klb-slider-wrapper) {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column:not(.klb-slider-wrapper) {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column:not(.klb-slider-wrapper) {
    border-bottom: 0;
  }
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area::before {
  border-color: var(--color-gray200);
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area::before {
    border-top: 0.0625rem solid;
  }
}
@media screen and (min-width: 576px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area::before {
    border-left: 0.0625rem solid;
  }
  .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area .klb-banner {
    border-top-right-radius: var(--theme-radius-base);
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-3 .grid-wrapper.bordered .column .column-child.banner-area::before {
    border-left: 0.0625rem solid;
    border-right: 0.0625rem solid;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-4 .grid-wrapper .banner-area {
    width: 22.5rem;
  }
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-4 .grid-wrapper .banner-area .klb-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-4 .grid-wrapper .banner-area .klb-banner .entry-media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .klb-module.module-products-grid.style-4 .grid-wrapper .banner-area .klb-banner .entry-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.klb-module.module-products-grid.style-4 .grid-wrapper .products {
  row-gap: var(--theme-site-gutters);
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-4 .grid-wrapper .products {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
}
.klb-module.module-products-grid.style-4 .grid-wrapper .products .product {
  margin-bottom: 0;
}
.klb-module.module-products-grid.style-4 .grid-wrapper.bordered .banner-area::before {
  border-top: 0.0625rem solid;
  border-bottom: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .banner-area::before {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .banner-area::before {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .banner-area::before {
    border-top: 0;
    border-bottom: 0;
    border-left: 0.0625rem solid;
    border-right: 0.0625rem solid;
  }
}
.klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product {
  position: relative;
}
.klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-bottom: 0.0625rem solid;
  border-right: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product::after {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product::after {
  border-color: var(--color-gray200);
}
.klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product:nth-child(2)::after, .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product:nth-child(4)::after {
  border-right: 0;
}
.klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product:nth-child(3)::after, .klb-module.module-products-grid.style-4 .grid-wrapper.bordered .products > .product:nth-child(4)::after {
  border-bottom: 0;
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > *:nth-child(1), .klb-module.module-products-grid.style-5 .grid-wrapper > *:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > *:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .products {
  row-gap: var(--theme-site-gutters);
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .products .product {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product {
    padding: 1.25rem;
    border: 2px solid var(--color-red600);
    border-radius: var(--theme-radius-base);
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header {
  text-align: center;
  margin-bottom: 0.625rem;
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .entry-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.1875rem;
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .entry-description {
  font-size: 0.875rem;
  color: var(--color-gray600);
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .klb-countdown-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .klb-countdown-wrapper .klb-countdown {
  font-size: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .klb-countdown-wrapper .klb-countdown {
    font-size: 1rem;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .klb-countdown-wrapper .klb-countdown .count-item {
  color: #FFF;
  background-color: var(--color-red600);
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .product-hot-header .klb-countdown-wrapper .klb-countdown .count-item {
    width: 2.4375rem;
    height: 2.25rem;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .product-title {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .product-rating {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .product-rating .star-rating {
    font-size: 0.8125rem;
  }
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .product-rating .rating-count {
    font-size: 0.8125rem;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .price {
    margin-bottom: 1.25rem;
  }
}
.klb-module.module-products-grid.style-5 .grid-wrapper > * .featured-product .product .content-wrapper .price del {
  font-weight: 400;
}
.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);
}
.klb-module.module-products-grid.style-7 .grid-wrapper {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-7 .grid-wrapper > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style > * + * {
  margin-top: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style > * + * {
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .thumbnail-wrapper {
    width: 10rem;
    margin-right: 1.25rem;
  }
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-rating {
  margin-bottom: 0.4375rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-title {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .price {
  font-size: 1.25rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .price del {
  font-size: 75%;
  font-weight: 400;
  opacity: 0.8;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-details {
  margin-top: 0.625rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-details ul {
  margin: 0;
  padding-left: 0.9375rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-details ul li {
  font-size: 0.75rem;
  color: var(--color-gray600);
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-details ul li + li {
  margin-top: 0.1875rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-footer .product-footer-details {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-footer .product-footer-details .product-buttons {
  width: 100%;
  margin-top: 0;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-footer .product-footer-details .product-buttons .add_to_cart_button {
  font-size: 0.8125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.klb-module.module-products-grid.style-7 .grid-wrapper > * .list-style .product .product-content-fade {
  top: -1.25rem;
  bottom: 0;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-8 .row {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .klb-module.module-products-grid.style-8 .row .col {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.klb-module.module-products-grid.style-8 .products:not(.list-style) .product .product-progress > p {
  font-size: 0.75rem;
  opacity: 0.7;
  margin-top: 0.625rem;
}
.klb-module.module-products-grid.style-8 .products.list-style.for-fashion .product {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-9 .left .product-title, .klb-module.module-products-grid.style-9 .right .product-title {
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
  }
  .klb-module.module-products-grid.style-9 .left .price, .klb-module.module-products-grid.style-9 .right .price {
    font-size: 0.9375rem;
  }
  .klb-module.module-products-grid.style-9 .left .product-content-switcher, .klb-module.module-products-grid.style-9 .right .product-content-switcher {
    margin-bottom: 0.625rem;
  }
}
.klb-module.module-products-grid.style-9 .left .count-item, .klb-module.module-products-grid.style-9 .right .count-item {
  border-radius: 0.125rem;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-9 .center .product {
    padding: 1.875rem;
    border: 3px solid var(--color-red600);
    background-color: rgba(var(--color-redRGB), 0.02);
    border-radius: 0.25rem;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .thumbnail-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 40%;
    margin-bottom: 0;
    margin-right: 1.25rem;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper .product-title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper .price {
    font-size: 1.25rem;
    margin-bottom: 0.9375rem;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper .product-progress .product-stock {
    font-size: 0.875rem;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper .product-progress > p {
    display: block;
    font-size: 0.8125rem;
    margin-top: 0.4375rem;
    opacity: 0.6;
  }
  .klb-module.module-products-grid.style-9 .center .product .product-inner .content-wrapper .product-checklist {
    margin-top: 1.5625rem;
  }
}
.klb-module.module-products-grid.style-9 .center .product .product-checklist {
  margin-top: 0.9375rem;
}
.klb-module.module-products-grid.style-9 .center .product .product-checklist ul {
  padding-left: 1.25rem;
}
.klb-module.module-products-grid.style-9 .center .product .product-checklist ul li {
  font-size: 0.875rem;
}
.klb-module.module-products-grid.style-9 .center .product .product-checklist ul li + li {
  margin-top: 0.1875rem;
}
.klb-module.module-products-grid.style-10 .module-body {
  padding: 0.25rem;
  border-radius: 0.125rem;
}
.klb-module.module-products-grid.style-10 .grid-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-10 .grid-wrapper > *:nth-child(1) {
    width: 26.25rem;
  }
}
@media screen and (min-width: 992px) {
  .klb-module.module-products-grid.style-10 .grid-wrapper > *:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
  }
}
.klb-module.module-products-grid.style-10 .klb-slider {
  background-color: var(--color-background);
}
.klb-module.module-products-grid.style-11 .products {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.klb-module.module-products-grid.style-11 .products .product {
  margin-bottom: 1.25rem;
}
.klb-module.module-products-grid.style-11 .products .product .product-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klb-module.module-products-grid.style-11 .products .product .thumbnail-wrapper {
  width: 35%;
}
.klb-module.module-products-grid.style-11 .products .product .product-rating {
  margin-bottom: 0.4375rem;
}
.klb-module.module-products-grid.style-12 .custom-image {
  position: relative;
  overflow: hidden;
  border-radius: var(--theme-radius-base);
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-12 .custom-image {
    height: 100%;
  }
}
.klb-module.module-products-grid.style-12 .custom-image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(36, 40, 45);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 40, 45, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(36, 40, 45, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24282d",endColorstr="#ffffff",GradientType=1);
  pointer-events: none;
}
.klb-module.module-products-grid.style-12 .custom-image a {
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .klb-module.module-products-grid.style-12 .custom-image a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.klb-module.module-products-grid.style-12 .custom-image .custom-content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .klb-module.module-products-grid.style-12 .custom-image .custom-content {
    padding: 1.875rem;
  }
}
.klb-module.module-products-grid.style-12 .custom-image .custom-content .entry-description p {
  margin-bottom: 0;
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-12 .custom-image {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.klb-module.module-products-grid.style-12 .products {
  margin-left: calc(var(--theme-site-gutters) * -1);
  margin-right: calc(var(--theme-site-gutters) * -1);
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-12 .products {
    margin-left: -7px;
    margin-right: -7px;
  }
}
.klb-module.module-products-grid.style-12 .products .product {
  padding-left: var(--theme-site-gutters);
  padding-right: var(--theme-site-gutters);
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-12 .products .product {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-12 .products .product .product-buttons {
    gap: 0.3125rem;
  }
}
.klb-module.module-products-grid.style-12 .products .product .product-buttons > * {
  font-size: 0.8125rem !important;
}
@media screen and (max-width: 575.98px) {
  .klb-module.module-products-grid.style-12 .products .product .product-buttons > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}

/* ----- recentl viewed products ----- */
.module-recently-viewed .module-header {
  margin-bottom: 1.875rem;
}
.module-recently-viewed .module-body {
  display: block;
}
@media screen and (max-width: 991.98px) {
  .module-recently-viewed .module-body {
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
}
.module-recently-viewed ul {
  margin: 0 -0.4375rem 0 -0.4375rem;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991.98px) {
  .module-recently-viewed ul {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    width: auto;
  }
}
.module-recently-viewed ul li {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 12.5% !important;
  max-width: none !important;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
@media screen and (max-width: 991.98px) {
  .module-recently-viewed ul li {
    width: 6.5625rem !important;
  }
}
.module-recently-viewed ul li .thumbnail-wrapper {
  margin-bottom: 0.3125rem;
}
.module-recently-viewed ul li .content-wrapper .product_title {
  font-size: 0.8125rem;
}
@media screen and (max-width: 991.98px) {
  .module-recently-viewed ul li .content-wrapper .product_title {
    font-size: 0.75rem;
  }
}
.module-recently-viewed ul li .content-wrapper .product_title a {
  color: currentColor;
}
body.link-underline .module-recently-viewed ul li .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 .module-recently-viewed ul li .content-wrapper .product_title a:hover {
  text-decoration-color: currentColor;
}

/* ----- module countdown banner settings ----- */
.klb-countodnw-banner {
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.klb-countodnw-banner .column {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.klb-countodnw-banner .entry-title {
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .entry-title {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .klb-countdown-wrapper {
    margin-left: 2.5rem;
  }
}
.klb-countodnw-banner .klb-countdown-wrapper .klb-countdown {
  font-size: 1.75rem;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .klb-countdown-wrapper .klb-countdown {
    font-size: 2.25rem;
  }
}
.klb-countodnw-banner .klb-countdown-wrapper .klb-countdown > span {
  display: block;
  font-size: 0;
  width: 0.0625rem;
  height: 1.875rem;
  background-color: currentColor;
  margin-left: 0.5625rem;
  margin-right: 0.625rem;
  opacity: 0.2;
}
.klb-countodnw-banner .klb-countdown-wrapper .klb-countdown .count-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: auto;
  height: auto;
  border: 0;
}
.klb-countodnw-banner .klb-countdown-wrapper .klb-countdown .count-item .count {
  width: 2.25rem;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .klb-countdown-wrapper .klb-countdown .count-item .count {
    width: 2.875rem;
  }
}
.klb-countodnw-banner .klb-countdown-wrapper .klb-countdown .count-item .count-label {
  font-size: 50%;
  margin-left: 0;
  margin-top: 0.125rem;
  opacity: 0.6;
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .klb-countdown-wrapper .klb-countdown .count-item .count-label {
    font-size: 42%;
  }
}
@media screen and (min-width: 992px) {
  .klb-countodnw-banner .entry-description p {
    margin-bottom: 0;
  }
}

/* ----- module logofolio settings ----- */
.logo-block {
  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;
}
.logo-block img {
  max-height: 5.3125rem;
}
.logo-block a {
  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;
}
.logo-block a img {
  opacity: 0.5;
  -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);
}
.logo-block a:hover img {
  opacity: 1;
}
.logo-block.no-opacity a img {
  opacity: 1;
}

/* ----- 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%;
}

/*---------------------------------------------------- 
  08. Blog Posts
----------------------------------------------------*/
/* ----- Post settings ----- */
.post {
  position: relative;
  margin-bottom: 1.25rem;
  /* post thumbnail */
  /* post category */
  /* post title */
  /* post meta */
  /* post excerpt */
}
.post .entry-media {
  margin-bottom: 0.625rem;
}
.post .entry-media a {
  position: relative;
  display: block;
  border-radius: var(--theme-radius-base);
  overflow: hidden;
}
.post .entry-category {
  margin-bottom: 0.4375rem;
}
.post .entry-category a {
  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.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--theme-primary-color);
}
.post .entry-title {
  margin-bottom: 0.625rem;
}
.post .entry-title a {
  color: currentColor;
  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);
}
.post .entry-title a:hover {
  text-decoration-color: currentColor;
}
.post .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.8125rem;
  margin-bottom: 0.625rem;
}
.post .entry-meta > * {
  position: relative;
  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;
}
.post .entry-meta > *::before {
  content: "•";
  position: relative;
  font-size: 0.875rem;
  margin-left: 0.625rem;
  margin-right: 0.5rem;
  top: -0.0625rem;
}
.post .entry-meta > *:first-child::before {
  display: none;
}
.post .entry-meta a {
  color: currentColor;
}
.post .entry-meta .entry-author a {
  font-weight: 500;
}
.post .entry-meta .entry-author a span {
  font-weight: 400;
  opacity: 0.4;
}
.post .entry-meta .entry-comments i {
  font-size: 0.9375rem;
  line-height: 1;
}
.post .entry-meta .entry-comments i::before {
  margin: 0;
}
.post .entry-excerpt {
  font-size: 0.875rem;
  color: var(--color-gray600);
}
@media screen and (min-width: 992px) {
  .post .entry-excerpt {
    font-size: 0.9375rem;
  }
}

/* ----- Blog post module ----- */
.blog-posts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-posts.grid-style {
  margin-left: calc(var(--theme-site-gutters) * -1);
  margin-right: calc(var(--theme-site-gutters) * -1);
}
.blog-posts.grid-style > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  padding-left: var(--theme-site-gutters);
  padding-right: var(--theme-site-gutters);
}
@media screen and (min-width: 992px) {
  .blog-posts.grid-style.grid-4 > * {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .blog-posts.grid-style.grid-4 > * {
    width: 25%;
  }
}
.blog-posts.grid-style.grid-4 .post .entry-title {
  font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
  .blog-posts.large-style .post {
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 992px) {
  .blog-posts.large-style .post .entry-title {
    font-size: 2.25rem;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 992px) {
  .blog-posts.large-style .post .entry-meta {
    margin-bottom: 1.25rem;
  }
}

/*---------------------------------------------------- 
  07. Sidebar
----------------------------------------------------*/
/* ----- sidgets settings ----- */
.widget {
  position: relative;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .widget {
    margin-bottom: 2.5rem;
  }
}
.widget:last-child {
  margin-bottom: 0;
}
.widget .widget-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .widget .widget-title {
    font-size: calc(var(--theme-widgets-font-size) + 1px);
    margin-bottom: 1.25rem;
  }
}
.widget .company-details {
  position: relative;
}
.widget .company-details .company-phone {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .widget .company-details .company-phone {
    font-size: 1.5rem;
    line-height: 1.1;
  }
}
.widget .company-details .company-phone a {
  color: var(--theme-primary-color);
}
.widget .company-details .company-email span {
  opacity: 0.6;
}
.widget .company-details .company-email a {
  position: relative;
  font-weight: 500;
  color: currentColor;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.widget .company-details .company-email 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);
}
.widget .company-details .company-email a:hover::before {
  opacity: 1;
}
.widget .company-details .company-hours span {
  opacity: 0.6;
}
.widget .company-details .company-hours strong {
  display: block;
  width: 100%;
}

/* ----- nav menu widget ----- */
.widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_nav_menu ul li + li {
  margin-top: 0.1875rem;
}
.widget_nav_menu ul li a {
  position: relative;
  font-size: var(--theme-widgets-font-size);
  font-weight: var(--theme-widgets-font-weight);
  color: currentColor;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.widget_nav_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);
}
.widget_nav_menu ul li a:hover::before {
  opacity: 1;
}

/* ----- text widget ----- */
.widget_text p {
  font-size: var(--theme-widgets-font-size);
  font-weight: var(--theme-widgets-font-weight);
}

/* ----- post list widget ----- */
.posts-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.posts-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.posts-list li .entry-media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4.125rem;
  margin-right: 0.9375rem;
}
.posts-list li .entry-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.posts-list li .entry-wrapper .entry-title {
  font-size: 0.875rem;
}
.posts-list li .entry-wrapper .entry-meta {
  font-size: 0.75rem;
}

/* ----- checkbox list ----- */
.widget-checkbox-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-checkbox-list ul li + li {
  margin-top: 0.25rem;
}
.widget-checkbox-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: currentColor;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.widget-checkbox-list ul li a input {
  width: 1rem;
  height: 1rem;
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .widget-checkbox-list ul li a input:not(.variation-filled)::after, body[data-color=custom] .widget-checkbox-list ul li a input:not(.variation-filled)::after {
  border: var(--theme-form-border-width) solid rgba(var(--color-rgb), 0.2);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=custom][data-theme=light] .widget-checkbox-list ul li a input:not(.variation-filled):hover::after, body[data-color=custom] .widget-checkbox-list ul li a input:not(.variation-filled):hover::after {
  border-color: rgba(var(--color-rgb), 0.25);
}
body:not(.input-variation-filled)[data-color=default] .widget-checkbox-list ul li a input:not(.variation-filled)::after, 
body[data-color=default] .widget-checkbox-list ul li a input:not(.variation-filled)::after {
  border: var(--theme-form-border-width) solid var(--color-gray500);
  background-color: var(--color-background);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
body:not(.input-variation-filled)[data-color=default] .widget-checkbox-list ul li a input:not(.variation-filled):hover::after, 
body[data-color=default] .widget-checkbox-list ul li a input:not(.variation-filled):hover::after {
  border-color: var(--color-gray600);
}
.widget-checkbox-list ul li a label {
  font-size: 0.875rem;
  cursor: pointer;
  margin-left: 0.625rem;
  margin-bottom: 0;
}
.widget-checkbox-list.max-height {
  max-height: 8.5625rem;
}
.widget-checkbox-list + .total-check-count {
  font-size: 0.75rem;
  padding-top: 0.4375rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .widget-checkbox-list + .total-check-count {
  color: rgba(var(--color-rgb), 0.5);
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .widget-checkbox-list + .total-check-count {
  color: var(--color-gray500);
  border-color: var(--color-gray200);
}

/* ----- search form for widget ----- */
.search-from-list {
  margin-bottom: 0.625rem;
}
.search-from-list form {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.search-from-list form input {
  height: 2.75rem;
}
.search-from-list form input::-webkit-input-placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
}
.search-from-list form input::-moz-placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
}
.search-from-list form input:-ms-input-placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
}
.search-from-list form input::-ms-input-placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
}
.search-from-list form input::placeholder {
  font-size: 0.8125rem;
  font-weight: 400;
}
.search-from-list form button {
  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-text);
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  right: 0;
}

/* ----- price filter widget ----- */
.price_slider_wrapper .price_slider_amount {
  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;
  margin-bottom: 1.875rem;
}
.price_slider_wrapper .price_slider_amount > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.price_slider_wrapper .price_slider_amount > * input {
  color: var(--color-text);
  height: 2.5rem;
}
.price_slider_wrapper .price_slider_amount > *.separator {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0.9375rem 0.625rem 0;
}
.price_slider_wrapper .price_slider_amount > * .price-placeholder {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.1875rem;
}
body[data-color=custom][data-theme=light] .price_slider_wrapper .price_slider_amount > * .price-placeholder {
  color: rgba(var(--color-rgb), 0.6);
}
body[data-color=default] .price_slider_wrapper .price_slider_amount > * .price-placeholder {
  color: var(--color-gray600);
}
.price_slider_wrapper .ui-widget-content {
  position: relative;
  height: 0.125rem;
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
}
body[data-color=custom][data-theme=light] .price_slider_wrapper .ui-widget-content {
  background-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .price_slider_wrapper .ui-widget-content {
  background-color: var(--color-gray200);
}
.price_slider_wrapper .ui-widget-content .ui-slider-range {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.125rem;
  border: 0;
  border-radius: 0.5rem;
  background-color: var(--color-text);
  z-index: 1;
}
.price_slider_wrapper .ui-widget-content .ui-slider-handle {
  left: 0;
  position: absolute;
  z-index: 2;
  outline: 0;
  cursor: pointer;
  background-color: var(--color-text);
  border-radius: 100%;
  border: 0;
  height: 0.875rem;
  top: -0.375rem;
  width: 0.875rem;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.price_slider_wrapper .ui-widget-content .ui-slider-handle:last-child {
  left: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.price_slider_wrapper .price_slider_bottom {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.price_slider_wrapper .price_slider_bottom .price_label {
  font-size: 0.8125rem;
  margin-right: auto;
}
.price_slider_wrapper .price_slider_bottom button {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  height: 2.25rem;
  line-height: 2.25rem;
}

/* ----- sidebar ----- */
@media screen and (max-width: 1199.98px) {
  .filter-sidebar-active {
    overflow-y: hidden !important;
  }
}

@media screen and (max-width: 1199.98px) {
  #sidebar.filtered-sidebar {
    position: fixed !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--color-background);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    z-index: 10001;
  }
}
#sidebar.filtered-sidebar .filter-sidebar-header {
  position: relative;
  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: 0.75rem 1.25rem 0.9375rem;
}
#sidebar.filtered-sidebar .filter-sidebar-header .entry-title {
  font-size: 1rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  #sidebar.filtered-sidebar .filter-sidebar-header {
    display: none;
  }
}
@media screen and (max-width: 1199.98px) {
  #sidebar.filtered-sidebar .filter-sidebar-header + .site-scroll {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 1199.98px) {
  #sidebar.filtered-sidebar .theiaStickySidebar {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-touch-action: auto;
        touch-action: auto;
  }
}
@media screen and (max-width: 1199.98px) {
  #sidebar.filtered-sidebar .filter-sidebar-body {
    padding-bottom: 6.25rem;
  }
}

/*---------------------------------------------------- 
  09. Footer
----------------------------------------------------*/
/* ----- Footer default settings ----- */
.site-footer {
  position: relative;
  margin-top: 1.875rem;
}
@media screen and (min-width: 992px) {
  .site-footer {
    margin-top: 3.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 newsletter settings ----- */
.footer-newsletter .newsletter-text {
  max-width: 35rem;
}
.footer-newsletter .newsletter-text .entry-subtitle {
  font-size: 1rem;
}
.footer-newsletter .newsletter-text .entry-title {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .footer-newsletter .newsletter-text .entry-title {
    font-size: 1.625rem;
  }
}
.footer-newsletter .newsletter-text .entry-caption p {
  font-size: 0.875rem;
  opacity: 0.6;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .footer-newsletter .newsletter-text .entry-caption p {
    font-size: 0.9375rem;
  }
}
.footer-newsletter .newsletter-form {
  position: relative;
  width: 100%;
  max-width: 28.75rem;
  min-width: 17.5rem;
}
@media screen and (min-width: 768px) {
  .footer-newsletter .newsletter-form input {
    line-height: 2.875rem;
    height: 3rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
.footer-newsletter .newsletter-form .btn {
  position: absolute;
  top: 0;
  right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (min-width: 768px) {
  .footer-newsletter .newsletter-form .btn {
    line-height: 3rem;
    height: 3rem;
  }
}
.footer-newsletter .newsletter-form .privacy-policy {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.625rem;
}
.footer-newsletter .newsletter-form .privacy-policy p {
  margin-bottom: 0;
}
.footer-newsletter .newsletter-form .privacy-policy a {
  position: relative;
  font-weight: 500;
  color: var(--theme-primary-color);
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.footer-newsletter .newsletter-form .privacy-policy 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);
}
.footer-newsletter .newsletter-form .privacy-policy a:hover::before {
  opacity: 1;
}
.footer-newsletter.style-1 .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .footer-newsletter.style-1 .footer-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: inherit;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .footer-newsletter.style-1 .footer-inner {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.98px) {
  .footer-newsletter.style-1 .footer-inner .newsletter-text {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .footer-newsletter.style-1 .footer-inner > .column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .footer-newsletter.style-1 .footer-inner > .column.form-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.footer-newsletter.style-1 .footer-inner > .column + .column {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .footer-newsletter.style-1 .footer-inner > .column + .column {
    margin-top: 0;
  }
}

/* ----- 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: 5rem;
  }
}
.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: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
  .footer-copyright .footer-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.875rem;
    padding-bottom: 3.125rem;
  }
}
.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;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.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;
  }
}

/* ----- Footer social settings ----- */
.footer-social {
  position: relative;
}
.footer-social .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: 0.9375rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .footer-social .footer-inner {
    -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;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
.footer-social .site-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 576px) {
  .footer-social .site-social {
    -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;
  }
}
.footer-social .site-social .social-label {
  font-size: var(--theme-widgets-font-size);
  font-weight: 500;
  margin-bottom: 0.4375rem;
}
@media screen and (min-width: 576px) {
  .footer-social .site-social .social-label {
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}
.footer-social .site-social ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-social .site-social ul li a {
  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: 1.875rem;
  height: 1.875rem;
}
@media screen and (min-width: 576px) {
  .footer-social .site-social ul li a {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.footer-social .site-social ul li a i {
  line-height: 1;
}
.footer-social .site-social ul li a i::before {
  margin: 0;
}
.footer-social .site-social ul li a.youtube {
  font-size: 0.9375rem;
}
.footer-social .site-social ul li a.facebook {
  font-size: 0.9375rem;
}
.footer-social .site-social ul.rounded-style a::before {
  border-radius: 50% !important;
}
.footer-social .site-social ul.color-theme a {
  position: relative;
  color: currentColor;
}
.footer-social .site-social ul.color-theme a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: calc(var(--theme-radius-base) / 2);
  opacity: 0.1;
}
.footer-social .site-social ul.color-theme a:hover::before {
  opacity: 0.15;
}
.footer-social .site-application {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 576px) {
  .footer-social .site-application {
    -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;
    margin-left: auto;
  }
}
.footer-social .site-application .app-label {
  font-size: var(--theme-widgets-font-size);
  font-weight: 500;
  margin-bottom: 0.4375rem;
}
@media screen and (min-width: 576px) {
  .footer-social .site-application .app-label {
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}
.footer-social .site-application ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-social .site-application ul img {
  max-height: 2.1875rem;
}

/*---------------------------------------------------- 
  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;
}

/* ----- WooCommerce input ----- */
.woocommerce-Input, .woocommerce-button {
  outline: none;
}
@media screen and (min-width: 768px) {
  .woocommerce-Input, .woocommerce-button {
    line-height: 2.75rem !important;
    height: 2.75rem !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;
  -ms-flex-wrap: wrap;
      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);
}

/* ----- WooCommerce page header ----- */
.woocommerce-page-header {
  position: relative;
}
.woocommerce-page-header.with-banner {
  margin-bottom: 1.25rem;
}
.woocommerce-page-header.with-banner .klb-banner + .woocommerce-sub-categories {
  margin-top: 0.9375rem;
}
.woocommerce-page-header .woocommerce-sub-categories {
  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-bottom: 0.9375rem;
}
.woocommerce-page-header .woocommerce-sub-categories > span {
  font-size: 0.8125rem;
}
.woocommerce-page-header .woocommerce-sub-categories ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1875rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.woocommerce-page-header .woocommerce-sub-categories 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;
  font-weight: 500;
  padding: 0.3125rem 0.8125rem;
  color: var(--color-text);
  border: 1px solid;
  border-radius: calc(var(--theme-radius-base) / 2);
}
body[data-color=custom][data-theme=light] .woocommerce-page-header .woocommerce-sub-categories ul li a {
  border-color: rgba(var(--color-rgb), 0.25);
}
body[data-color=default] .woocommerce-page-header .woocommerce-sub-categories ul li a {
  border-color: var(--color-gray300);
}
.woocommerce-page-header .woocommerce-sub-categories ul li a::before {
  content: "";
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: calc(var(--theme-radius-form) / 2);
  border: 1px solid;
  margin-left: -0.1875rem;
  margin-right: 0.5rem;
}
body[data-color=custom][data-theme=light] .woocommerce-page-header .woocommerce-sub-categories ul li a::before {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .woocommerce-page-header .woocommerce-sub-categories ul li a::before {
  border-color: var(--color-gray400);
}
.woocommerce-page-header .woocommerce-sub-categories ul li a.active {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color) !important;
  background-color: rgba(var(--theme-primary-color-RGB), 0.04);
}
.woocommerce-page-header .woocommerce-sub-categories ul li a.active::before {
  border-color: transparent !important;
  background-color: var(--theme-primary-color) !important;
}
.woocommerce-page-header .woocommerce-sub-categories ul li a.active::after {
  content: "\e8ef";
  position: absolute;
  font-family: "klbtheme";
  position: absolute;
  font-size: 0.6875rem;
  margin-top: 0.125rem;
  color: #FFF;
}

/* ----- WooCommerce before shop loop ----- */
.before-shop-loop {
  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;
  padding-bottom: 0.625rem;
  margin-bottom: 0.9375rem;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .before-shop-loop {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .before-shop-loop {
  border-color: var(--color-gray200);
}
.before-shop-loop .filter-button {
  margin-right: auto;
}
@media screen and (min-width: 1200px) {
  .before-shop-loop .filter-button {
    display: none;
  }
}
.before-shop-loop .filter-button 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;
  color: currentColor;
}
.before-shop-loop .filter-button a i {
  font-size: 1.125rem;
  margin-right: 0.25rem;
}
.before-shop-loop .filter-button a span {
  font-weight: 500;
}
.before-shop-loop .filters-wide-button {
  position: static;
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
  border-right: 1px solid;
}
body[data-color=custom][data-theme=light] .before-shop-loop .filters-wide-button {
  border-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=default] .before-shop-loop .filters-wide-button {
  border-color: var(--color-gray200);
}
@media screen and (max-width: 991.98px) {
  .before-shop-loop .filters-wide-button {
    display: none;
  }
}
.before-shop-loop .filters-wide-button > a {
  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;
  color: var(--color-text);
}
.before-shop-loop .filters-wide-button > a::after {
  font-family: "klbtheme";
  content: "\ea1b";
  border: 0;
  margin-left: 0.75rem;
}
.before-shop-loop .filters-wide-button > a i {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.before-shop-loop .filters-wide-button .filter-holder {
  display: none;
  width: 100%;
  padding: 1.875rem;
}
.before-shop-loop .filters-wide-button .filter-holder.show {
  display: block !important;
}
.before-shop-loop .filters-wide-button .filter-holder .filter-holder-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
.before-shop-loop .filters-wide-button .filter-holder .filter-holder-inner .widget {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  margin-bottom: 0;
}
.before-shop-loop .woocommerce-result-count {
  position: relative;
  font-size: 0.75rem;
  margin-bottom: 0;
  margin-right: auto;
  top: 1px;
}
body[data-color=custom][data-theme=light] .before-shop-loop .woocommerce-result-count {
  color: rgba(var(--color-rgb), 0.5);
}
body[data-color=default] .before-shop-loop .woocommerce-result-count {
  color: var(--color-gray600);
}
@media screen and (max-width: 991.98px) {
  .before-shop-loop .woocommerce-result-count {
    display: none;
  }
}
.before-shop-loop .sorting-products, .before-shop-loop .per-page-products {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.before-shop-loop .sorting-products > span, .before-shop-loop .per-page-products > span {
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 0.4375rem;
  opacity: 0.5;
}
.before-shop-loop .sorting-products select, .before-shop-loop .per-page-products select {
  font-size: 0.875rem;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  color: var(--color-text);
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.before-shop-loop .sorting-products + .per-page-products, .before-shop-loop .per-page-products + .per-page-products {
  display: none;
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}
.before-shop-loop .sorting-products + .per-page-products::before, .before-shop-loop .per-page-products + .per-page-products::before {
  content: "";
  position: absolute;
  width: 0.0625rem;
  height: 1.25rem;
  left: 0;
}
body[data-color=custom][data-theme=light] .before-shop-loop .sorting-products + .per-page-products::before, body[data-color=custom][data-theme=light] .before-shop-loop .per-page-products + .per-page-products::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .before-shop-loop .sorting-products + .per-page-products::before, body[data-color=default] .before-shop-loop .per-page-products + .per-page-products::before {
  background-color: var(--color-gray100);
}
@media screen and (min-width: 992px) {
  .before-shop-loop .sorting-products + .per-page-products, .before-shop-loop .per-page-products + .per-page-products {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 1.25rem;
    padding-left: 1.25rem;
  }
}
.before-shop-loop .product-views-buttons {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}
.before-shop-loop .product-views-buttons::before {
  content: "";
  position: absolute;
  width: 0.0625rem;
  height: 1.25rem;
  left: 0;
}
body[data-color=custom][data-theme=light] .before-shop-loop .product-views-buttons::before {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .before-shop-loop .product-views-buttons::before {
  background-color: var(--color-gray100);
}
@media screen and (min-width: 992px) {
  .before-shop-loop .product-views-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.before-shop-loop .product-views-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.125rem;
  letter-spacing: -1px;
  color: var(--color-text);
  width: 1.875rem;
  height: 1.875rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}
.before-shop-loop .product-views-buttons > * i {
  line-height: 1;
}
.before-shop-loop .product-views-buttons > * i::before {
  width: auto;
  margin: 0;
}
body[data-color=custom][data-theme=light] .before-shop-loop .product-views-buttons > *.active {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .before-shop-loop .product-views-buttons > *.active {
  background-color: var(--color-gray100);
}
body[data-color=custom][data-theme=light] .before-shop-loop .product-views-buttons > *:not(.active):hover {
  background-color: rgba(var(--color-rgb), 0.05);
}
body[data-color=default] .before-shop-loop .product-views-buttons > *:not(.active):hover {
  background-color: var(--color-gray25);
}
/* ----- Woocommerce Pagination ----- */
.woocommerce-pagination {
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .woocommerce-pagination {
    margin-top: 2.5rem;
  }
}
.woocommerce-pagination .page-numbers {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-pagination .page-numbers li > * {
  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: 500;
  width: 2.25rem;
  height: 2.25rem;
  color: currentColor;
  border-radius: calc(var(--theme-radius-base) / 2);
}
body[data-color=custom][data-theme=light] .woocommerce-pagination .page-numbers li > * {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=custom][data-theme=light] .woocommerce-pagination .page-numbers li > *:hover {
  background-color: rgba(var(--color-rgb), 0.11);
}
body[data-color=default] .woocommerce-pagination .page-numbers li > * {
  background-color: var(--color-gray50);
}
body[data-color=default] .woocommerce-pagination .page-numbers li > *:hover {
  background-color: var(--color-gray100);
}
.woocommerce-pagination .page-numbers li > *.prev, .woocommerce-pagination .page-numbers li > *.next {
  font-size: 1.125rem;
  background-color: transparent !important;
}
.woocommerce-pagination .page-numbers li > *.dots {
  font-size: 1rem;
  background-color: transparent !important;
}
.woocommerce-pagination .page-numbers li > *.current {
  color: #FFF;
  background-color: var(--theme-primary-color) !important;
}

/* ----- mobile filter sidebar ----- */
.mobile-filter-sidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: var(--color-background);
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media screen and (min-width: 320px) {
  .mobile-filter-sidebar {
    width: 22.5rem;
  }
}
.mobile-filter-sidebar .filter-sidebar-header {
  position: relative;
  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: 0.75rem 1.25rem 0.375rem;
}
.mobile-filter-sidebar .filter-sidebar-header .entry-title {
  font-size: 1rem;
  margin-bottom: 0;
}
.mobile-filter-sidebar .filter-sidebar-body {
  padding: 0.625rem 1.25rem;
}

/* ----- my account ----- */
.my-account-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 992px) {
  .my-account-wrapper {
    gap: 1.875rem;
    margin-top: 1.875rem;
  }
}
.my-account-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .my-account-wrapper .my-account-navigation {
    width: 18.75rem;
  }
}
@media screen and (max-width: 991.98px) {
  .my-account-wrapper .my-account-navigation {
    border-bottom: 1px solid;
  }
  body[data-color=custom][data-theme=light] .my-account-wrapper .my-account-navigation {
    border-color: rgba(var(--color-rgb), 0.1);
  }
  body[data-color=default] .my-account-wrapper .my-account-navigation {
    border-color: var(--color-gray100);
  }
}
@media screen and (min-width: 992px) {
  .my-account-wrapper .woocommerce-MyAccount-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-left: 2.5rem;
  }
}
.my-account-wrapper .woocommerce-MyAccount-content p a {
  position: relative;
  color: var(--color-blue600);
}
.my-account-wrapper .woocommerce-MyAccount-content p a:hover {
  text-decoration: underline;
}
.my-account-wrapper .user-detail {
  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;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .my-account-wrapper .user-detail {
    margin-bottom: 1.875rem;
  }
}
.my-account-wrapper .user-detail .user-avatar {
  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.9375rem;
  font-weight: 600;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  margin-right: 0.9375rem;
  color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-color-RGB), 0.1);
}
.my-account-wrapper .user-detail .user-info {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.my-account-wrapper .user-detail .user-info span {
  display: block;
  font-size: 0.75rem;
  opacity: 0.5;
  margin-bottom: 0.1875rem;
}
.my-account-wrapper .user-detail .user-info .entry-name {
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.my-account-wrapper .user-detail .user-menu-button {
  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;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .my-account-wrapper .user-detail .user-menu-button {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .my-account-wrapper .user-detail .user-menu-button {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .my-account-wrapper .user-detail .user-menu-button {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .my-account-wrapper .woocommerce-MyAccount-navigation-menu {
    display: none;
  }
  body.my-account-navigation-active .my-account-wrapper .woocommerce-MyAccount-navigation-menu {
    display: block;
  }
}
.my-account-wrapper .woocommerce-MyAccount-navigation-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991.98px) {
  .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul {
    border-top: 1px solid;
  }
  body[data-color=custom][data-theme=light] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul {
    border-color: rgba(var(--color-rgb), 0.1);
  }
  body[data-color=default] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul {
    border-color: var(--color-gray100);
  }
}
.my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li + li {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li + li {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li + li {
  border-color: var(--color-gray100);
}
.my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  color: var(--color-text);
}
.my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li a i {
  font-size: 1.375rem;
  width: 1.875rem;
  margin-right: 0.625rem;
}
body[data-color=custom][data-theme=light] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li.is-active a {
  background-color: rgba(var(--color-rgb), 0.04);
}
body[data-color=default] .my-account-wrapper .woocommerce-MyAccount-navigation-menu ul li.is-active a {
  background-color: var(--color-gray25);
}

/* ----- login ----- */
.site-login {
  position: relative;
  margin-top: 1.875rem;
}
@media screen and (min-width: 992px) {
  .site-login {
    margin-top: 6.25rem;
    margin-bottom: 7.5rem;
  }
}
.site-login .site-login-inner {
  max-width: 32.5rem;
  margin-left: auto;
  margin-right: auto;
}
.site-login .site-login-inner .site-login-overflow {
  position: relative;
  overflow: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.site-login .site-login-inner .login-page-tab {
  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-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .site-login .site-login-inner .login-page-tab {
    gap: 1.875rem;
    margin-bottom: 3.125rem;
  }
}
.site-login .site-login-inner .login-page-tab li a {
  position: relative;
  font-size: 1.375rem;
  font-weight: 500;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-bottom: 0.25rem;
  -webkit-transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
.site-login .site-login-inner .login-page-tab li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: currentColor;
  -webkit-transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
body[data-color=custom][data-theme=light] .site-login .site-login-inner .login-page-tab li a {
  color: rgba(var(--color-rgb), 0.5);
}
body[data-color=default] .site-login .site-login-inner .login-page-tab li a {
  color: var(--color-gray500);
}
@media screen and (min-width: 992px) {
  .site-login .site-login-inner .login-page-tab li a {
    font-size: 2rem;
  }
}
.site-login .site-login-inner .login-page-tab li a.active {
  color: var(--color-text) !important;
}
.site-login .site-login-inner .login-page-tab li a.active::before {
  opacity: 1;
}
.site-login .site-login-inner .login-form-container {
  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.25, 0.1, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-login .site-login-inner .login-form-container .login-form, .site-login .site-login-inner .login-form-container .register-form {
  padding: 0 0.0625rem;
  width: 100%;
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.4s 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.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-login .site-login-inner .login-form-container .login-form > p, .site-login .site-login-inner .login-form-container .register-form > p {
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 1.25rem;
}
.site-login .site-login-inner .login-form-container .login-form input, .site-login .site-login-inner .login-form-container .register-form input {
  height: 2.875rem !important;
}
.site-login .site-login-inner .login-form-container .login-form input[type=checkbox], .site-login .site-login-inner .login-form-container .register-form input[type=checkbox] {
  height: auto !important;
}
.site-login .site-login-inner .login-form-container .login-form .woocommerce-button, .site-login .site-login-inner .login-form-container .register-form .woocommerce-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 3rem !important;
  width: 100%;
  height: 3rem !important;
}
.site-login .site-login-inner .login-form-container .login-form .lost-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.site-login .site-login-inner .login-form-container .login-form .lost-password .form-row label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.site-login .site-login-inner .login-form-container .login-form .lost-password .woocommerce-LostPassword {
  font-size: 0.8125rem;
  font-weight: 500;
}
.site-login .site-login-inner .login-form-container .login-form .lost-password .woocommerce-LostPassword a {
  padding-bottom: 0.125rem;
  color: var(--color-blue600);
}
.site-login .site-login-inner .login-form-container .register-form {
  opacity: 0;
}
.site-login .site-login-inner .login-form-container .woocommerce-form-register > p:not(.woocommerce-form-row) {
  font-weight: 500;
}
.site-login .site-login-inner .login-form-container .woocommerce-form-register p:not(.woocommerce-form-row) {
  font-size: 0.8125rem;
}
.site-login .site-login-inner .login-form-container .woocommerce-form-register__submit {
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
.site-login .site-login-inner .login-form-container .woocommerce-form-register__submit:hover {
  background-color: rgba(var(--theme-primary-color-RGB), 0.9);
}
.site-login .site-login-inner .login-form-container.show-register-form {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.site-login .site-login-inner .login-form-container.show-register-form .login-form {
  opacity: 0;
}
.site-login .site-login-inner .login-form-container.show-register-form .register-form {
  opacity: 1;
}

/* ----- cart page ----- */
.cart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .cart-wrapper {
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
}
.cart-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .cart-wrapper .woocommerce-cart-form {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .cart-wrapper .cart-collaterals {
    width: 21.25rem;
  }
}
@media screen and (min-width: 992px) {
  .cart-wrapper .cart-collaterals .cart_totals {
    border-radius: var(--theme-radius-base);
    padding: 2.1875rem;
  }
  body[data-color=custom][data-theme=light] .cart-wrapper .cart-collaterals .cart_totals {
    background-color: rgba(var(--color-rgb), 0.06);
  }
  body[data-color=default] .cart-wrapper .cart-collaterals .cart_totals {
    background-color: var(--color-gray25);
  }
}
body[data-color=custom][data-theme=light] .cart-wrapper .cart-collaterals .cart_totals .shop_table tr {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .cart-wrapper .cart-collaterals .cart_totals .shop_table tr {
  border-color: var(--color-gray300);
}
.cart-wrapper .cart-collaterals .cart_totals .shop_table tr th, .cart-wrapper .cart-collaterals .cart_totals .shop_table tr td {
  line-height: 1;
}
.cart-wrapper .klb-free-shipping {
  border: 1px dashed;
  padding: 0.9375rem;
  border-radius: calc(var(--theme-radius-base) / 2);
  margin-bottom: 0.3125rem;
}
body[data-color=custom][data-theme=light] .cart-wrapper .klb-free-shipping {
  border-color: rgba(var(--color-redRGB), 0.4);
  background-color: rgba(var(--color-redRGB), 0.3);
}
body[data-color=default] .cart-wrapper .klb-free-shipping {
  border-color: var(--color-red400);
  background-color: var(--color-red25);
}
@media screen and (min-width: 992px) {
  .cart-wrapper .klb-free-shipping {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.cart-wrapper .klb-free-shipping p {
  font-size: 0.875rem;
}
body[data-color=custom][data-theme=light] .cart-wrapper .klb-free-shipping .shipping-progress {
  background-color: rgba(var(--color-redRGB), 0.1);
}
body[data-color=default] .cart-wrapper .klb-free-shipping .shipping-progress {
  background-color: var(--color-red100);
}

/* ----- cart-collaterals ----- */
.cart-collaterals .cart_totals > h2 {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid;
}
@media screen and (min-width: 992px) {
  .cart-collaterals .cart_totals > h2 {
    font-size: 1.125rem;
  }
}
body[data-color=custom][data-theme=light] .cart-collaterals .cart_totals > h2 {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .cart-collaterals .cart_totals > h2 {
  border-color: var(--color-gray300);
}
.cart-collaterals .cart_totals .shop_table tr th {
  font-weight: 400;
  padding-left: 0;
}
.cart-collaterals .cart_totals .shop_table tr td {
  padding-right: 0;
  text-align: right;
}
.cart-collaterals .wc-proceed-to-checkout {
  margin-top: 0.9375rem;
}
.cart-collaterals .wc-proceed-to-checkout .checkout-button {
  height: 2.875rem !important;
}

/* ----- shop table ----- */
.shop_table {
  font-size: 0.875rem;
  color: var(--color-text);
  width: 100%;
}
@media screen and (min-width: 992px) {
  .shop_table thead tr th.product-remove {
    border-bottom: 1px solid !important;
  }
}
body[data-color=custom][data-theme=light] .shop_table thead tr th {
  border-color: rgba(var(--color-rgb), 0.2) !important;
}
body[data-color=default] .shop_table thead tr th {
  border-color: var(--color-gray200) !important;
}
.shop_table tr {
  position: relative;
}
.shop_table tr th, .shop_table tr td {
  padding: 0.75rem;
  vertical-align: middle;
}
.shop_table tr .actions {
  padding-left: 0;
  padding-right: 0;
}
.shop_table tr.order-total th {
  font-size: 1rem;
}
.shop_table tr.order-total td {
  font-size: 1.25rem;
  color: var(--color-red600);
}
.shop_table tr + tr {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .shop_table tr + tr {
  border-color: rgba(var(--color-rgb), 0.1) !important;
}
body[data-color=default] .shop_table tr + tr {
  border-color: var(--color-gray100) !important;
}
.shop_table.woocommerce-cart-form__contents {
  font-size: 0.9375rem;
}
.shop_table.woocommerce-cart-form__contents .product-thumbnail {
  padding-left: 0;
  padding-right: 0;
}
.shop_table.woocommerce-cart-form__contents .product-thumbnail img {
  max-width: 2.875rem;
}
@media screen and (min-width: 992px) {
  .shop_table.woocommerce-cart-form__contents .product-thumbnail img {
    max-width: 4.125rem;
  }
}
.shop_table.woocommerce-cart-form__contents .product-name {
  font-weight: 500;
}
@media screen and (max-width: 991.98px) {
  .shop_table.woocommerce-cart-form__contents .product-name {
    font-size: 0.875rem;
  }
}
.shop_table.woocommerce-cart-form__contents .product-name a {
  color: currentColor;
}
body.link-underline .shop_table.woocommerce-cart-form__contents .product-name 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 .shop_table.woocommerce-cart-form__contents .product-name a:hover {
  text-decoration-color: currentColor;
}
@media screen and (max-width: 991.98px) {
  .shop_table.woocommerce-cart-form__contents th.product-remove {
    display: none;
  }
}
.shop_table.woocommerce-cart-form__contents td.product-remove a {
  font-size: 0;
}
.shop_table.woocommerce-cart-form__contents td.product-remove a::before {
  font-family: "klbtheme";
  content: "\ea41";
  font-size: 0.875rem;
}
@media screen and (max-width: 991.98px) {
  .shop_table.woocommerce-cart-form__contents td.product-remove {
    position: absolute;
  }
}
@media screen and (max-width: 991.98px) {
  .shop_table.woocommerce-cart-form__contents .product-price, .shop_table.woocommerce-cart-form__contents .product-subtotal {
    display: none;
  }
}
.shop_table .product-remove {
  border: 0 !important;
  padding: 0.3125rem;
  left: 0;
}
.shop_table .product-remove a {
  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-family: fantasy;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  width: 1.125rem;
  height: 1.125rem;
  color: #FFF;
  background-color: var(--color-red600);
  border-radius: 50%;
}
.shop_table .actions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}
.shop_table .actions-wrapper .coupon {
  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;
  gap: 0.3125rem;
}
@media screen and (min-width: 992px) {
  .shop_table .actions-wrapper .coupon {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-right: auto;
    padding-right: 1.25rem;
  }
  .shop_table .actions-wrapper .coupon label {
    width: auto;
    margin-bottom: 0;
    margin-right: 0.3125rem;
  }
  .shop_table .actions-wrapper .coupon input {
    max-width: 20rem;
  }
}
.shop_table .actions-wrapper .coupon button {
  color: #FFF;
  background-color: var(--color-cyan600);
  border-color: transparent;
}
.shop_table .actions-wrapper .coupon button:hover {
  background-color: rgba(var(--color-cyanRGB), 0.95);
}
@media screen and (max-width: 991.98px) {
  .shop_table .actions-wrapper .coupon input {
    height: 2.875rem;
  }
  .shop_table .actions-wrapper .coupon button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    line-height: 2.875rem;
    height: 2.875rem;
  }
}
.shop_table .actions-wrapper .empty-cart-button {
  background-color: transparent;
  border: 1px solid var(--color-gray400);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
}
.shop_table .actions-wrapper .empty-cart-button:hover {
  background-color: var(--color-gray25);
}
@media screen and (max-width: 991.98px) {
  .shop_table .actions-wrapper > button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
}

/* ----- page checkout ----- */
@media screen and (min-width: 992px) {
  .checkout-wrapper:not(.multistep) .cart-wrapper #customer_details {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .checkout-wrapper:not(.multistep) .cart-wrapper .order-review-wrapper {
    width: 21.25rem;
  }
}
.checkout-wrapper.multistep {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.checkout-wrapper #customer_details .col-1, .checkout-wrapper #customer_details .col-2 {
  width: 100%;
}
.checkout-wrapper .woocommerce-billing-fields > h3, .checkout-wrapper .woocommerce-additional-fields > h3 {
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 992px) {
  .checkout-wrapper .woocommerce-billing-fields > h3, .checkout-wrapper .woocommerce-additional-fields > h3 {
    font-size: 1.25rem;
  }
}
.checkout-wrapper .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .checkout-wrapper .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper, .checkout-wrapper .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper, .checkout-wrapper .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.checkout-wrapper .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > *, .checkout-wrapper .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper > *, .checkout-wrapper .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper > *, .checkout-wrapper .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  .checkout-wrapper .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > *.form-row-first, .checkout-wrapper .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > *.form-row-last, .checkout-wrapper .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper > *.form-row-first, .checkout-wrapper .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper > *.form-row-last, .checkout-wrapper .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper > *.form-row-first, .checkout-wrapper .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper > *.form-row-last, .checkout-wrapper .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper > *.form-row-first, .checkout-wrapper .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper > *.form-row-last {
    width: 50%;
  }
}
.checkout-wrapper .woocommerce-input-wrapper {
  width: 100%;
}
.checkout-wrapper .woocommerce-input-wrapper input {
  height: 2.875rem;
}
.checkout-wrapper .order-review-wrapper #order_review_heading {
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 992px) {
  .checkout-wrapper .order-review-wrapper #order_review_heading {
    font-size: 1.25rem;
  }
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table {
  margin-bottom: 1.25rem;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr {
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr {
  border-color: var(--color-gray100);
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr th {
  font-weight: 600;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr th:first-child {
  padding-left: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table thead tr th:last-child {
  text-align: right;
  padding-right: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr {
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr {
  border-color: var(--color-gray100);
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr td:first-child {
  padding-left: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr td:last-child {
  text-align: right;
  padding-right: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tbody tr td.product-name {
  padding-right: 0.9375rem;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tfoot tr {
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .checkout-wrapper .order-review-wrapper #order_review .shop_table tfoot tr {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .checkout-wrapper .order-review-wrapper #order_review .shop_table tfoot tr {
  border-color: var(--color-gray100);
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tfoot tr th {
  font-weight: 500;
  padding-left: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .shop_table tfoot tr td {
  text-align: right;
  padding-right: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods {
  padding: 0;
  list-style: none;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li + li {
  margin-top: 0.9375rem;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.4375rem;
  cursor: pointer;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li label::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  border: 1px solid;
  margin-top: -1px;
}
body[data-color=custom][data-theme=light] .checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li label::before {
  border-color: rgba(var(--color-rgb), 0.5);
}
body[data-color=default] .checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li label::before {
  border-color: var(--color-gray500);
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li input[type=radio] {
  display: none;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li input[type=radio]:checked + label {
  color: var(--theme-primary-color);
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li input[type=radio]:checked + label::before {
  border-color: var(--theme-primary-color) !important;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: var(--theme-primary-color);
  left: 0.1875rem;
  margin-top: -1px;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .wc_payment_methods li .payment_box p {
  font-size: 0.8125rem;
  padding-left: 1.875rem;
  color: var(--color-gray700);
  margin-bottom: 0.3125rem;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
  font-size: 0.75rem;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
  color: var(--color-gray700);
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a {
  font-weight: 600;
  color: var(--color-red600);
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper > .form-row .woocommerce-form__label-for-checkbox {
  display: block;
  padding-left: 1.5625rem;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper > .form-row .woocommerce-form__label-for-checkbox input {
  position: absolute;
  margin-top: 0.0625rem;
  left: 0;
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper > .form-row .woocommerce-form__label-for-checkbox a {
  font-weight: 600;
  color: var(--color-blue600);
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order button#place_order {
  height: 2.875rem;
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
@media screen and (min-width: 992px) {
  .checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order button#place_order {
    height: 3.125rem;
  }
}
.checkout-wrapper .order-review-wrapper #order_review .woocommerce-checkout-payment .place-order button#place_order:hover {
  background-color: rgba(var(--theme-primary-color-RGB), 0.9);
}

/* ----- steps header ----- */
.klb-steps-header {
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 992px) {
  .klb-steps-header {
    margin-top: 3.75rem;
    margin-bottom: 3.125rem;
  }
}
.klb-steps-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.klb-steps-header ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  text-align: center;
}
.klb-steps-header ul li::before {
  content: "";
  position: absolute;
  left: -0.625rem;
  right: -0.625rem;
  height: 0.0625rem;
  top: 1.1875rem;
  background-color: currentColor;
  z-index: -1;
  opacity: 0.13;
}
@media screen and (min-width: 992px) {
  .klb-steps-header ul li::before {
    top: 1.625rem;
  }
}
.klb-steps-header ul li:first-child::before {
  left: 0;
}
.klb-steps-header ul li:last-child::before {
  right: 0;
}
.klb-steps-header ul li a {
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--color-gray500);
  pointer-events: none;
}
.klb-steps-header ul li a .step-status {
  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: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  margin-bottom: 0.625rem;
  background-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .klb-steps-header ul li a .step-status {
    width: 3rem;
    height: 3rem;
  }
}
.klb-steps-header ul li a .step-status .number {
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .klb-steps-header ul li a .step-status .number {
    font-size: 1rem;
  }
}
.klb-steps-header ul li a .step-status .icon {
  display: none;
}
.klb-steps-header ul li a .step-title {
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
}
.klb-steps-header ul li.active::before {
  opacity: 1;
}
.klb-steps-header ul li.active a {
  color: var(--color-text);
}
.klb-steps-header ul li.active a .step-status {
  color: #FFF;
  background-color: #1B1F22;
}

/* ----- steps footer ----- */
.klb-steps-footer {
  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;
  padding-top: 2.5rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .klb-steps-footer {
  border-color: rgba(var(--color-rgb), 0.2);
}
body[data-color=default] .klb-steps-footer {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .klb-steps-footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.klb-steps-footer .step-buttons-holder {
  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;
  text-align: center;
  width: 100%;
  gap: 1.25rem;
}
@media screen and (max-width: 991.98px) {
  .klb-steps-footer .step-buttons-holder {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.klb-steps-footer .step-buttons-holder p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .klb-steps-footer .step-buttons-holder p {
    width: auto;
    margin-right: auto;
  }
}
.klb-steps-footer .btn {
  height: 2.75rem;
}

/* ----- multistep holder ----- */
.multistep-checkout-holder:not(.login-disable) #customer_details, .multistep-checkout-holder:not(.login-disable) #order_review, .multistep-checkout-holder:not(.login-disable) #order_review_heading {
  display: none;
}
.multistep-checkout-holder.login-disable #order_review, .multistep-checkout-holder.login-disable #order_review_heading {
  display: none;
}

/* ----- quickview product ----- */
.klb-quickview-product.white-popup {
  position: relative;
  max-width: 62rem;
  background-color: var(--color-background);
  padding: 1.25rem;
  border-radius: var(--theme-radius-base);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .klb-quickview-product.white-popup {
    padding: 2.1875rem;
  }
}
.klb-quickview-product .klb-loader-wrapper {
  -webkit-transition: opacity 0.15s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: opacity 0.15s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
.klb-quickview-product .single-product-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: opacity 0.2s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
@media screen and (min-width: 992px) {
  .klb-quickview-product .single-product-wrapper .column.product-detail {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .klb-quickview-product .single-product-wrapper .product_title {
    font-size: 1.5rem;
  }
}
.klb-quickview-product.loaded .klb-loader-wrapper {
  opacity: 0;
}
.klb-quickview-product.loaded .single-product-wrapper {
  opacity: 1;
}

/* ----- 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 > * {
  width: 100%;
  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);
}
.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-form-login__submit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__submit {
    line-height: 2.875rem !important;
    height: 2.875rem !important;
  }
}
.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 hover gallery ----- */
.product-hover-gallery .product-main-image {
  position: relative;
}
.product-hover-gallery .product-main-image.disabled {
  opacity: 0;
}
.product-hover-gallery .product-thumbnail-gallery {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product-hover-gallery .product-thumbnail-gallery > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  top: 0;
  left: 0;
}
.product-hover-gallery .product-thumbnail-gallery > * img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
}
.product-hover-gallery .product-thumbnail-gallery > *.active img {
  opacity: 1;
}

/* ----- product category ----- */
.product-category {
  position: relative;
  font-size: var(--theme-font-sm);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.product-category > a {
  color: currentColor;
}
body.link-underline .product-category > a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.095rem;
  -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 .product-category > a:hover {
  text-decoration-color: currentColor;
}

/* ----- 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);
}

/* ----- product quantity ----- */
.quantity {
  --qty-size: 2rem;
  --qty-form: 2.5rem;
  --qty-height: 2.75rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: var(--qty-size);
  padding-right: var(--qty-size);
  border-radius: var(--theme-radius-form);
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .quantity {
  border-color: rgba(var(--color-rgb), 0.17);
}
body[data-color=default] .quantity {
  border-color: var(--color-gray300);
}
.quantity .minus, .quantity .plus {
  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.875rem;
  width: var(--qty-size);
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.quantity .plus {
  left: auto;
  right: 0;
}
.quantity .qty {
  font-size: 0.9375rem;
  text-align: center;
  width: var(--qty-form);
  height: var(--qty-height);
  line-height: inherit;
  border: 0 !important;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.quantity.ajax-quantity input {
  width: 2.75rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  line-height: inherit;
}
.quantity.ajax-quantity .minus {
  font-size: 0.8125rem;
}
.quantity.ajax-quantity .minus::before {
  content: "";
  position: absolute;
  width: 100%;
  top: -0.0625rem;
  left: -0.0625rem;
  bottom: -0.0625rem;
  background-color: var(--color-gray100);
  border-top-left-radius: var(--theme-radius-form);
  border-bottom-left-radius: var(--theme-radius-form);
}
.quantity.ajax-quantity .minus i {
  position: relative;
  z-index: 1;
}
.quantity.ajax-quantity .plus {
  font-size: 0.8125rem;
}
.quantity.ajax-quantity .plus::before {
  content: "";
  position: absolute;
  width: 100%;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  background-color: var(--color-yellow600);
  border-top-right-radius: var(--theme-radius-form);
  border-bottom-right-radius: var(--theme-radius-form);
}
.quantity.ajax-quantity .plus i {
  position: relative;
  z-index: 1;
}

/* ----- product content switcher ----- */
.product-content-switcher {
  position: relative;
  display: block;
  overflow: hidden;
}
.product-content-switcher .switcher-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: -webkit-transform 0.35s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: transform 0.35s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: transform 0.35s cubic-bezier(0.17, 0.62, 0.44, 0.99), -webkit-transform 0.35s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
@media screen and (min-width: 992px) {
  .product-content-switcher .switcher-wrapper {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.product-content-switcher .switcher-wrapper > * {
  margin-bottom: 0 !important;
}
.product-content-switcher .switcher-wrapper > *:nth-child(2) {
  position: absolute;
  bottom: -100%;
}
.product-content-switcher .add_to_cart_button {
  all: unset;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

/* ----- product vendor ----- */
.product-vendor {
  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;
}
.product-vendor > span {
  opacity: 0.6;
}
.product-vendor > span + a {
  margin-left: 0.25rem;
}
.product-vendor > a {
  font-weight: 600;
  color: currentColor;
}

/* ----- product progress ----- */
.product-progress {
  position: relative;
  margin-top: 0.3125rem;
}
.product-progress .product-progressbar {
  position: relative;
  margin-bottom: 0.375rem;
}
.product-progress .product-progressbar.style-1 {
  height: 0.375rem;
  background-color: var(--color-gray100);
  border-radius: 0.875rem;
  overflow: hidden;
}
body[data-color=custom][data-theme=light] .product-progress .product-progressbar.style-1 {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .product-progress .product-progressbar.style-1 {
  background-color: var(--color-gray100);
}
.product-progress .product-progressbar.style-1 .progressbar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-red600);
  border-radius: 0.875rem;
}
.product-progress .product-progressbar.style-1.size-4 {
  height: 0.25rem;
}
.product-progress .product-progressbar.style-1.size-8 {
  height: 0.5rem;
}
.product-progress .product-progressbar.style-1.size-19 {
  height: 0.625rem;
}
.product-progress .product-progress-detail .product-pcs {
  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;
  font-size: 0.75rem;
}
.product-progress .product-progress-detail .product-pcs span {
  font-size: 0.9375rem;
  font-weight: 700;
  margin-left: 0.375rem;
  color: var(--color-red700);
}
@media screen and (min-width: 992px) {
  .product-progress .product-progress-detail .product-pcs span {
    font-size: 1.125rem;
  }
}
.product-progress .product-progress-detail .product-stock {
  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-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-gray500);
}
.product-progress .product-progress-detail .product-stock strong {
  font-weight: 600;
  color: var(--color-text);
}
.product-progress .product-progress-detail .product-stock .sold strong {
  color: var(--color-red700);
}

/* ----- product footer ----- */
.product-footer {
  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;
  left: 0;
  right: 0;
  border-top: 0.0625rem solid var(--color-gray100);
  -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);
}
.product-footer > * {
  padding: 0.9375rem;
}
.product-footer > *.product-footer-details {
  font-size: 0.75rem;
}
.product-footer > *.product-footer-details p {
  margin-bottom: 0;
}
.product-footer > *.product-footer-details ul {
  margin: 0;
  padding-left: 0.9375rem;
}
.product-footer > *.product-footer-details ul li + li {
  margin-top: 0.125rem;
}
.product-footer > *.product-footer-details > * + * {
  margin-top: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .product-footer {
    position: absolute;
    opacity: 0;
    visibility: hidden;
  }
}

/* ----- product unit / unit price ----- */
.product-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--theme-font-size-sm);
  color: var(--color-gray600);
  border: 0.0625rem solid;
  padding: 0.0625rem 0.3125rem;
  border-radius: calc(var(--theme-radius-base) / 2);
}
body[data-color=custom][data-theme=light] .product-unit {
  color: rgba(var(--color-rgb), 0.6);
  border-color: rgba(var(--color-rgb), 0.4);
}
body[data-color=default] .product-unit {
  border-color: var(--color-gray300);
}
.product-unit-price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--theme-font-size-sm);
  margin-top: 0.125rem;
  margin-bottom: 0.9375rem;
  color: var(--color-gray600);
}
body[data-color=custom][data-theme=light] .product-unit-price {
  color: rgba(var(--color-rgb), 0.7);
}

/* ----- product inventory ----- */
.product-inventory {
  font-size: var(--theme-font-size-sm);
  font-weight: 600;
}

/* ----- product delivery time ----- */
.product-delivery-time {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-gray500);
}
.product-delivery-time strong {
  color: var(--color-text);
}
.product-delivery-time.fast-shipping {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text);
  border: 0.0625rem solid rgba(var(--color-rgb), 0.13);
  padding: 0.125rem 0.375rem;
  border-radius: 2.125rem;
}
.product-delivery-time.fast-shipping i {
  font-size: 1rem;
  line-height: 1;
  margin-right: 0.3125rem;
}
.product-delivery-time.fast-shipping i::before {
  margin: 0;
}

/* ----- product category ----- */
.product-category {
  margin-bottom: 0.25rem;
}
.product-category a {
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--color-gray500);
}

/* ----- product color swatcher ----- */
.product-color-switcher {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
  padding-bottom: 0.25rem;
  margin-top: 0.9375rem;
}
.product-color-switcher .klb-swatch-item {
  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;
  cursor: pointer;
}
.product-color-switcher .klb-swatch-item .klb-swatch-bg {
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  -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);
}
@media screen and (min-width: 992px) {
  .product-color-switcher .klb-swatch-item .klb-swatch-bg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
.product-color-switcher .klb-swatch-item.active .klb-swatch-bg, .product-color-switcher .klb-swatch-item:hover .klb-swatch-bg {
  -webkit-box-shadow: var(--color-gray500) 0px 0px 0px 1px inset, var(--color-background) 0px 0px 0px 3px inset;
          box-shadow: var(--color-gray500) 0px 0px 0px 1px inset, var(--color-background) 0px 0px 0px 3px inset;
}

/* ----- 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);
}
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.08s;
            transition-delay: 0.08s;
  }
  .products .thumbnail-wrapper .thumbnail-buttons > *:not(.tinv-wishlist).quickview-button, .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;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 0.5rem;
}
@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 .quantity {
  --qty-height: 2.0625rem;
  display: none;
}
.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-1 .product-hover-gallery .hover-gallery-dots {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
  bottom: 0.625rem;
  right: 0.9375rem;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.1875rem 0.25rem;
  border-radius: 0.9375rem;
  pointer-events: none;
  z-index: 1;
}
.products .product .product-wrapper.style-1 .product-hover-gallery .hover-gallery-dots > * {
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: var(--color-gray300);
  border-radius: 50%;
}
.products .product .product-wrapper.style-1 .product-hover-gallery .hover-gallery-dots > *.active {
  background-color: var(--color-yellow700);
}
.products .product .product-wrapper.style-1 .thumbnail-badges {
  top: 0;
  left: 0;
}
.products .product .product-wrapper.style-1 .thumbnail-badges .sale {
  margin-top: auto;
}
.products .product .product-wrapper.style-1 .price {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-1 .product-rating {
  margin-bottom: 0.3125rem;
}
@media screen and (min-width: 1024px) {
  .products .product .product-wrapper.style-1 .product-rating {
    margin-bottom: 0.4375rem;
  }
}
.products .product .product-wrapper.style-1 .product-buttons {
  margin-top: 0.625rem;
}
.products .product .product-wrapper.style-1 .product-buttons > * {
  line-height: 2rem;
  height: 2rem;
}
.products .product .product-wrapper.style-1 .product-buttons > *.add_to_cart_button {
  font-size: 0.8125rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.products .product .product-wrapper.style-1 .product-delivery-time {
  margin-top: 0.625rem;
}
.products .product .product-wrapper.style-2 .product-hover-gallery .hover-gallery-dots {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
  bottom: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.1875rem 0.25rem;
  border-radius: 0.9375rem;
  pointer-events: none;
  z-index: 1;
}
.products .product .product-wrapper.style-2 .product-hover-gallery .hover-gallery-dots > * {
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: var(--color-gray300);
  border-radius: 50%;
}
.products .product .product-wrapper.style-2 .product-hover-gallery .hover-gallery-dots > *.active {
  background-color: var(--color-yellow700);
}
.products .product .product-wrapper.style-2 .product-content-switcher {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-2 .product-title + .product-meta {
  margin-top: -0.1875rem;
  margin-bottom: 0.625rem;
}
.products .product .product-wrapper.style-2 .product-buttons {
  width: 100%;
}
.products .product .product-wrapper.style-2 .product-buttons + .product-inventory {
  margin-top: 0.5rem;
}
.products .product .product-wrapper.style-2 .product-countdown {
  margin-bottom: 0.5rem;
}
.products .product .product-wrapper.style-2 .product-countdown > p {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  width: 100%;
  margin-top: 0.3125rem;
  margin-bottom: 0;
  opacity: 0.6;
}
.products .product .product-wrapper.style-2 .price + .product-countdown {
  margin-top: 0.5rem;
}
.products .product .product-wrapper.style-2 .content-wrapper > .product-rating {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-3 .product-hover-gallery .hover-gallery-dots {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
  bottom: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.1875rem 0.25rem;
  border-radius: 0.9375rem;
  pointer-events: none;
  z-index: 1;
}
.products .product .product-wrapper.style-3 .product-hover-gallery .hover-gallery-dots > * {
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: var(--color-gray300);
  border-radius: 50%;
}
.products .product .product-wrapper.style-3 .product-hover-gallery .hover-gallery-dots > *.active {
  background-color: var(--color-yellow700);
}
.products .product .product-wrapper.style-3 .product-title + .product-rating, .products .product .product-wrapper.style-3 .product-title + .product-content-switcher {
  margin-bottom: 0.9375rem;
}
.products .product .product-wrapper.style-3 .product-delivery-time {
  margin-bottom: 0.125rem;
}
.products .product .product-wrapper.style-3 .product-delivery-time.fast-shipping {
  margin-bottom: 0.375rem;
}
.products .product .product-wrapper.style-3 .product-delivery-time + .fast-shipping {
  margin-top: 0.3125rem;
}
.products .product .product-wrapper.style-3 .product-progress {
  margin-top: 0.625rem;
}
.products .product .product-wrapper.with-content-fade .thumbnail-wrapper {
  padding: 0.9375rem;
}
.products .product .product-wrapper.with-content-fade .thumbnail-wrapper .thumbnail-badges {
  left: 1.25rem;
  top: 1.5625rem;
}
.products .product .product-wrapper.with-content-fade .thumbnail-wrapper .thumbnail-buttons {
  top: 1.25rem;
  right: 1.25rem;
}
.products .product .product-wrapper.with-content-fade .content-wrapper {
  padding: 0 0.9375rem 0.9375rem;
}
.products .product .product-wrapper.style-4 .product-hover-gallery {
  overflow: initial;
}
.products .product .product-wrapper.style-4 .product-hover-gallery .hover-gallery-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3px;
  width: 100%;
  height: 0.25rem;
  bottom: -0.375rem;
  left: 0;
}
.products .product .product-wrapper.style-4 .product-hover-gallery .hover-gallery-dots > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  height: 0.25rem;
  background-color: rgba(27, 31, 34, 0.12);
}
.products .product .product-wrapper.style-4 .product-hover-gallery .hover-gallery-dots > *.active {
  background-color: rgba(27, 31, 34, 0.32);
}
.products .product .product-wrapper.style-4 .thumbnail-wrapper {
  margin-bottom: 1.0625rem;
}
.products .product .product-wrapper.style-4 .thumbnail-wrapper .thumbnail-badges {
  top: 0.75rem;
  left: 0.75rem;
}
.products .product .product-wrapper.style-4 .content-wrapper .product-rating {
  margin-bottom: 0.375rem;
}
.products .product .product-wrapper.style-4 .content-wrapper .product-title {
  margin-bottom: 0.375rem;
}
.products .product .product-wrapper.style-4 .content-wrapper .price + .product-progress {
  margin-top: 0.9375rem;
}
.products .product .product-wrapper.style-5 .product-hover-gallery {
  overflow: initial;
}
.products .product .product-wrapper.style-5 .product-hover-gallery .hover-gallery-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3px;
  width: 100%;
  height: 0.25rem;
  bottom: -0.375rem;
  left: 0;
}
.products .product .product-wrapper.style-5 .product-hover-gallery .hover-gallery-dots > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  height: 0.25rem;
  background-color: rgba(27, 31, 34, 0.12);
}
.products .product .product-wrapper.style-5 .product-hover-gallery .hover-gallery-dots > *.active {
  background-color: rgba(27, 31, 34, 0.32);
}
.products .product .product-wrapper.style-5 .thumbnail-wrapper {
  margin-bottom: 1.0625rem;
}
.products .product .product-wrapper.style-5 .thumbnail-wrapper .thumbnail-badges {
  top: 0.75rem;
  left: 0.75rem;
}
.products .product .product-wrapper.style-5 .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-5 .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-5 .content-wrapper .product-rating {
  margin-bottom: 0.375rem;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-title {
  margin-bottom: 0.375rem;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-content-switcher {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-content-switcher .add_to_cart_button {
  font-size: 0.875rem;
  text-transform: uppercase;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-content-switcher .add_to_cart_button:hover {
  color: var(--theme-primary-color);
}
.products .product .product-wrapper.style-5 .content-wrapper .product-content-switcher + .product-countdown {
  margin-top: 0.625rem;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-countdown .klb-countdown-wrapper {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-5 .content-wrapper .product-countdown .klb-countdown-wrapper + p {
  font-size: 0.75rem;
  color: var(--color-gray600);
}
.products .product .product-wrapper.style-6 {
  border: 1px solid;
  border-radius: var(--theme-radius-base);
}
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 1.25rem 1.25rem;
}
.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 .product-wrapper.style-7 .product-content-switcher, .products .product .product-wrapper.style-7 .product-rating {
  margin-bottom: 0.4375rem;
}
.products .product .product-wrapper.style-7 .product-category a {
  font-weight: 600;
  color: var(--color-text);
}
.products .product .product-wrapper.style-8 .product-rating, .products .product .product-wrapper.style-8 .product-buttons {
  margin-bottom: 0.4375rem;
}
.products .product .product-wrapper.style-9 .thumbnail-wrapper {
  border: 1px solid var(--color-gray100);
  border-radius: var(--theme-radius-base);
  overflow: hidden;
}
.products .product .product-wrapper.style-9 .thumbnail-wrapper .thumbnail-badges {
  left: 0.625rem;
  top: 0.625rem;
}
.products .product .product-wrapper.style-9 .thumbnail-wrapper .thumbnail-badges .badge {
  border-radius: 62.4375rem;
}
.products .product .product-wrapper.style-9 .product-rating {
  margin-bottom: 0.4375rem;
}
.products .product .product-wrapper.style-9 .price {
  margin-bottom: 0.625rem;
}
.products .product .product-wrapper.style-9 .product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 575.98px) {
  .products .product .product-wrapper.style-9 .product-buttons {
    gap: 0.3125rem;
  }
}
.products .product .product-wrapper.style-9 .product-buttons > * {
  font-size: 0.8125rem !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (max-width: 575.98px) {
  .products .product .product-wrapper.style-9 .product-buttons > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
.products .product .product-wrapper.style-9 .product-buttons .quickview-button {
  height: 2.1875rem;
  height: 2.1875rem;
}
.products .product .product-wrapper.style-10 .product-inner {
  position: relative;
  border: 1px solid var(--color-gray100);
  background-color: var(--color-background);
  border-radius: var(--theme-radius-base);
}
.products .product .product-wrapper.style-10 .product-inner .thumbnail-wrapper {
  margin-bottom: 0;
}
.products .product .product-wrapper.style-10 .product-inner .thumbnail-wrapper .product-thumbnail {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper {
  padding: 0.9375rem 0.9375rem 0.3125rem;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .product-title {
  margin-bottom: 0.3125rem;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .product-rating {
  margin-bottom: 10px;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .entry-description {
  font-size: 0.8125rem;
  margin-bottom: 0.625rem;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .entry-description p {
  color: var(--color-gray600);
  margin-bottom: 0;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .klb-countdown {
  background-color: var(--color-gray50);
  padding-left: 0.3125rem;
  padding-right: 0.125rem;
  border-radius: var(--theme-radius-base);
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .price-block {
  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;
  gap: 0.625rem;
  margin-bottom: 0;
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .product-buttons {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.3125rem;
  border-top: 1px solid var(--color-gray50);
}
.products .product .product-wrapper.style-10 .product-inner .content-wrapper .product-buttons .button {
  font-size: 0.75rem;
  height: 1.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.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;
  }
}

/* ----- products promotion ----- */
.product-promotion .product-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.625rem;
  text-transform: uppercase;
  background-color: var(--color-gray100);
  padding: 0.3125rem 0.625rem;
  border-radius: 2.5rem;
  margin-bottom: 0.9375rem;
}
.product-promotion .product-title {
  font-family: var(--theme-body-font);
  line-height: 1.4;
  margin-bottom: 0.625rem;
}
.product-promotion .product-title a {
  color: currentColor;
}
body.link-underline .product-promotion .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 .product-promotion .product-title a:hover {
  text-decoration-color: currentColor;
}
.product-promotion.list-style .product-inner {
  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-promotion.list-style .product-inner .thumbnail-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5rem;
          flex: 0 0 12.5rem;
  width: 12.5rem;
  margin-right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .product-promotion.list-style .product-inner .thumbnail-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13.75rem;
            flex: 0 0 13.75rem;
    width: 13.75rem;
  }
}
.product-promotion.list-style .product-inner .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.product-promotion.list-style .product-inner .content-wrapper .product-title {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .product-promotion.list-style .product-inner .content-wrapper .product-title {
    font-size: 0.9375rem;
  }
}
.product-promotion.list-style .product-inner .content-wrapper .entry-description {
  font-size: 0.8125rem;
}
.product-promotion.list-style .product-inner .content-wrapper .entry-description p {
  opacity: 0.7;
}
.product-promotion.list-style .product-inner .content-wrapper .btn {
  font-size: 0.6875rem;
  text-transform: uppercase;
  line-height: 1;
  height: 2.5rem;
}

/* ----- WooCommerce single product ----- */
.single-product-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: calc(var(--theme-site-gutters) * -1);
  margin-right: calc(var(--theme-site-gutters) * -1);
}
.single-product-wrapper > * {
  padding-left: var(--theme-site-gutters);
  padding-right: var(--theme-site-gutters);
}
.single-product-wrapper > *.product-header {
  margin-bottom: 1.25rem;
}
.single-product-wrapper > *.product-gallery {
  margin-bottom: 1.875rem;
}
.single-product-wrapper.style-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper.style-1 > *.product-gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-right: calc(var(--theme-site-gutters) * 2);
  }
  .single-product-wrapper.style-1 > *.product-detail {
    width: 46%;
  }
}
.single-product-wrapper.style-1 > *.product-content {
  margin-top: 2.5rem;
}
.single-product-wrapper.style-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper.style-2 > *.product-gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-right: calc(var(--theme-site-gutters) * 2);
  }
  .single-product-wrapper.style-2 > *.product-detail {
    width: 40%;
  }
}
.single-product-wrapper.style-2 > *.product-content {
  margin-top: 2.5rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper.style-2 > * .product-thumbnails-wrapper .slick-slide {
    height: 4.75rem !important;
  }
}
.single-product-wrapper.style-3 > *, .single-product-wrapper.style-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper.style-3 > *.product-gallery, .single-product-wrapper.style-4 > *.product-gallery {
    width: 35%;
    padding-right: calc(var(--theme-site-gutters) * 2);
  }
  .single-product-wrapper.style-3 > *.product-detail, .single-product-wrapper.style-4 > *.product-detail {
    width: 65%;
  }
}
.single-product-wrapper.style-3 > *.product-content, .single-product-wrapper.style-4 > *.product-content {
  margin-top: 2.5rem;
}
.single-product-wrapper.style-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper.style-5 > *.product-gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-right: calc(var(--theme-site-gutters) * 2);
  }
  .single-product-wrapper.style-5 > *.product-detail {
    width: 40%;
  }
}
.single-product-wrapper.style-5 > *.product-content {
  margin-top: 2.5rem;
}
.single-product-wrapper.style-5 > *.product-gallery .product-thumbnails-wrapper {
  height: 100%;
}
.single-product-wrapper.style-5 > *.product-gallery .product-thumbnails-wrapper ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper.style-5 > *.product-gallery .product-thumbnails-wrapper ol {
    position: sticky;
    top: 10.625rem;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper.style-5 > *.product-gallery .product-thumbnails-wrapper ol li + li {
    margin-top: 0.3125rem;
  }
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper.style-5 > *.product-gallery .product-thumbnails-wrapper {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper.style-5 > *.product-gallery .woocommerce-product-gallery__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
  }
  .single-product-wrapper.style-5 > *.product-gallery .woocommerce-product-gallery__wrapper > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper.style-5 > * .product-detail-inner {
    position: sticky;
    top: 10.625rem;
  }
}
.single-product-wrapper .product-detail.with-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-detail.with-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.single-product-wrapper .product-detail.with-side > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-detail.with-side > *.product-detail-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding-right: 2.8125rem;
  }
  .single-product-wrapper .product-detail.with-side > *.product-detail-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 18.75rem;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-detail.with-side.for-sidebar > *.product-detail-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 17.5rem;
  }
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper .product-detail.with-side.for-sidebar > *.product-detail-side {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-detail .detail-side-inner {
    border: 1px solid;
    border-radius: var(--theme-radius-base);
    padding: 1.5625rem;
    margin-bottom: 1.875rem;
  }
  body[data-color=custom][data-theme=light] .single-product-wrapper .product-detail .detail-side-inner {
    border-color: rgba(var(--color-rgb), 0.3);
  }
  body[data-color=default] .single-product-wrapper .product-detail .detail-side-inner {
    border-color: var(--color-gray300);
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .variations {
    margin-bottom: 0.3125rem;
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .variations tr + tr {
    margin-top: 0.9375rem;
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .variations .label {
    width: 100%;
    padding-bottom: 0.625rem;
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .quantity {
    width: 100%;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-bottom: 0.625rem;
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .quantity .qty {
    width: 100%;
  }
  .single-product-wrapper .product-detail .detail-side-inner .cart .add_to_cart_button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.single-product-wrapper .woocommerce-product-gallery {
  position: relative;
}
.single-product-wrapper .woocommerce-product-gallery .badge {
  position: absolute;
  font-size: 1rem;
  width: 3.625rem;
  height: 3.625rem;
  top: 0.625rem;
  left: 0.625rem;
  border-radius: 50%;
  background-color: var(--color-red600);
}
.single-product-wrapper .woocommerce-product-gallery .flex-viewport {
  position: relative;
}
.single-product-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  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;
  line-height: 1;
  width: 2.5rem;
  height: 2.5rem;
  top: 0.75rem;
  right: 0.75rem;
  border-radius: 50%;
  -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;
  border: 1px solid;
  -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);
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  border-color: rgba(var(--color-rgb), 0.07);
}
body[data-color=default] .single-product-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  border-color: var(--color-gray50);
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    width: 2.875rem;
    height: 2.875rem;
  }
}
.single-product-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  font-family: "klbtheme";
  font-size: 1.5rem;
  content: "\ebf1";
  color: var(--color-text);
}
.single-product-wrapper .woocommerce-product-gallery .klb-single-video {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
}
.single-product-wrapper .woocommerce-product-gallery .klb-single-video 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;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  -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;
  color: var(--color-text);
  background-color: #FFF;
  border: 1px solid;
  padding: 0.75rem 1rem;
  border-radius: 2.875rem;
  -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);
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-product-gallery .klb-single-video a {
  border-color: rgba(var(--color-rgb), 0.07);
}
body[data-color=default] .single-product-wrapper .woocommerce-product-gallery .klb-single-video a {
  border-color: var(--color-gray50);
}
.single-product-wrapper .woocommerce-product-gallery .klb-single-video a:before {
  font-family: "klbtheme";
  font-size: 0.9375rem;
  content: "\e99a";
  margin-right: 0.5rem;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper {
  margin-top: 0.9375rem;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul {
  margin: 0;
  padding: 0;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol .slick-list, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul .slick-list {
  margin-left: -0.1875rem;
  margin-right: -0.1875rem;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol .slick-list .slick-track, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul .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;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol .slick-list .slick-track .slick-slide, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul .slick-list .slick-track .slick-slide {
  height: auto;
  white-space: initial;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li {
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li img, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li img {
  cursor: pointer;
  border-radius: calc(var(--theme-radius-base) / 2);
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li img, body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li img {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li img, body[data-color=default] .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li img {
  border-color: var(--color-gray300);
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li img.active, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li img.active {
  border-color: var(--color-text) !important;
}
.single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ol li .active img, .single-product-wrapper .woocommerce-product-gallery .product-thumbnails-wrapper ul li .active img {
  border-color: var(--color-text) !important;
}
.single-product-wrapper .vertical-thumbnails {
  position: relative;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .vertical-thumbnails .woocommerce-product-gallery {
    padding-left: 7.5rem;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .vertical-thumbnails.woocommerce-product-gallery {
    padding-left: 7.5rem;
  }
}
.single-product-wrapper .vertical-thumbnails .product-thumbnails-wrapper {
  position: absolute;
  width: 4.75rem;
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .vertical-thumbnails .product-thumbnails-wrapper {
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .vertical-thumbnails .product-thumbnails-wrapper .slick-track {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}
.single-product-wrapper .product_title {
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper .product_title {
    font-size: 2rem;
  }
}
.single-product-wrapper .product-meta {
  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;
  line-height: 1;
  gap: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .product-meta.top {
  padding-bottom: 0.625rem;
  border-bottom: 0.0625rem solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-meta.top {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-meta.top {
  border-color: var(--color-gray100);
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper .product-meta.top > * {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .single-product-wrapper .product-meta.top > *::before {
    content: "";
    width: 0.0625rem;
    height: 0.9375rem;
    margin-right: 0.9375rem;
  }
  body[data-color=custom][data-theme=light] .single-product-wrapper .product-meta.top > *::before {
    background-color: rgba(var(--color-rgb), 0.15);
  }
  body[data-color=default] .single-product-wrapper .product-meta.top > *::before {
    background-color: var(--color-gray200);
  }
  .single-product-wrapper .product-meta.top > *:first-child::before {
    display: none;
  }
}
.single-product-wrapper .product-meta.bottom {
  -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;
}
.single-product-wrapper .product-meta.bottom + .product-share {
  margin-top: 1.25rem;
}
.single-product-wrapper .product-meta .product-vendor {
  font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-rating .star-rating {
  font-size: 0.875rem;
}
.single-product-wrapper .product-meta .product-rating .rating-count {
  font-size: 0.8125rem;
  font-weight: 600;
}
.single-product-wrapper .product-meta .product-brand {
  font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-brand span {
  opacity: 0.6;
}
.single-product-wrapper .product-meta .product-brand span + a {
  margin-left: 0.125rem;
}
.single-product-wrapper .product-meta .product-brand a {
  font-weight: 500;
  color: var(--color-blue600);
}
.single-product-wrapper .product-meta + .product-price {
  margin-top: 1.25rem;
}
.single-product-wrapper .product-meta .product-sku {
  font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-sku span:not(.sku) {
  opacity: 0.6;
  margin-right: 0.25rem;
}
.single-product-wrapper .product-meta .product-sku span.sku {
  font-weight: 500;
}
.single-product-wrapper .product-meta .product-categories, .single-product-wrapper .product-meta .product-tags {
  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;
  font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-categories span, .single-product-wrapper .product-meta .product-tags span {
  opacity: 0.6;
  margin-right: 0.25rem;
}
.single-product-wrapper .product-meta .product-categories ul, .single-product-wrapper .product-meta .product-tags 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;
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-product-wrapper .product-meta .product-categories ul li::before, .single-product-wrapper .product-meta .product-tags ul li::before {
  content: ",";
  margin-right: 0.25rem;
}
.single-product-wrapper .product-meta .product-categories ul li:first-child::before, .single-product-wrapper .product-meta .product-tags ul li:first-child::before {
  display: none;
}
.single-product-wrapper .product-meta .product-categories ul li a, .single-product-wrapper .product-meta .product-tags ul li a {
  font-weight: 500;
  color: var(--color-text);
}
.single-product-wrapper .product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.9375rem;
  margin-bottom: 0.625rem;
}
.single-product-wrapper .product-price .price {
  font-size: 1.5rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-price .price {
    font-size: 1.75rem;
  }
}
.single-product-wrapper .product-price .price del {
  font-size: 75%;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0.5;
}
.single-product-wrapper .product-price .price ins {
  line-height: 1.1;
}
.single-product-wrapper .product-price + .woocommerce-product-details__short-description {
  margin-top: 1.0625rem;
}
.single-product-wrapper .product-price + .product-inventory-wrapper {
  margin-top: 0.9375rem;
}
.single-product-wrapper .product-price .save-price {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
  top: -0.0625rem;
}
.single-product-wrapper .product-price .save-price p {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  padding: 0.25rem 0.375rem;
  border-radius: calc(var(--theme-radius-form) / 2);
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-price .save-price p {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .single-product-wrapper .product-price .save-price p {
  border-color: var(--color-gray300);
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-price .save-price p {
    font-size: 0.875rem;
  }
}
.single-product-wrapper .woocommerce-product-details__short-description {
  font-size: 0.875rem;
  color: var(--color-gray700);
  margin-bottom: 1.5625rem;
}
.single-product-wrapper .product-inventory-wrapper {
  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;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .product-inventory-wrapper .product-inventory {
  font-size: 0.8125rem;
  padding: 0.25rem 0.625rem;
  border-radius: calc(var(--theme-radius-form) / 2);
}
.single-product-wrapper .product-inventory-wrapper .product-inventory.color-green {
  background-color: rgba(var(--color-greenRGB), 0.1);
}
.single-product-wrapper .product-inventory-wrapper .product-inventory.color-red {
  background-color: rgba(var(--color-redRGB), 0.09);
}
.single-product-wrapper .product-inventory-wrapper .product-delivery-time {
  font-size: 0.8125rem;
  font-weight: 400;
}
.single-product-wrapper form.cart {
  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;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.single-product-wrapper form.cart .variations {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper form.cart .variations tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-product-wrapper form.cart .variations tr > td {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.single-product-wrapper form.cart .variations tr label {
  margin-bottom: 0 !important;
}
.single-product-wrapper form.cart .variations tr .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper form.cart .variations tr .label {
    padding-right: 1.25rem;
  }
}
.single-product-wrapper form.cart .variations tr .value {
  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;
  gap: 0.625rem;
  padding-top: 0;
  padding-bottom: 0;
}
.single-product-wrapper form.cart .variations tr .value input[type=radio] {
  display: none;
}
.single-product-wrapper form.cart .variations tr .value .color-radio label {
  position: relative;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  cursor: pointer;
}
.single-product-wrapper form.cart .variations tr .value .color-radio input:checked + label::after {
  content: "";
  position: absolute;
  left: -0.25rem;
  right: -0.25rem;
  top: -0.25rem;
  bottom: -0.25rem;
  border: 2px solid var(--color-text);
  border-radius: 50%;
}
.single-product-wrapper form.cart .variations tr .value .size-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-product-wrapper form.cart .variations tr .value .size-radio label {
  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.8125rem;
  font-weight: 500;
  line-height: 1.75rem;
  height: 1.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: calc(var(--theme-radius-form) / 2);
  cursor: pointer;
  border: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper form.cart .variations tr .value .size-radio label {
  border-color: rgba(var(--color-rgb), 0.3);
}
body[data-color=default] .single-product-wrapper form.cart .variations tr .value .size-radio label {
  border-color: var(--color-gray300);
}
.single-product-wrapper form.cart .variations tr .value .size-radio input:checked + label {
  color: #FFF;
  border-color: var(--theme-primary-color) !important;
  background-color: var(--theme-primary-color);
}
.single-product-wrapper form.cart .variations tr.size-variations .value {
  gap: 0.1875rem;
}
.single-product-wrapper form.cart .variations tr + tr {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper form.cart .variations tr + tr {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper form.cart .variations tr + tr {
  border-color: var(--color-gray100);
}
.single-product-wrapper form.cart .variations tr + tr .label {
  padding-top: 1.25rem;
}
.single-product-wrapper .wishlist-button {
  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;
  font-size: 0.875rem;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  row-gap: r0;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .wishlist-button 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-weight: 600;
  color: var(--color-text);
}
.single-product-wrapper .wishlist-button a::before {
  font-family: "klbtheme";
  font-size: 1.375rem;
  content: "\eb35";
  margin-right: 0.375rem;
}
.single-product-wrapper .wishlist-button a.tinvwl-product-in-list {
  color: var(--color-red600);
}
.single-product-wrapper .wishlist-button a.tinvwl-product-in-list::before {
  content: "\ec57";
}
.single-product-wrapper .wishlist-button > span {
  opacity: 0.4;
}
.single-product-wrapper .wishlist-button + .product-checklist, .single-product-wrapper .wishlist-button + .product-meta.bottom {
  padding-top: 1.25rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .wishlist-button + .product-checklist, body[data-color=custom][data-theme=light] .single-product-wrapper .wishlist-button + .product-meta.bottom {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .wishlist-button + .product-checklist, body[data-color=default] .single-product-wrapper .wishlist-button + .product-meta.bottom {
  border-color: var(--color-gray100);
}
.single-product-wrapper .add_to_cart_button {
  position: relative;
  height: 2.875rem;
  padding-left: 2.125rem;
  padding-right: 2.125rem;
}
.single-product-wrapper .product-checklist {
  position: relative;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .product-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-product-wrapper .product-checklist ul li {
  position: relative;
  font-size: 0.875rem;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.single-product-wrapper .product-checklist ul li::before {
  font-family: "klbtheme";
  font-size: 0.75rem;
  content: "\e8ef";
  color: var(--color-green800);
  margin-right: 0.5rem;
}
.single-product-wrapper .product-checklist + .product-meta {
  padding-top: 1.25rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-checklist + .product-meta {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-checklist + .product-meta {
  border-color: var(--color-gray100);
}
.single-product-wrapper .product-share ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-product-wrapper .product-share ul li a {
  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;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -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);
}
.single-product-wrapper .product-countdown {
  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;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.single-product-wrapper .product-countdown .entry-title {
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: 0.1875rem;
}
.single-product-wrapper .product-countdown .countdown-description p {
  font-size: 0.8125rem;
  line-height: 1;
  margin-bottom: 0;
}
.single-product-wrapper .product-countdown + .product-progress-wrapper {
  padding-top: 1.25rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-countdown + .product-progress-wrapper {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-countdown + .product-progress-wrapper {
  border-color: var(--color-gray100);
}
.single-product-wrapper .product-progress-wrapper {
  margin-bottom: 1.25rem;
}
.single-product-wrapper .product-progress-wrapper .entry-title {
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: 0.625rem;
}
.single-product-wrapper .product-progress-wrapper .product-pcs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.8125rem;
}
.single-product-wrapper .product-alert-message {
  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;
  gap: 0.625rem;
  line-height: 1;
  width: 100%;
  border-radius: calc(var(--theme-radius-base) / 2);
  padding: 0.75rem 0.9375rem;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .product-alert-message i {
  font-size: 1.125rem;
}
.single-product-wrapper .product-alert-message p {
  font-size: 0.8125rem;
  margin-bottom: 0;
}
.single-product-wrapper .product-review {
  padding-top: 1.875rem;
  margin-top: 0.625rem;
  margin-bottom: 1.875rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-review {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-review {
  border-color: var(--color-gray100);
}
.single-product-wrapper .product-review .review-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.875rem;
}
.single-product-wrapper .product-review .review-header .review-score {
  font-size: 2.5rem;
  font-weight: 700;
  margin-right: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper .product-review .review-header .review-score {
    font-size: 3rem;
  }
}
.single-product-wrapper .product-review .review-header .product-rating-steps {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul {
  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;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul li {
  position: relative;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul li span {
  position: relative;
  display: block;
  width: 1.75rem;
  height: 0.375rem;
}
@media screen and (min-width: 1200px) {
  .single-product-wrapper .product-review .review-header .product-rating-steps ul li span {
    width: 2rem;
  }
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-review .review-header .product-rating-steps ul li span {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-review .review-header .product-rating-steps ul li span {
  background-color: var(--color-gray100);
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul li span::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="1"] .rating-step-1 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="1.5"] .rating-step-2 span:before {
  opacity: 1;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="2"] .rating-step-1 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="2"] .rating-step-2 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="2.5"] .rating-step-3 span:before {
  opacity: 1;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="3"] .rating-step-1 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="3"] .rating-step-2 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="3"] .rating-step-3 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="3.5"] .rating-step-4 span:before {
  opacity: 1;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="4"] .rating-step-1 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="4"] .rating-step-2 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="4"] .rating-step-3 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="4"] .rating-step-4 span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="5"] .rating-step span {
  background-color: var(--color-orange600) !important;
}
.single-product-wrapper .product-review .review-header .product-rating-steps ul[data-rating^="4.5"] .rating-step-5 span:before {
  opacity: 1;
}
.single-product-wrapper .product-review .review-header .review-label {
  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;
  opacity: 0.6;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-header .review-label {
    margin-left: 1.25rem;
  }
}
.single-product-wrapper .product-review .review-header .review-label p {
  margin-bottom: 0;
}
.single-product-wrapper .product-review .review-steps {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.9375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-steps {
    gap: 1.875rem;
  }
}
.single-product-wrapper .product-review .review-steps li {
  position: relative;
  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;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-steps li {
    width: auto;
  }
}
.single-product-wrapper .product-review .review-steps li .review-item-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  opacity: 0.6;
  width: 100%;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-steps li .review-item-title {
    width: auto;
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}
.single-product-wrapper .product-review .review-steps li .review-step-items {
  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;
  width: 100%;
  gap: 0.1875rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-steps li .review-step-items {
    width: auto;
  }
}
.single-product-wrapper .product-review .review-steps li .review-step-items span {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  height: 0.375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-review .review-steps li .review-step-items span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 1.25rem;
  }
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-review .review-steps li .review-step-items span {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .product-review .review-steps li .review-step-items span {
  background-color: var(--color-gray100);
}
.single-product-wrapper .product-review .review-steps li .review-step-items span.active.step-1 {
  background-color: var(--color-red700);
}
.single-product-wrapper .product-review .review-steps li .review-step-items span.active.step-2 {
  background-color: var(--color-orange600);
}
.single-product-wrapper .product-review .review-steps li .review-step-items span.active.step-3 {
  background-color: var(--color-yellow500);
}
.single-product-wrapper .product-review .review-steps li .review-step-items span.active.step-4 {
  background-color: var(--color-teal600);
}
.single-product-wrapper .product-review .review-steps li .review-step-items span.active.step-5 {
  background-color: var(--color-green700);
}
.single-product-wrapper .product-review .review-description {
  max-width: 48rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
}
.single-product-wrapper .product-review + .woocommerce-tabs, .single-product-wrapper .product-review + .promotion-products {
  margin-top: 4.375rem;
}
.single-product-wrapper .woocommerce-tabs .tabs {
  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;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
  row-gap: 0.1875rem;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-tabs .tabs {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .woocommerce-tabs .tabs {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-tabs .tabs {
    gap: 1.5625rem;
  }
}
.single-product-wrapper .woocommerce-tabs .tabs li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: currentColor;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-tabs .tabs li a {
    padding-bottom: 0.8125rem;
  }
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-tabs .tabs li a {
  color: rgba(var(--color-rgb), 0.5);
}
body[data-color=default] .single-product-wrapper .woocommerce-tabs .tabs li a {
  color: var(--color-gray500);
}
.single-product-wrapper .woocommerce-tabs .tabs li.active a {
  color: var(--color-text) !important;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
    font-size: 1.375rem;
  }
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--description > h2 {
  display: none;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table {
  font-size: 0.875rem;
  width: 100%;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:nth-child(odd) {
  background-color: rgba(var(--color-rgb), 0.06);
}
body[data-color=default] .single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:nth-child(odd) {
  background-color: var(--color-gray50);
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr th {
  font-weight: 500;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr th, .single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr td {
  line-height: 1;
  padding: 0.6875rem 0.75rem;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr th p, .single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr td p {
  margin-bottom: 0;
}
.single-product-wrapper .woocommerce-Reviews > h2 {
  font-size: 1.25rem;
  margin-bottom: 1.5625rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews > h2 {
    margin-bottom: 2.5rem;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.75rem;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating {
    width: auto;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-count {
  font-size: 3rem;
  line-height: 0.8;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-count {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-stars .product-rating {
    margin-bottom: 0.3125rem;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-stars .product-rating .star-rating {
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-stars .product-rating .star-rating {
    font-size: 1.75rem;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-stars .review-stars-description {
  font-size: 0.875rem;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .reviews-rating .review-stars .review-stars-description p {
  margin-bottom: 0;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary {
    width: auto;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item {
  font-size: 0.875rem;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item > 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;
  gap: 0.75rem;
  width: 100%;
  color: var(--color-text);
  padding: 0.375rem 0.625rem;
  -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);
  border-radius: 1.25rem;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item > a:hover {
  background-color: rgba(var(--color-rgb), 0.08);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item > a:hover {
  background-color: var(--color-gray50);
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item > a:hover .rating-progress {
  background-color: var(--color-background) !important;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.875rem;
  font-weight: 500;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating i {
  color: var(--color-yellow600);
  margin-right: 0.375rem;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating i::before {
  width: auto;
  margin: 0;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-progress {
  position: relative;
  display: block;
  height: 0.375rem;
  border-radius: 0.875rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  overflow: hidden;
  -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);
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-progress {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-progress {
  background-color: var(--color-gray100);
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-progress {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 22.5rem;
  }
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-progress .progress-bar {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-yellow600);
  border-radius: 0.875rem;
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item .rating-count {
  color: var(--color-gray700);
}
.single-product-wrapper .woocommerce-Reviews .reviews-slot .ratings-summary .rating-item + .rating-item {
  margin-top: 0.25rem;
}
.single-product-wrapper .woocommerce-Reviews #comments {
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews #comments {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews #comments {
  border-color: var(--color-gray200);
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews #comments {
    margin-top: 2.5rem;
    padding-top: 3.125rem;
  }
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li {
  margin-bottom: 1.5625rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li {
  border-color: var(--color-gray200);
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container > img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 1.25rem;
}
@media screen and (max-width: 767.98px) {
  .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container > img {
    display: none;
  }
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.1875rem;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.875rem;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-title {
  font-size: 1rem;
  margin-bottom: 0;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta {
  color: rgba(var(--color-rgb), 0.6);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta {
  color: var(--color-gray600);
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta .woocommerce-review__author {
  font-weight: 500;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta > * {
  opacity: 0.7;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .description {
  font-size: 0.9375rem;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action > span {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100%;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a {
  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;
  gap: 0.4375rem;
  line-height: 1;
  color: var(--color-text);
  padding: 0.5rem 0.75rem;
  border-radius: 2.5rem;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a {
  background-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a {
  background-color: var(--color-gray100);
}
body[data-color=custom][data-theme=light] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a:hover {
  background-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a:hover {
  background-color: var(--color-gray200);
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a .text {
  font-weight: 600;
}
.single-product-wrapper .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .comment-action .action-inner a span:not(.text) {
  opacity: 0.7;
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper {
  max-width: 50rem;
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
    font-size: 1.375rem;
  }
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: calc(var(--theme-site-gutters) * -1);
  margin-right: calc(var(--theme-site-gutters) * -1);
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding-left: var(--theme-site-gutters);
  padding-right: var(--theme-site-gutters);
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > * input {
  height: 2.875rem;
}
@media screen and (min-width: 768px) {
  .single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > *.comment-form-author, .single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > *.comment-form-email {
    width: 50%;
  }
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > *.comment-form-cookies-consent label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  margin-bottom: 0;
  margin-left: 0.5rem;
  top: -0.0625rem;
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > *.form-submit .submit {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  color: #FFF;
  background-color: var(--theme-primary-color);
  border-color: transparent;
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form > *.form-submit .submit:hover {
  background-color: rgba(var(--theme-primary-color-RGB), 0.9);
}
.single-product-wrapper .woocommerce-Reviews #review_form_wrapper .comment-form .comment-notes {
  font-size: 0.875rem;
}
.single-product-wrapper .product-compare-items {
  margin-bottom: 1.875rem;
}
.single-product-wrapper .product-compare-items > .entry-title {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-compare-items > .entry-title {
    font-size: 1.375rem;
  }
}
.single-product-wrapper .product-compare-items .product-compare-wrapper {
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.single-product-wrapper .product-compare-items table {
  position: relative;
  table-layout: fixed;
  display: table;
  width: 100%;
  font-size: 0.875rem;
  border: 1px solid;
  border-radius: var(--theme-radius-base);
}
.single-product-wrapper .product-compare-items table tbody {
  width: auto;
  max-width: none;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-compare-items table {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .product-compare-items table {
  border-color: var(--color-gray200);
}
.single-product-wrapper .product-compare-items table tr {
  border-top: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-compare-items table tr {
  border-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-wrapper .product-compare-items table tr {
  border-color: var(--color-gray200);
}
.single-product-wrapper .product-compare-items table tr:first-child {
  border-top: 0 !important;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .product-compare-items table tr:nth-child(even) {
  background-color: rgba(var(--color-rgb), 0.04);
}
body[data-color=default] .single-product-wrapper .product-compare-items table tr:nth-child(even) {
  background-color: var(--color-gray25);
}
@media screen and (max-width: 991.98px) {
  body[data-color=custom][data-theme=light] .single-product-wrapper .product-compare-items table tr:nth-child(even) th {
    background-color: rgba(var(--color-rgb), 0.04);
  }
  body[data-color=default] .single-product-wrapper .product-compare-items table tr:nth-child(even) th {
    background-color: var(--color-gray25);
  }
}
.single-product-wrapper .product-compare-items table tr:nth-child(even) .base-item {
  background-color: var(--color-yellow100);
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper .product-compare-items table tr:nth-child(odd) th {
    background-color: var(--color-background);
  }
}
.single-product-wrapper .product-compare-items table tr:nth-child(odd) .base-item {
  background-color: var(--color-yellow25);
}
.single-product-wrapper .product-compare-items table tr th, .single-product-wrapper .product-compare-items table tr td {
  padding: 0.75rem;
}
.single-product-wrapper .product-compare-items table tr th {
  position: sticky;
  font-weight: 600;
  width: 9.6875rem;
  left: 0;
  vertical-align: top;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-compare-items table tr th {
    width: 20%;
    padding-left: 1rem;
  }
}
.single-product-wrapper .product-compare-items table tr td {
  width: 14.375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .product-compare-items table tr td {
    width: auto;
  }
}
.single-product-wrapper .product-compare-items table tr td .price {
  font-size: 1rem;
}
.single-product-wrapper .product-compare-items table tr td p {
  margin-bottom: 0;
}
.single-product-wrapper .product-compare-items table tr .product .product-title a {
  color: var(--color-blue700);
}
.single-product-wrapper .product-compare-items table tr .product .add_to_cart_button {
  font-size: 0.8125rem;
  height: 2.0625rem;
  line-height: 2.0625rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.single-product-wrapper .promotion-products {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products {
    margin-bottom: 2.5rem;
  }
}
.single-product-wrapper .promotion-products > .entry-title {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products > .entry-title {
    font-size: 1.375rem;
  }
}
.single-product-wrapper .promotion-products .promotion-product-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
body[data-color=custom][data-theme=light] .single-product-wrapper .promotion-products .promotion-product-wrapper {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-wrapper .promotion-products .promotion-product-wrapper {
  border-color: var(--color-gray100);
}
.single-product-wrapper .promotion-products .promotion-addon-products {
  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: 1.25rem;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .promotion-addon-products {
    margin-bottom: 2.5rem;
  }
}
.single-product-wrapper .promotion-products .promotion-addon-products .promotion-addon-total {
  padding-left: 1.5rem;
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper .promotion-products .promotion-addon-products .promotion-addon-total {
    display: none;
  }
}
.single-product-wrapper .promotion-products .addon-products {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.single-product-wrapper .promotion-products .addon-products li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .addon-products li::after {
    content: "+";
    font-size: 1.25rem;
    font-weight: 400;
  }
}
.single-product-wrapper .promotion-products .addon-products li:last-child::after {
  display: none;
}
.single-product-wrapper .promotion-products .addon-products li .product-inner {
  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;
}
.single-product-wrapper .promotion-products .addon-products li .thumbnail-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3rem;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .addon-products li .thumbnail-wrapper {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .addon-products li {
    width: 8.75rem;
  }
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper .promotion-products .addon-products li + li {
    padding-top: 0.625rem;
    margin-top: 0.625rem;
    border-top: 1px solid;
  }
  body[data-color=custom][data-theme=light] .single-product-wrapper .promotion-products .addon-products li + li {
    border-color: rgba(var(--color-rgb), 0.1);
  }
  body[data-color=default] .single-product-wrapper .promotion-products .addon-products li + li {
    border-color: var(--color-gray100);
  }
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .addon-products .content-wrapper {
    display: none;
  }
}
.single-product-wrapper .promotion-products .addon-products .content-wrapper .product_title {
  font-size: 0.8125rem;
}
@media screen and (max-width: 991.98px) {
  .single-product-wrapper .promotion-products .addon-products .content-wrapper .product_title {
    font-size: 0.875rem;
  }
}
.single-product-wrapper .promotion-products .addon-products .content-wrapper .product_title a {
  color: currentColor;
}
body.link-underline .single-product-wrapper .promotion-products .addon-products .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 .single-product-wrapper .promotion-products .addon-products .content-wrapper .product_title a:hover {
  text-decoration-color: currentColor;
}
.single-product-wrapper .promotion-products .promotion-addon-total .addon-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;
  line-height: 1;
  margin-bottom: 0.9375rem;
}
.single-product-wrapper .promotion-products .promotion-addon-total .addon-price .price {
  font-size: 1.625rem;
  color: var(--color-red600);
}
.single-product-wrapper .promotion-products .promotion-addon-total .addon-price .item-count {
  font-size: 0.8125rem;
  opacity: 0.55;
  margin-left: 0.5rem;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul li {
  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;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul li + li {
  margin-top: 0.4375rem;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul li label {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: auto;
  font-size: 0.9375rem;
  padding-left: 0.9375rem;
  margin-bottom: 0;
  cursor: pointer;
  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);
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul li label:hover {
  text-decoration-color: currentColor;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .addon-checklist ul li label .price {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-red700);
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .promotion-addon-total {
  text-align: center;
  margin-top: 1.25rem;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .promotion-addon-total .addon-price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .promotion-addon-total .addon-price .price {
  font-size: 1.875rem;
}
.single-product-wrapper .promotion-products .promotion-addon-checklist .promotion-addon-total .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-product-wrapper .promotion-products .promotion-addon-checklist .promotion-addon-total {
    display: none;
  }
}

.single-product-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: var(--color-background);
  border-bottom: 1px solid;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
          box-shadow: 0 1px 2px 0 rgba(27, 31, 34, 0.045);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* transform: translateY(-10px); */
  margin-top: -0.4375rem;
  -webkit-transition: all 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.15s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 10;
}
@media screen and (max-width: 1199.98px) {
  .single-product-sticky {
    display: none;
  }
}
.single-product-sticky.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin-top: 0;
  /* transform: translateY(0); */
}
body[data-color=custom][data-theme=light] .single-product-sticky {
  border-color: rgba(var(--color-rgb), 0.1);
}
body[data-color=default] .single-product-sticky {
  border-color: var(--color-gray100);
}
.single-product-sticky .product-inner {
  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;
}
.single-product-sticky .product-inner .thumbnail-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3rem;
  margin-right: 1.25rem;
}
.single-product-sticky .product-inner .content-wrapper {
  padding-right: 1.875rem;
}
.single-product-sticky .product-inner .content-wrapper .product_title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.3125rem;
}
.single-product-sticky .product-inner .content-wrapper .product-meta {
  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;
  line-height: 1;
  gap: 0.75rem;
}
.single-product-sticky .product-inner .content-wrapper .product-meta > * {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-product-sticky .product-inner .content-wrapper .product-meta > *::before {
  content: "";
  width: 0.0625rem;
  height: 0.9375rem;
  margin-right: 0.625rem;
}
body[data-color=custom][data-theme=light] .single-product-sticky .product-inner .content-wrapper .product-meta > *::before {
  background-color: rgba(var(--color-rgb), 0.15);
}
body[data-color=default] .single-product-sticky .product-inner .content-wrapper .product-meta > *::before {
  background-color: var(--color-gray200);
}
.single-product-sticky .product-inner .content-wrapper .product-meta > *:first-child::before {
  display: none;
}
.single-product-sticky .product-inner .content-wrapper .product-meta .tinvwl_add_to_wishlist_button {
  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.8125rem;
  font-weight: 500;
  color: var(--color-blue600);
}
.single-product-sticky .product-inner .content-wrapper .product-meta .tinvwl_add_to_wishlist_button::before {
  font-family: "klbtheme";
  font-size: 1.125rem;
  content: "\eb35";
  text-shadow: 0 0 0;
  margin-right: 0.375rem;
}
.single-product-sticky .product-inner .content-wrapper .product-meta .tinvwl_add_to_wishlist_button.tinvwl-product-in-list {
  color: var(--color-red600);
}
.single-product-sticky .product-inner .content-wrapper .product-meta .tinvwl_add_to_wishlist_button.tinvwl-product-in-list::before {
  content: "\ec57";
}
.single-product-sticky .product-inner .content-wrapper .product-meta .compare-button a {
  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;
  font-weight: 500;
  color: var(--color-blue600);
}
.single-product-sticky .product-inner .content-wrapper .product-meta .compare-button a i {
  font-size: 1.125rem;
  margin-right: 0.375rem;
}
.single-product-sticky .product-inner .product-price {
  margin-left: auto;
  padding-right: 1.25rem;
}
.single-product-sticky .product-inner .product-price .price {
  font-size: 1.25rem;
}
.single-product-sticky .product-inner .product-price + form.cart {
  margin-left: 0.625rem;
}
.single-product-sticky .product-inner form.cart {
  margin-left: auto;
}

/* 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: 1.25rem;
}
.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;
}

/* Product accordion */
.product-accordion {
  margin-bottom: 1.25rem;
}
.product-accordion .accordion-item + .accordion-item {
  border-top: 0 !important;
  border-top: 1px solid var(--color-gray100);
}
.product-accordion .accordion-item .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-accordion .accordion-item .accordion-header button {
  font-weight: 600;
  height: 2.875rem;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.product-accordion .accordion-item .accordion-body {
  font-size: 0.9375rem;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid var(--color-gray200);
}