@font-face {
    font-family: 'Al-Jazeera-Arabic';
    src: url('/new/fonts/Al-Jazeera-Arabic-Regular.ttf') format('truetype'); /* Correct format is 'truetype' */
    font-weight: normal;
    font-style: normal;
  
  
  }
  @font-face {
    font-family: 'Al-Jazeera-Arabic';
    src: url('/new/fonts/Al-Jazeera-Arabic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  * {
    font-family: 'Al-Jazeera-Arabic', sans-serif; 
  }


  .fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}

  
  :root {
    --neutral-50: #fff;
    --neutral-100: #e6e6e6;
    --neutral-200: #ccc;
    --neutral-300: #b3b3b3;
    --neutral-400: #999;
    --neutral-500: #666;
    --neutral-600: #4d4d4d;
    --neutral-700:  #1F1F1F;
    --neutral-800: #0d0d0d;
    --gray-50: #f0f2f4;
    --gray-100: #e1e5ea;
    --gray-200: #c4cbd4;
    --gray-300: #a6b0bf;
    --gray-400: #8896aa;
    --gray-500: #4b5768;
    --gray-600: #556377;
    --gray-700: #404a59;
    --gray-800: #2b323b;
    --primary-50: #fff8f2;
    --primary-100: #ffe2cc;
    --primary-200: #ffc599;
    --primary-300: #ffa866;
    --primary-400: #ff8b33;
    --primary-500: #ffae00;
    --primary-600: #cc5800;
    --primary-700: #994200;
    --primary-800: #662c00;
    
    --second-family: "Tajawal", sans-serif;
    --custom-btn-bg-hover-color: #00866b;
    --BG : linear-gradient(180deg, #C7EAFF 0.02%, #FFF 34.71%);
    --main: #EB6824;
  }
  
  /* Ensure body and html take the full height */
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family) !important;

  
  }