:root {
  --shadow: -2px 0px 20px 10px rgb(31 53 72 / 8%);
  --clr-primary: #444;
  --clr-light: #fff;
  --clr-secondary: #c30734;
  --clr-breadcrumbs: #fbfbfb;
  --clr-footer: #b1c2e8;
  --clr-top-footer: #7691cc;
  --clr-text: #000;
  --clr-gray: #5c768d;
  --clr-burger: #1f3548;
  --clr-bix: #fff;
  --bg-gray: #c30734;
  --bg-secondary: #c30734;
  --bg-gray-hover: #c30733a8;
  --background: var(--clr-light);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
  font-family: "Almarai";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/almarai-v5-arabic-regular.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/almarai-v5-arabic-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/almarai-v5-arabic-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("../fonts/almarai-v5-arabic-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/almarai-v5-arabic-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/almarai-v5-arabic-regular.svg#Almarai") format("svg");
  /* Legacy iOS */
}

html {
  scroll-behavior: smooth;
  font-family: "Almarai", sans-serif;
}

body {
  font-family: "Almarai", sans-serif;

}