ٌٌ* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
}

a {
  text-decoration: none;
}

body {
  background: #fce4cd;
  color: #2b2b2b;
  margin: 0 auto;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: normal;
}
/* =================== 🔹 Fonts Start =================== */

@font-face {
  font-family: 'MehrNastaliqWeb';
  src: url('../../../../assets/fonts/MehrNastaliqWeb.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: normal;
}

@font-face {
  font-family: 'MyBombayBlackFont';
  src: url('../../../../assets/fonts/BombayBlack.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: normal;
}

@font-face {
  font-family: 'MyArabicFont';
  src: url('../../../../assets/fonts/SakkalMajalla.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: normal;
}

/* =================== 🔹 Fonts End =================== */
/* =================== 🔹 Root Variables Start =================== */
:root {

  /* Spacing & Fonts */
  --gap-header-menu: 20px;
  --gap-page: 10px;
  --footer-gap: 2px;

  --font-urdu: "MehrNastaliqWeb", "MyArabicFont", "Jameel Noori Nastaleeq", Tahoma, Arial, sans-serif;
  --font-arabic: "MyArabicFont", "MehrNastaliqWeb", Tahoma, Arial, sans-serif;
  --font-Bombay: "MyBombayBlackFont", "MyArabicFont", Tahoma, Arial, sans-serif;
  /* Spacing & Fonts */
  --gap-header-menu: 20px;
  --gap-page: 10px;
  --footer-gap: 2px;


  /* --- Responsive Font Sizes --- */
  --font-heading: clamp(20px, 2.5vw, 30px);
  --font-subheading: clamp(18px, 2.8vw, 22px);
  --font-normal: clamp(14px, 2vw, 18px);
  --font-books: clamp(11px, 1.6vw, 16px);



  /* Primary Colors */
  --color-green: #117B45;
  --color-red: #C52F33;
  --color-blue: #383780;
  --color-cyan: #007BA5;
  --color-black: #201E1E;

  /* Helper colors */
  --color-white: #ffffff;
  --color-dark: #282829;
  --color-gray: #333333;
  --color-light-gray: #f0f0f0;
  --color-border: #c2c2c2;
  --color-border-light: #e6e6e6;
  --color-shadow: rgba(0, 0, 0, 0.10);
  --color-shadow-2: rgba(0, 0, 0, 0.08);
  --color-banner: #beffde;
  --color-banner-light: #e6fff2;
}

/* =================== 🔹 Root Variables End =================== */