html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) {
  --sakkaf-type-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --sakkaf-type-body-size: 15px;
  --sakkaf-type-body-line: 1.8;
  --sakkaf-type-support-size: 13.5px;
  --sakkaf-type-support-line: 1.6;
  --sakkaf-type-h1-size: clamp(28px, 3.3vw, 44px);
  --sakkaf-type-h2-size: clamp(22px, 2.4vw, 30px);
  --sakkaf-type-card-size: clamp(17px, 1.7vw, 20px);
  --sakkaf-type-button-size: 15px;
  font-family: var(--sakkaf-type-family) !important;
  font-size: var(--sakkaf-type-body-size) !important;
  line-height: var(--sakkaf-type-body-line) !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(
  h1, h2, h3, p, li, a, button, input, select, textarea, label, small, strong, b, time
) {
  font-family: var(--sakkaf-type-family) !important;
  letter-spacing: normal !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) h1 {
  font-size: var(--sakkaf-type-h1-size) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) h2 {
  font-size: var(--sakkaf-type-h2-size) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) h3 {
  font-size: var(--sakkaf-type-card-size) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body #page-wrapper .sakkaf-testimonials-page .st-indicator h2 {
  font-size: var(--sakkaf-type-card-size) !important;
  line-height: 1.5 !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(p, li) {
  font-size: var(--sakkaf-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--sakkaf-type-body-line) !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(strong, b) {
  font-weight: 700 !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(
  .about-breadcrumbs,
  .about-eyebrow,
  .about-kicker,
  .about-final-cta-kicker,
  .about-section-heading > p,
  .about-service-copy small,
  .why-eyebrow,
  .why-section-kicker,
  .why-section-heading > p,
  .why-accreditation-grid span,
  .why-license-card small,
  .why-payment-security small,
  .why-testimonial-copy small,
  .why-review-customer small,
  .st-breadcrumb,
  .st-eyebrow,
  .st-section-kicker,
  .st-section-heading > p,
  .st-indicator p,
  .st-video-card__body > p,
  .st-review-person__meta > span,
  .st-review-date,
  .st-trust-panel > p,
  .st-accreditation-tile small,
  .st-payment-security small,
  .st-submit-note,
  .st-field small,
  .st-rating-hint,
  .st-form-message,
  .st-review-load-status,
  .st-empty-state p,
  .tb-breadcrumb,
  .tb-eyebrow,
  .tb-section-kicker,
  .tb-section-heading > p,
  .tb-path-card p,
  .tb-step-card p,
  .tb-choice-card p,
  .tb-summary-note,
  .tb-notice,
  .tb-faq summary
) {
  font-size: var(--sakkaf-type-support-size) !important;
  font-weight: 400 !important;
  line-height: var(--sakkaf-type-support-line) !important;
}

html body #page-wrapper .sakkaf-testimonials-page .st-why-card p {
  font-size: var(--sakkaf-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--sakkaf-type-body-line) !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(
  .about-eyebrow,
  .about-kicker,
  .about-final-cta-kicker,
  .why-eyebrow,
  .why-section-kicker,
  .st-eyebrow,
  .st-section-kicker,
  .tb-eyebrow,
  .tb-section-kicker
) {
  font-weight: 700 !important;
}

html body #page-wrapper :is(.sakkaf-about-page, .why-sakkaf-page, .sakkaf-testimonials-page, .travel-booking-guide) :is(
  .about-button,
  .why-button,
  .st-button,
  .st-text-link,
  .st-filter,
  .st-review-expand,
  .tb-button,
  .tb-card-link
) {
  font-size: var(--sakkaf-type-button-size) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body #page-wrapper .why-sakkaf-page .why-custom-grid span {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body #page-wrapper .travel-booking-guide {
  --sakkaf-type-family: "Noto Kufi Arabic", Helvetica, sans-serif;
}