/* fonts */
[lang]:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

body:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge .badge-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge .badge-unit-currency:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-super .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-super .badge-caption:lang(ar) {
  letter-spacing: 0;
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-super .badge-unit-currency:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-super.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-elevated .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-elevated .badge-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-elevated .badge-unit-currency:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-elevated.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-reduced .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-reduced .badge-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-reduced .badge-unit-currency:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-reduced.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-tiny .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-tiny .badge-unit-currency:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.badge-tiny.badge-stacked .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.button:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.button-super:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.button-elevated:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.button-reduced:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.pin .pin-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.violator:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.violator-reduced:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.violator-frameless.violator-frameless-reduced:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-eyebrow-super:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-eyebrow-super:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-eyebrow-super:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-eyebrow-elevated:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-eyebrow-elevated:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-eyebrow-elevated:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-eyebrow:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-eyebrow:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-intro:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 734px) {
  .typography-intro:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-tout:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-body-tight:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-body-reduced-tight:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-custom-hero-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-hero-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-custom-hero-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-hero-copy:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-hero-copy:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-section-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-section-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-custom-section-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-section-headline-reduced:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-section-headline-reduced:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-label:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-label:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-eyebrow-reduced:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-eyebrow-reduced:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-body-reduced-tight:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-custom-tile-subhead-large:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-custom-tile-subhead-large:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-custom-tile-subhead-large:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-custom-cta:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-design-size:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-design-size:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-design-size:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-modal-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-chip-title:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-chip-title:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-badge-reduced:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-badge-reduced:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-modal-badge-reduced:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-eyebrow:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-eyebrow:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-eyebrow-reduced:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 734px) {
  .typography-modal-eyebrow-reduced:lang(ar) {
    font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-intro:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-intro:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-modal-intro:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-subsection-copy:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-modal-subsection-copy:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-modal-subsection-copy:lang(ar) {
    font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-modal-cta:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.typography-tile-overlay-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-tile-overlay-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-tile-overlay-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-tile-overlay-copy:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-tile-overlay-copy:lang(ar) {
    font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.typography-manifesto-line:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-manifesto-line:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-manifesto-line:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.ribbon .ribbon-content:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ribbon-elevated .ribbon-content:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

/*  */
.colornav-title:lang(ar),
#globalnav .globalnav-submenu-header:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter .ac-gf-directory:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.router-item-eyebrow:lang(ar),
.typography-custom-hero-copy:lang(ar),
#globalnav .globalnav-submenu-list-item-elevated:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .router-item-eyebrow:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.router-item-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .router-item-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .router-item-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.router-item-copy:lang(ar),
.router-item-cta:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .router-item-copy:lang(ar),
  .router-item-cta:lang(ar) {
    font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-hero .hero-copy-wrapper .hero-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-hero .hero-copy-wrapper .hero-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-copy-wrapper .hero-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-hero .hero-copy-wrapper .hero-subheadline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-hero .hero-copy-wrapper .hero-subheadline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-copy-wrapper .hero-subheadline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-hero .hero-copy-wrapper .macbook-air-13-and-15-global-avail:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

html.enhance-xp
  .section-hero
  .hero-copy-wrapper
  .container
  .hero-copy
  .hero-alt-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  html.enhance-xp
    .section-hero
    .hero-copy-wrapper
    .container
    .hero-copy
    .hero-alt-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  html.enhance-xp
    .section-hero
    .hero-copy-wrapper
    .container
    .hero-copy
    .hero-alt-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

article.section-performance .badge .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  article.section-performance .badge .badge-value:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  article.section-performance .badge .badge-value:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

article.section-performance .badge .badge-caption:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  article.section-performance .badge .badge-caption:lang(ar) {
    font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  article.section-performance .badge .badge-caption:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.performance-modal-content
  .mx-chips
  .chip-content-power
  .badge
  .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .performance-modal-content
    .mx-chips
    .chip-content-power
    .badge
    .badge-value:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .performance-modal-content
    .mx-chips
    .chip-content-power
    .badge
    .badge-value:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.performance-modal-content .subsection-gallery .tabnav-paddle:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.performance-modal-content .subsection-gallery .tabnav-link:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.performance-modal-content .subsection-gallery .tabnav:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .performance-modal-content .subsection-gallery .tabnav:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .performance-modal-content .subsection-gallery .tabnav:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.performance-modal-content .subsection-gallery .tabnav-link:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .performance-modal-content .subsection-gallery .tabnav-link:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .performance-modal-content .subsection-gallery .tabnav-link:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.performance-modal-content
  .subsection-gallery
  .item-container
  .disclaimer:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .performance-modal-content
    .subsection-gallery
    .item-container
    .disclaimer:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .performance-modal-content
    .subsection-gallery
    .item-container
    .disclaimer:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.performance-modal-content
  .subsection-gallery
  .item-container
  .gallery-item-eyebrow:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.performance-modal-content
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .bar-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.performance-modal-content
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .badge-unit:lang(ar),
.performance-modal-content
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .badge-value:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 734px) {
  .performance-modal-content
    .subsection-gallery
    .item-container
    .gallery-item
    .bars-container
    .badge-unit:lang(ar),
  .performance-modal-content
    .subsection-gallery
    .item-container
    .gallery-item
    .bars-container
    .badge-value:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

article.section-connectivity .pin-caption:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.section-routers .typography-compare-headline:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-routers .typography-compare-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .typography-compare-headline:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-routers .typography-compare-cta:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 734px) {
  .section-routers .typography-compare-cta:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-routers .typography-compare-product-name:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-routers .typography-compare-product-name:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .typography-compare-product-name:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

.section-routers .typography-compare-product-eyebrow:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.section-routers .typography-compare-copy:lang(ar) {
  font-family: SF Pro AR Text, SF Pro AR, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

html.text-zoom
  .section-switchers
  .gallery-item-image.custom-graphic
  .typography-manifesto-line:lang(ar) {
  font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
    SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  html.text-zoom
    .section-switchers
    .gallery-item-image.custom-graphic
    .typography-manifesto-line:lang(ar) {
    font-family: SF Pro AR Display, SF Pro AR, SF Pro Display, SF Pro Gulf,
      SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
/* fonts ends */

.environment-t3 {
  padding: 55px 0;
}
.section-hero .hero-copy-wrapper .hero-pricing span[data-pricing-product] {
  text-transform: uppercase;
}

.section-routers .section-compare .product-swatch,
.section-routers .section-compare .product-swatch + noscript {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#ac-globalfooter .ac-gf-sosumi a {
  white-space: nowrap;
}
@media only screen and (min-width: 1068px) {
  .badge {
    max-width: 230px;
  }
  .section-hero .typography-custom-hero-copy,
  .section-design .typography-custom-label {
    line-height: 1.35;
  }
  .modal-content .badge {
    max-width: 270px;
  }
  .performance-modal-content .mx-chips .chip-speed .article-copy {
    line-height: 1.2;
  }
}
.performance-modal-content
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .badge-value-container {
  direction: ltr;
}

.section-switchers
  .gallery-item-image.custom-graphic
  .typography-manifesto-line:last-child {
  margin-top: 6px;
}

.tile-button-wrapper {
  left: unset;
  right: 16px;
}

@media only screen and (max-width: 1068px) {
  .tile-button-wrapper {
    right: 13px;
  }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
  article.section-performance .badge .badge-value {
    font-size: 45px;
  }
}

@media only screen and (max-width: 734px) {
  .subsection-size .tile-content {
    direction: ltr;
  }
  html.enhance-xp
    .section-hero
    .sticky-container
    .sticky-content
    .hero-sequence-copy {
    text-align: center;
  }
}

.card-gallery .gallery-item-copy {
  padding-left: 24px;
  padding-right: unset;
}

@media only screen and (max-width: 1068px) {
  .card-gallery .gallery-item-copy {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 734px) {
  article.section-design .subsection-size .size-labels .size-1 {
    right: unset;
    left: 0;
    direction: rtl;
  }
  .typography-router-tile-full-copy.ar-quicklook-hidden {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 734px) {
  .card-gallery .gallery-item-copy {
    padding-left: 0;
  }
  article.section-design .subsection-size .size-labels .size {
    right: -15px;
    direction: rtl;
  }
  article.section-design .subsection-size .size-labels .size-1 {
    right: -15px;
    direction: rtl;
  }
}

@media only screen and (max-width: 1068px) {
  .full-bleed .router-item-picture.full picture {
    position: relative;
    right: 50%;
    transform: translateX(50%);
  }
}

.full-bleed .router-item-picture.full {
  background: #fff;
}

.full-bleed .router-item-picture.full #overview-routers-education-1 {
  background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_large.jpg");
  background-size: 1380px 600px;
  height: 600px;
  width: 1380px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_medium.jpg");
    background-size: 100% auto;
    height: 480px;
    width: 100%;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_medium_2x.jpg");
  }
}
@media only screen and (max-width: 925px) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    height: 380px;
  }
}

@media only screen and (max-width: 735px) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_small.jpg");
    background-size: 736px 490px;
    height: 490px;
    width: 736px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .full-bleed .router-item-picture.full #overview-routers-education-1 {
    background-image: url("/mideast/macbook-air-13-and-15-m2/c/images/overview/routers/education__ecqe3uqoekya_small_2x.jpg");
  }
}

.modal-close-button .modal-close-icon svg {
  margin-right: -54%;
}

@media only screen and (max-width: 735px) {
  .section-display-camera-audio
    .tile-overlay-toggle:checked
    ~ .tile-overlay
    .tile-overlay-content {
    padding-bottom: 58px;
  }
}