@charset "UTF-8";


  /* TOOLS */


:root{
  --blue: #80a0eb;
  --beige: #af956d;
  --green: #839175;
  --white: #f4f5f5;
  --black: #0b0100;

  --font-size-xs: clamp(0.56rem, 0.89vw + 0.34rem, 1.41rem);
  --font-size-sm: clamp(0.75rem, 1.18vw + 0.45rem, 1.88rem);
  --font-size-base: clamp(1rem, 1.58vw + 0.61rem, 2.5rem);
  --font-size-md: clamp(1.33rem, 2.1vw + 0.81rem, 3.33rem);
  --font-size-lg: clamp(1.78rem, 2.81vw + 1.08rem, 4.44rem);
  --font-size-xl: clamp(2.37rem, 3.74vw + 1.43rem, 5.92rem);
  --font-size-xxl: clamp(3.16rem, 4.99vw + 1.91rem, 7.89rem);
}
  


@font-face {
  font-family:'Inter';
  src: url('../fonts/InterTight-VariableFont_wght.ttf') format('truetype');
  font-family:'Inter-italic';
  src: url('../fonts/InterTight-Italic-VariableFont_wght.ttf') format('truetype');
 
  font-family:'NotoKufiArabic';
  src: url('/fonts/NotoKufiArabic-VariableFont_wght.ttf') format('truetype');
  font-family:'NotoNaskhArabic';
  src: url('/fonts/NotoNaskhArabic-VariableFont_wght.ttf') format('truetype'); 
}

.font, a, h1, h2, h3, h4, h5, li, p{
  -webkit-font-smoothing: antialiased;
}


* {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}

  /* BASE */