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

:root {
    --font-family-1: DM Sans;
    --font-family-2: Rubik;
    /* Settings Body */
    --font-body-family: DM Sans;
    --font-body-size: 14px;
    --font-body-weight: 400;
    --body-line-height: 24px;
    --body-letter-spacing: 0;
    /* Settings Heading */
    --font-heading-family: Rubik;
    --font-heading-size: 20px;
    --font-heading-weight: 700;
    --font-heading-style: normal;
    --heading-line-height: 34px;
    --heading-letter-spacing: 0;
    --heading-text-transform: capitalize;
    --heading-border-height: 1px;
    /* Menu Lv1 */
    --font-menu-lv1-family: DM Sans;
    --font-menu-lv1-size: 16px;
    --font-menu-lv1-weight: 500;
    --menu-lv1-line-height: 24px;
    --menu-lv1-letter-spacing: 0;
    --menu-lv1-text-transform: capitalize;
    /* Menu Lv2 */
    --font-menu-lv2-family: DM Sans;
    --font-menu-lv2-size: 14px;
    --font-menu-lv2-weight: 400;
    --menu-lv2-line-height: 24px;
    --menu-lv2-letter-spacing: 0;
    --menu-lv2-text-transform: capitalize;
    /* Menu Lv3 */
    --font-menu-lv3-family: DM Sans;
    --font-menu-lv3-size: 14px;
    --font-menu-lv3-weight: 400;
    --menu-lv3-line-height: 24px;
    --menu-lv3-letter-spacing: 0;
    --menu-lv3-text-transform: capitalize;
    /* Mega Menu Lv2 */
    --font-mega-menu-lv2-family: DM Sans;
    --font-mega-menu-lv2-size: 16px;
    --font-mega-menu-lv2-weight: 700;
    --font-mega-menu-lv2-style: normal;
    --mega-menu-lv2-line-height: 22px;
    --mega-menu-lv2-letter-spacing: 0;
    --mega-menu-lv2-text-transform: capitalize;
    /* Mega Menu Lv3 */
    --font-mega-menu-lv3-family: DM Sans;
    --font-mega-menu-lv3-size: 14px;
    --font-mega-menu-lv3-weight: 400;
    --mega-menu-lv3-line-height: 24px;
    --mega-menu-lv3-letter-spacing: .02em;
    --mega-menu-lv3-text-transform: capitalize;
    /* Product Card Title */
    --product-title-font: DM Sans;
    --product-title-font-size: 13px;
    --product-title-font-weight: 400;
    --product-title-line-height: 15px;
    --product-title-letter-spacing: 0;
    --product-title-line-text: 1;
    --product-title-text-transform: capitalize;
    --product-title-margin-bottom: 5px;
    /* Product Card Vendor */
    --product-vendor-font: DM Sans;
    --product-vendor-font-size: 13px;
    --product-vendor-font-weight: 500;
    --product-vendor-font-style: normal;
    --product-vendor-line-height: 1px;
    --product-vendor-letter-spacing: 0;
    --product-vendor-text-transform: uppercase;
    --product-vendor-margin-bottom: 0px;
    --product-vendor-margin-top: 0px;
    /* Product Card Price */
    --product-price-font: Rubik;
    --product-price-font-size: 16px;
    --product-price-font-weight: 700;
    --product-price-line-height: 22px;
    --product-price-letter-spacing: 0;
    --product-price-margin-top: 6px;
    --product-price-margin-bottom: 0px;
    /* Product Card Badge */
    --badge-font: DM Sans;
    --badge-font-size: 14px;
    --badge-font-weight: 400;
    --badge-text-transform: capitalize;
    --badge-letter-spacing: 0;
    --badge-line-height: 20px;
    --badge-border-radius: 3px;
    --badge-padding-top: 5px;
    --badge-padding-bottom: 5px;
    --badge-padding-left-right: 14px;
    --badge-postion-top: 6px;
    --badge-postion-left-right: 6px;
    /* Product Quickview */
    --product-quickview-font-size: 14px;
    --product-quickview-line-height: 22px;
    --product-quickview-border-radius: 30px;
    --product-quickview-padding-top: 3px;
    --product-quickview-padding-bottom: 3px;
    --product-quickview-padding-left-right: 13px;
    --product-quickview-sold-out-product: #e95144;
    --product-quickview-box-shadow: 0 1px 3px #0003;
    /* Blog Card Tile */
    --blog-title-font: DM Sans;
    --blog-title-font-size: 18px;
    --blog-title-font-weight: 700;
    --blog-title-line-height: 36px;
    --blog-title-letter-spacing: 0;
    --blog-title-text-transform: capitalize;
    /* Blog Card Info (Date, Author) */
    --blog-info-font: DM Sans;
    --blog-info-font-size: 12px;
    --blog-info-font-weight: 400;
    --blog-info-line-height: 22px;
    --blog-info-letter-spacing: 0;
    --blog-info-text-transform: none;
    /* Button 1 */
    --btn-1-font-family: DM Sans;
    --btn-1-font-size: 16px;
    --btn-1-font-weight: 500;
    --btn-1-text-transform: capitalize;
    --btn-1-line-height: 24px;
    --btn-1-letter-spacing: 0;
    --btn-1-text-align: center;
    --btn-1-border-radius: 25px;
    --btn-1-border-width: 1px;
    --btn-1-border-style: solid;
    --btn-1-padding-top: 12px;
    --btn-1-padding-bottom: 12px;
    --btn-1-horizontal-length: 0px;
    --btn-1-vertical-length: 0px;
    --btn-1-blur-radius: 0px;
    --btn-1-spread: 0px;
    --btn-1-inset: ;
    /* Button 2 */
    --btn-2-font-family: Rubik;
    --btn-2-font-size: 16px;
    --btn-2-font-weight: 700;
    --btn-2-text-transform: uppercase;
    --btn-2-line-height: 24px;
    --btn-2-letter-spacing: .05em;
    --btn-2-text-align: center;
    --btn-2-border-radius: 0px;
    --btn-2-border-width: 1px;
    --btn-2-border-style: solid;
    --btn-2-padding-top: 20px;
    --btn-2-padding-bottom: 20px;
    --btn-2-horizontal-length: 0px;
    --btn-2-vertical-length: 0px;
    --btn-2-blur-radius: 0px;
    --btn-2-spread: 0px;
    --btn-2-inset: ;
    /* Button 3 */
    --btn-3-font-family: DM Sans;
    --btn-3-font-size: 14px;
    --btn-3-font-weight: 700;
    --btn-3-text-transform: capitalize;
    --btn-3-line-height: 24px;
    --btn-3-letter-spacing: 0;
    --btn-3-text-align: center;
    --btn-3-border-radius: 30px;
    --btn-3-border-width: 1px;
    --btn-3-border-style: solid;
    --btn-3-padding-top: 7px;
    --btn-3-padding-bottom: 7px;
    --btn-3-horizontal-length: 0px;
    --btn-3-vertical-length: 0px;
    --btn-3-blur-radius: 0px;
    --btn-3-spread: 0px;
    --btn-3-inset: ;
    /* Footer Heading */
    --footer-heading-font-family: Rubik;
    --footer-heading-font-size: 16px;
    --footer-heading-font-weight: 700;
    --footer-heading-line-height: 26px;
    --footer-heading-letter-spacing: ;
    --footer-heading-text-transform: uppercase;
    /* Footer Link */
    --footer-link-font-family: DM Sans;
    --footer-link-font-size: 14px;
    --footer-link-font-weight: ;
    --footer-link-line-height: 34px;
    --footer-link-letter-spacing: 0;
    --footer-link-text-transform: capitalize;
    /* Page Title */
    --font-page-title-family: DM Sans;
    --font-page-title-size: 36px;
    --font-page-title-weight: 600;
    --font-page-title-style: normal;
    --page-title-line-height: 20px;
    --page-title-letter-spacing: .02em;
    --page-title-text-transform: capitalize;
    /* Font Product Tab Title */
    --font-tab-type-1: DM Sans;
    --font-tab-type-2: Rubik;
    /* Text Size */
    --text-size-font-size: 10px;
    --text-size-font-weight: 400;
    --text-size-line-height: 22px;
    --text-size-letter-spacing: 0;
    --text-size-text-transform: uppercase;
    --text-size-color: #787878;
    /* Font Weight */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-bolder: 800;
    --font-weight-black: 900;
    /* Radio Button */
    --form-label-checkbox-before-bg: #fff;
    --form-label-checkbox-before-border: #cecece;
    --form-label-checkbox-before-bg-checked: #000;
    /* Conatiner */
    --body-custom-width-container: 1600px;
    /* Layout Boxed */
    --color-background-layout-boxed: rgba(0, 0, 0, 0);
    /* Arrow */
    --position-horizontal-slick-arrow: 35px;
    /* General Color*/
    --color-text: #232323;
    --color-text2: #969696;
    --color-global: #232323;
    --color-white: #FFFFFF;
    --color-grey: #868686;
    --color-black: #202020;
    --color-base-text-rgb: 35, 35, 35;
    --color-base-text2-rgb: 150, 150, 150;
    --color-background: #ffffff;
    --color-background-rgb: 255, 255, 255;
    --color-background-overylay: rgba(255, 255, 255, 0.9);
    --color-base-accent-text: ;
    --color-base-accent-1: ;
    --color-base-accent-2: ;
    --color-link: #232323;
    --color-link-hover: #232323;
    --color-error: #D93333;
    --color-error-bg: #FCEEEE;
    --color-success: #5A5A5A;
    --color-success-bg: #DFF0D8;
    --color-info: #202020;
    --color-info-bg: #FFF2DD;
    --color-link-underline: rgba(35, 35, 35, 0.5);
    --color-breadcrumb: #999999;
    --colors-breadcrumb-hover: #232323;
    --colors-breadcrumb-active: #999999;
    --border-global: #e6e6e6;
    --bg-global: #fafafa;
    --bg-planceholder: #fafafa;
    --color-warning: #fff;
    --bg-warning: #e0b252;
    --color-background-10: #e9e9e9;
    --color-background-20: #d3d3d3;
    --color-background-30: #bdbdbd;
    --color-background-50: #919191;
    --color-background-global: #919191;
    /* Arrow Color */
    --arrow-color: #212121;
    --arrow-background-color: #ffffff;
    --arrow-border-color: #505050;
    --arrow-color-hover: #ffffff;
    --arrow-background-color-hover: #fd6506;
    --arrow-border-color-hover: #fd6506;
    --arrow-width: 36px;
    --arrow-height: 36px;
    --arrow-size: 55px;
    --arrow-size-icon: 17px;
    --arrow-border-radius: 50%;
    --arrow-border-width: 2px;
    --arrow-width-half: -18px;
    /* Pagination Color */
    --pagination-item-color: #3c3c3c;
    --pagination-item-color-active: #3c3c3c;
    --pagination-item-bg-color: #fff;
    --pagination-item-bg-color-active: #fff;
    --pagination-item-border-color: #fff;
    --pagination-item-border-color-active: #3c3c3c;
    --pagination-arrow-color: #3c3c3c;
    --pagination-arrow-color-active: #3c3c3c;
    --pagination-arrow-bg-color: #fff;
    --pagination-arrow-bg-color-active: #fff;
    --pagination-arrow-border-color: #fff;
    --pagination-arrow-border-color-active: #fff;
    /* Dots Color */
    --dots-color: #cecece;
    --dots-border-color: #cecece;
    --dots-color-active: #fd6506;
    --dots-border-color-active: #fd6506;
    --dots-style2-background-opacity: #00000020;
    --dots-width: 10px;
    --dots-height: 10px;
    /* Button Color */
    --btn-1-color: #ffffff;
    --btn-1-bg: #0a6cdc;
    --btn-1-border: #0a6cdc;
    --btn-1-color-hover: #202020;
    --btn-1-bg-hover: #ffffff;
    --btn-1-border-hover: #cccccc;
    --btn-2-color: #202020;
    --btn-2-bg: #ffffff;
    --btn-2-border: #cccccc;
    --btn-2-color-hover: #ffffff;
    --btn-2-bg-hover: #0a6cdc;
    --btn-2-border-hover: #0a6cdc;
    --btn-3-color: #FFFFFF;
    --btn-3-bg: #e9514b;
    --btn-3-border: #e9514b;
    --btn-3-color-hover: #ffffff;
    --btn-3-bg-hover: #e9514b;
    --btn-3-border-hover: #e9514b;
    --anchor-transition: all ease .3s;
    --bg-white: #ffffff;
    --bg-black: #000000;
    --bg-grey: #808080;
    --icon: var(--color-text);
    --text-cart: #3c3c3c;
    --duration-short: 100ms;
    --duration-default: 350ms;
    --duration-long: 500ms;
    --form-input-bg: #ffffff;
    --form-input-border: #c7c7c7;
    --form-input-color: #232323;
    --form-input-placeholder: #868686;
    --form-label: #232323;
    --new-badge-color: #0a6cdc;
    --new-badge-bg: #d2e7ff;
    --sale-badge-color: #e10600;
    --sale-badge-bg: #ffd8d7;
    --sold-out-badge-color: #505050;
    --sold-out-badge-bg: #e7e7e7;
    --custom-badge-color: #fd9427;
    --custom-badge-bg: #feedbd;
    --bundle-badge-color: #43b200;
    --bundle-badge-bg: #d7ffd2;
    --product-title-color: #000000;
    --product-title-color-hover: #3385f6;
    --product-vendor-color: #787878;
    --product-price-color: #202020;
    --product-sale-price-color: #e10600;
    --product-compare-price-color: #505050;
    --product-review-full-color: #f8c646;
    --product-review-empty-color: #e4e4e4;
    --product-countdown-color: #c12e48;
    --product-countdown-bg-color: #ffffff;
    --product-swatch-border: #cbcbcb;
    --product-swatch-border-active: #232323;
    --product-swatch-width: 40px;
    --product-swatch-height: 40px;
    --product-swatch-border-radius: 0px;
    --product-swatch-color-width: 40px;
    --product-swatch-color-height: 40px;
    --product-swatch-color-border-radius: 20px;
    --product-wishlist-color: #000000;
    --product-wishlist-bg: #f5f5f5;
    --product-wishlist-border: transparent;
    --product-wishlist-color-added: #000000;
    --product-wishlist-bg-added: #ffe5e5;
    --product-wishlist-border-added: transparent;
    --product-compare-color: #000000;
    --product-compare-bg: #FFFFFF;
    --product-compare-color-added: #D12442;
    --product-compare-bg-added: #FFFFFF;
    --product-hot-stock-text-color: #d62828;
    --product-quick-view-color: #0b0335;
    --product-cart-image-fit: cover;
    --product-title-variant-font-size: 10px;
    --product-quick-view-bg: #ffffff;
    --product-quick-view-bg-above-button: rgba(255, 255, 255, 0.7);
    --product-quick-view-color-hover: #0b0335;
    --product-quick-view-bg-hover: #ffffff;
    --product-action-color: #000000;
    --product-action-bg: #ffffff;
    --product-action-border: #000000;
    --product-action-color-hover: #ffffff;
    --product-action-bg-hover: #0a6cdc;
    --product-action-border-hover: #0a6cdc;
    /* Multilevel Category Filter */
    --color-label-multiLevel-categories: #232323;
    --bg-label-multiLevel-categories: #fff;
    --color-button-multiLevel-categories: #fff;
    --bg-button-multiLevel-categories: #ff8b21;
    --border-button-multiLevel-categories: #ff736b;
    --hover-color-button-multiLevel-categories: #fff;
    --hover-bg-button-multiLevel-categories: #ff8b21;
    --cart-item-bg: #ffffff;
    --cart-item-border: #e8e8e8;
    --cart-item-border-width: 1px;
    --cart-item-border-style: solid;
    --free-shipping-height: 10px;
    --free-shipping-border-radius: 20px;
    --free-shipping-color: #727272;
    --free-shipping-bg: #ededed;
    --free-shipping-bg-1: #f44336;
    --free-shipping-bg-2: #ffc206;
    --free-shipping-bg-3: #69c69c;
    --free-shipping-bg-4: #69c69c;
    --free-shipping-min-height: 20.0px;
    --w-product-swatch-custom: 24px;
    --h-product-swatch-custom: 24px;
    --w-product-swatch-custom-mb: 20px;
    --h-product-swatch-custom-mb: 20px;
    --font-size-product-swatch-more: 12px;
    --swatch-border: #cbcbcb;
    --swatch-border-active: #232323;
    --variant-size: #232323;
    --variant-size-border: #e7e7e7;
    --variant-size-bg: #ffffff;
    --variant-size-hover: #ffffff;
    --variant-size-border-hover: #232323;
    --variant-size-bg-hover: #232323;
    --variant-bg: #ffffff;
    --variant-color: #232323;
    --variant-bg-active: #ffffff;
    --variant-color-active: #232323;
    --fontsize-text-social: 12px;
    --page-content-distance: 64px;
    --sidebar-content-distance: 40px;
    --button-transition-ease: cubic-bezier(.25, .46, .45, .94);
    /* Loading Spinner Color */
    --spinner-top-color: #fc0;
    --spinner-right-color: #4dd4c6;
    --spinner-bottom-color: #f00;
    --spinner-left-color: #f6f6f6;
    /* Product Card Marquee */
    --product-marquee-background-color: ;
    --product-marquee-text-color: #FFFFFF;
    --product-marquee-text-size: 14px;
    --product-marquee-text-mobile-size: 14px;
    --product-marquee-text-weight: 400;
    --product-marquee-text-transform: none;
    --product-marquee-text-style: italic;
    --product-marquee-speed: ;
    --product-marquee-line-height: calc(var(--product-marquee-text-mobile-size) * 1.5);
}

html body {
    font-family: var(--font-body-family);
    font-size: var(--font-body-size);
    font-weight: var(--font-body-weight);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: var(--color-text);
    background: var(--color-background);
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    overflow-x: hidden;
}

body:not(.safari) a {
    transition: var(--anchor-transition);
}