/* fonts */
[lang]:lang(ar),
#globalnav .globalnav-submenu-list-item: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),
#ac-localnav:lang(ar),
#ac-localnav select:lang(ar),
#ac-localnav button:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro AR", "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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

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

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

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

@media only screen and (max-width: 734px) {
  .section-compare-table .template-dropdown .selector-dropdown:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro AR", "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 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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-compare-table .compare .compare-rowheader-style:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro AR", "SF Pro Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

@media only screen and (max-width: 734px) {
  .template-dropdown .selector-dropdown:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro AR", "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 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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.badge .badge-unit:lang(ar),
.badge .badge-unit-plus:lang(ar),
.badge .badge-unit-percent:lang(ar),
.badge .badge-unit-currency:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro AR", "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 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 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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

.badge-reduced .badge-unit:lang(ar),
.badge-reduced .badge-unit-plus:lang(ar),
.badge-reduced .badge-unit-percent:lang(ar),
.badge-reduced .badge-unit-currency:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro AR", "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 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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.badge-tiny .badge-unit:lang(ar),
.badge-tiny .badge-unit-plus:lang(ar),
.badge-tiny .badge-unit-percent:lang(ar),
.badge-tiny .badge-unit-currency:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro AR", "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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

@media only screen and (max-width: 734px) {
  .template-badge .badge-value:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro AR", "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 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 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 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 Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

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

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

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

.compare-modal .template-dynamic-price:lang(ar),
.compare-modal .template-dynamic-price:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro AR", "SF Pro Gulf", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
/* fonts ends */

.nowrap {
  white-space: nowrap;
}

a[aria-label="hidden"] {
  display: none;
}

.icon-chevronright::before,
.icon-chevronright::after {
  content: "";
}

.compare-modal .device-content ul {
  text-align: right;
}

.compare-modal .device-content li::before {
  padding-right: 0;
  padding-left: 0.5em;
}

.template-dropdown .selector-element::before {
  right: unset;
  left: 0;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0) 0%,
    #fff 50%,
    #fff 100%
  );
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

html.hide-acmi [data-toggle-bts-2023="acmi"] {
  display: block !important;
}

.compare-modal .template-dynamic-price,
.compare-modal .template-dynamic-price {
  font-size: 14px;
  line-height: 1.42859;
  font-weight: 400;
  letter-spacing: -0.016em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
  margin: 25px auto;
}

.compare-modal .template-dynamic-price:lang(ar),
.compare-modal .template-dynamic-price:lang(ar) {
  line-height: 1.57143;
  letter-spacing: 0;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.compare-modal .device-content.template-dynamic-price .footnote a,
.compare-modal .device-content.template-dynamic-price .footnote a {
  margin: 0;
}

.template-dynamic-price {
  text-align: center;
  margin-bottom: 40px;
}

.template-dynamic-price {
  margin-top: unset;
}