/*** AR FONTS ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
  .typography-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "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 Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    line-height: 1.125;
  }
}

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

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

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

.typography-eyebrow-super:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "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 Display", "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 Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

.typography-eyebrow-elevated:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "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 Display", "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 Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

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

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

.typography-intro:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "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 Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

.typography-quote-reduced:lang(ar) {
  line-height: 1.25;
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.typography-item-description:lang(ar) {
  line-height: 1.4211;
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html.text-zoom .typography-headline-super,
html.text-zoom .typography-headline-security:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.inline-media-replay:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
}

html.text-zoom .typography-headline-super,
html.text-zoom .typography-headline-security:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

html.text-zoom .section-compare .product-headline:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subsection-gallery-modal .badge-caption:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

@media only screen and (min-width: 1069px) {
  .badge-medium .badge-caption:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (min-width: 1069px) {
  .badge-medium .badge-value:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

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

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

@media only screen and (min-width: 1069px) {
  .badge-medium .badge-value .badge-subvalue:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (min-width: 1069px) and (max-width: 1068px) {
  .badge-medium .badge-value .badge-subvalue:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (min-width: 1069px) and (max-width: 734px) {
  .badge-medium .badge-value .badge-subvalue:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

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

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

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

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

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

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

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

.graph-gallery
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .badge-unit:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0;
}

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

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

.section-display .grid-item-led-display .badge .badge-value,
.section-display .grid-item-wide-color .badge .badge-value:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  left: 0;
}

@media only screen and (max-width: 1068px) {
  .section-display .grid-item-led-display .badge .badge-value,
  .section-display .grid-item-wide-color .badge .badge-value:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-display .grid-item-led-display .badge .badge-value,
  .section-display .grid-item-wide-color .badge .badge-value:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

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

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

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

.subsection-gallery-modal .badge-caption:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

.graph-gallery
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .bar-caption:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
  padding-top: 15px;
  white-space: normal;
}

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

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

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

.graph-gallery
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .badge-unit:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0;
}

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

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

.section-chip
  .grid-item-battery
  .grid-item-content
  .grid-headline-super:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-chip
    .grid-item-battery
    .grid-item-content
    .grid-headline-super:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .section-chip
    .grid-item-battery
    .grid-item-content
    .grid-headline-super:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

.section-chip .grid-item-efficiency .grid-headline-reduced:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

/*** END AR FONTS ***/

/*** LOCALISE IMAGES **/

html.modal-asset-preload .modal-content .image-graph-cpu1 {
  width: 919px;
  height: 472px;
  background-size: 919px 472px;
  background-repeat: no-repeat;
  background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_large.jpg");
}

@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) {
  html.modal-asset-preload .modal-content .image-graph-cpu1 {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  html.modal-asset-preload .modal-content .image-graph-cpu1 {
    width: 562px;
    height: 321px;
    background-size: 562px 321px;
    background-repeat: no-repeat;
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_medium.jpg");
  }
}

@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) {
  html.modal-asset-preload .modal-content .image-graph-cpu1 {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  html.modal-asset-preload .modal-content .image-graph-cpu1 {
    width: 283px;
    height: 209px;
    background-size: 283px 209px;
    background-repeat: no-repeat;
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  html.modal-asset-preload .modal-content .image-graph-cpu1 {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_cpu1__f63o6yayh9ui_small_2x.jpg");
  }
}

html.modal-asset-preload .modal-content .image-graph-gpu {
  width: 919px;
  height: 472px;
  background-size: 919px 472px;
  background-repeat: no-repeat;
  background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_large.jpg");
}

@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) {
  html.modal-asset-preload .modal-content .image-graph-gpu {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  html.modal-asset-preload .modal-content .image-graph-gpu {
    width: 562px;
    height: 321px;
    background-size: 562px 321px;
    background-repeat: no-repeat;
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_medium.jpg");
  }
}

@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) {
  html.modal-asset-preload .modal-content .image-graph-gpu {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  html.modal-asset-preload .modal-content .image-graph-gpu {
    width: 283px;
    height: 209px;
    background-size: 283px 209px;
    background-repeat: no-repeat;
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  html.modal-asset-preload .modal-content .image-graph-gpu {
    background-image: url("/mideast/macbook-pro-13/p/images/overview/ar/m2_graph_gpu__cpqx315k2uj6_small_2x.jpg");
  }
}

/*** END LOCALISE IMAGES ***/

@media only screen and (max-width: 734px) {
  .section-chip .section-header {
    direction: ltr;
  }

  .section-chip .section-content .section-eyebrow,
  .section-chip .section-content .section-header-intro,
  .section-chip .section-content .badges-wrap {
    direction: rtl;
  }
}

.section-chip .grid-item-media {
  direction: ltr;
}

@media only screen and (min-width: 735px) {
  .section-chip .grid-item-media .grid-item-header {
    padding-right: 0;
  }
}

html[dir="rtl"] .section-chip .grid-item-media .picture-wrap .picture-caption {
  right: 37px;
  bottom: 640px;
  left: unset;
}

@media only screen and (max-width: 1068px) {
  html[dir="rtl"]
    .section-chip
    .grid-item-media
    .picture-wrap
    .picture-caption {
    bottom: 632px;
  }
}

@media only screen and (max-width: 734px) {
  html[dir="rtl"]
    .section-chip
    .grid-item-media
    .picture-wrap
    .picture-caption {
    right: initial;
    bottom: 26px;
    left: var(--tile-padding);
  }
}

.section-hero .hero-headline {
  padding-top: 15px;
}

@media only screen and (max-width: 734px) {
  .graph-gallery .subsection-gallery .tablist-wrapper .tabnav {
    height: 1.28667em;
  }
}

sup.footnote-number {
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

@media only screen and (min-width: 735px) {
  .section-compare .product-eyebrow {
    margin-top: -55px;
  }
}

.section-router .grid-item-router .shared-router-macos-monterey,
.section-router .grid-item-router .shared-router-education {
  height: 100%;
}

@media only screen and (min-width: 735px) and (min-width: 1067px) {
  .section-compare .compare-headline {
    max-width: 750px;
  }
}

@media only screen and (min-width: 736px) {
  .section-hero .hero-callout {
    margin-right: 20px;
  }
}

.graph-gallery
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .bar-mask {
  transform: scaleX(-1);
}

.section-display .picture-caption {
  text-align: left;
  left: 0;
  right: unset;
}

.colornav-item {
  float: right;
  margin: -1px 5px;
}

.section-chip .grid-item-efficiency {
  direction: ltr;
}

@media only screen and (max-width: 1068px) {
  .section-chip .grid-item-efficiency .grid-item-header,
  .section-chip .grid-item-efficiency .grid-item-content.content-centered {
    direction: rtl;
  }
}

@media only screen and (max-width: 1068px) {
  .section-camera .grid-item-microphone .text-content {
    padding-left: var(--tile-padding);
  }
}

@media only screen and (max-width: 1068px) {
  .grid-item-accessory .grid-item-header {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-touchid .touchid-icon-grid .touchid-icon-item:nth-of-type(even),
  .grid-item-ports .ports-icon-grid .ports-icon-item:nth-of-type(even) {
    padding-right: 10px;
  }
}

.section-compare .product-swatch {
  transform: scaleX(-1);
}

.graph-gallery
  .subsection-gallery
  .item-container
  .gallery-item
  .bars-container
  .bar1
  .badge-value-container {
  direction: ltr;
}

.section-router .grid-item-business .text-content .typography-headline {
  max-width: 100%;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
  .section-router .grid-item-accessory .typography-headline {
    margin-top: 5px;
  }

  .section-router .grid-item-accessory .text-content p:nth-of-type(2) {
    margin-top: 5px;
  }
}

/* ribbon fix start  */
.ribbon-bts-2022.theme-dark {
  margin-block: -13px;
}

/* ribbon fix end  */

#ac-globalfooter a {
  display: inline-block;
}

.ribbon-ase-2022-footnote a {
  color: #fff;
}

.ribbon-ase-2022-footnote a:hover {
  color: #06c;
}

@media only screen and (min-width: 735px) {
  .section-compare .product-eyebrow {
    margin-top: 0;
  }
}

/* MACOS Ventura Tile Starts */
.section-router .grid-item-router .shared-router-macos-ventura {
  height: 100%;
}

.section-router .grid-item-macos .text-content .typography-headline {
  line-height: 1.2;
}
/* MACOS Ventura Tile Ends */

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

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  html.quick-look-modern
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-modern
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content {
    margin-left: 100px;
  }
}

@media only screen and (min-width: 1068px) {
  html.quick-look-modern
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-modern
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content {
    margin-left: 200px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content {
    margin-left: 100px;
  }
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content
    + li,
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content
    + li {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1068px) {
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content {
    margin-left: 200px;
  }
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content
    + li,
  html.quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content
    + li {
    margin-left: 0;
  }
}