/* Urdu typography — rem/clamp (was vw-based and unreadable on phones) */

body {
  font-family: "Noto Nastaliq Urdu", "IBM Plex Sans Arabic", serif;
  font-size: clamp(0.95rem, 0.9rem + 0.3vw, 1.1rem);
  line-height: 1.85;
}

.nav-item {
  font-family: "IBM Plex Sans Arabic", "Noto Nastaliq Urdu", sans-serif;
  font-size: clamp(0.85rem, 0.8rem + 0.35vw, 1rem);
}

#enLink,
#urLink {
  font-family: "Raleway", sans-serif;
  font-size: 0.8rem;
}

.special-bold {
  font-family: "Raleway", sans-serif;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  letter-spacing: 0.02em;
}

.home-text > h3 {
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  letter-spacing: 0;
}

.services-card h3,
.services-card h6,
.services-card ul,
.right-click,
.left-click,
.services-wrapper > article h5,
#additional-data li {
  font-family: "IBM Plex Sans Arabic", "Noto Nastaliq Urdu", sans-serif;
  line-height: 1.65;
}

.blogs-main h1 {
  font-family: "Fascinate", "Noto Nastaliq Urdu", serif;
  letter-spacing: 0.04em;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
}

.facilities-main h1,
.about-main h1 {
  font-size: clamp(1.4rem, 3.2vw, 2.2rem);
}

.facilities-text h3 {
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.facilities-text p,
.blogs-wrapper p,
.blogs-wrapper strong,
.about-wrapper p,
.about-card p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
}

footer a,
footer h1,
footer h3,
footer p {
  font-family: "Raleway", "IBM Plex Sans Arabic", sans-serif;
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
}

.footer-legals p,
.footer-legals a {
  font-size: 0.85rem;
}