/* Import Inter (add at the top of your file) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');

/* Headings using Inter */

/* H1 – Bold 700 */
h1 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/* H2 – Semibold 600 */
h2 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

/* H3 – Medium 500 */
h3 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* H4 – Regular 400 */
h4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* H5 – Light 300 */
h5 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/* H6 – Extra Light 200 */
h6 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

/* Large hero heading — desktop ~120px, mobile ~32px */
.large-section-heading {
  font-size: clamp(32px, 8vw, 120px);
  line-height: 1.06;
  margin: 0 0 16px 0;
}
  /* Default desktop/tablet: LTR */
.rtl-mobile-section {
  direction: ltr;
  text-align: left; /* optional override */
}

/* Mobile only: RTL */
@media (max-width: 767px) {
  .rtl-mobile-section {
    direction: rtl;
    text-align: right;
  }
}
/* Headings in the footer */
.footer .footer-heading,
.footer .footer-heading a {
  font-size: 18px;      /* match column base size */
  line-height: 1.5;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}

/* Normal footer links */
.footer .footer-col a {
  font-weight: 400;     /* only headings bold */
  text-decoration: none;
  color: inherit;
}
``