@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-primary: #3577f0; /*cart offer in head*/
   --Color-catalog-Head:#3577f0;
	 
   --Color-Head:#ffffff;
   --Color-bar:#E3E6E9;
   --Color-catalog:#F6F7FB;
   --Color-border-catalog:#ebebeb;
   --color-footer:#3577f014;

   --color-secondary: #3577f0;  /*bottom image*/

   --color-white: #ffffff;
   --color-body: #777777;   /* catlog #777777*/
   
   --color-heading: #292930; /*h1 - h6*/

 

   --color-heading-bar: #000000; 
   --color-text-bar: #ffffff; 
   --color-heading-icons: #000000; 
   --Color-Head-other-pages: #f5eeee; 
   --color-title-head-other-pages: #000000; 
   --color-title-head-main-pages: #000000; 
   --color-footer-text: #000000; 
   --color-heading-icon-mobile: #000000; 
   --color-icon-overlay: #3577f0; 
   --color-hover-head: #3577f0; 
   --color-offer: #610808; 








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




  --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:#000000;
  --Color-text-footer:#323232;
  --Color-hover-text-footer:#3577f0;
  --Color-footer-bottom-text-footer:#000000;
  --Color-footer-bottom-bar-text-footer:#b6b6b6;
  --background-color-footer:#e3e6e9;
}