@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Poppins:wght@400;500;600;700&display=swap");
:root {
 --select-background: #ffffff;
  --color-border-page: #cfcfcf; /*border cart and chechout*/
  --color-o-close-q-cart: #ececec;
  --color-primary: #118574; /*cart offer in head*/

  --color-icon-overlay: #118574;
  --color-button: #118574; /*button*/
  --color-secondary: #933c3cfa; /*button image*/

  --Color-catalog-Head: #3577f0;

  --Color-Head: #000000;
  --Color-bar: #e3e6e9;
  --Color-catalog: #f6f7fb;
  --Color-border-catalog: #ebebeb;
  --color-footer: #118574;

  --color-menus-items: #b9cbdd;
  --mobilemenuclose: #ffffff;

  --color-white: #ffffff;
  --color-body: #000000; /* catlog*/

  --color-heading: #000000; /*h1 - h6*/

  --stock-product: #00a524;
  --delivery-product: green;
  --click-here: #5b5fdb;

  --color-heading-bar: #ebe8e8;
  --color-text-bar: #ffffff;
  --color-heading-icons: #ebe8e8;
  --Color-Head-other-pages: #118574;
  --color-title-head-other-pages: #ffffff;
  --color-title-head-main-pages: #ffffff;
  --color-footer-text: #ffffff;
  --color-heading-icon-mobile: #ffffff;

  --color-hover-head: #ebe5e5;
  --color-offer: #118574;

  --cart_x: #000000;

  --menu-heading: #ffffff;
  --cover-checkout: #f6f7fb;

  --header-color1: #ffffff;
  --bannar-color: #118574;
  --menu-color-head: #118574;
  --color-cart: #118574;
  --colorbg: #ffffff;
  --titlebg: #000000;
  --border-pro: #e1e1e1;
  --color-search: #118574;
  --color-cart-q: #ffffff;
  --color_text-cart-q: #000000;
  --color-menu-mobile: #ffffff;
  --color-_background_description_product: #f9f3f0;
  --color_title_description_product: #000000;

  --Color-feedback: #ffffff;
  --color-feedback_text: #000000;
  --color-headbartitle: #fffffffa;
  --color-box-information: #ffffff;
  --color-box-checkout: #f9f3f0;
  --color-border: #f6f7fb;
  --color-select-option: #ffffff;
  --color-input: #ffffff;
  --color-label: #ffffff;
  --color-box_checkout: #f6f7fb;
  --color-box_last_checkout: #ffffff;
  --color-offer-top: #890918;

  --light-primary: #8c71db;
  --color-tertiary: #fab8c4;
  --color-dark: #27272e;
  --color-black: #000000;
  --color-light: #cbd3d9;
  --color-lighter: #f6f7fb;
  --color-lightest: #c4c4c4;
  --color-chart01: #896ba7;
  --color-chart02: #badeff;
  --color-chart03: #e76458;

  --color-border-light: #e3e6e9;
  --color-border-dark: #42424a;
  --color-gray: #999fae;
  --color-midgray: #878787;
  --color-extra01: #999fae;
  --color-success: #3eb75e;
  --color-danger: #ff0003;
  --color-warning: #ff8f3c;
  --color-info: #1ba2db;
  --color-icoin-prod: #e3e6e9;
  --bs-body-bg: #ffffff;

  --radius: 6px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --border-thin: 1px;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-bold: 700;
  --s-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 16px 32px 0 rgba(0, 0, 0, 0.04);
  --transition: 0.3s;
  --font-primary: "DM Sans", "Noto Color Emoji", sans-serif;
  --font-secondary: "DM Sans", "Noto Color Emoji", sans-serif;
  --font-awesome: "Font Awesome 6 Pro";
  --font-size-b1: 16px;
  --font-size-b2: 14px;
  --font-size-b3: 12px;
  --line-height-b1: 1.7;
  --line-height-b2: 1.65;
  --line-height-b3: 1.6;
  --h1: 36px;
  --h2: 26px;
  --h3: 25px;
  --h4: 24px;
  --h5: 18px;
  --h6: 14px;

  --Color-h5-text-footer: #ffffff;
  --Color-text-footer: #e6e6e6;
  --Color-hover-text-footer: #ffffff;
  --Color-footer-bottom-text-footer: #ffffff;
  --Color-footer-bottom-bar-text-footer: #c8c8c8;
  --background-color-footer: #118574;
}