/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title, 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.section-compare-table .compare .compare-rowheader-style, 
.section-compare-table .compare .compare-rowheader-style:lang(ar), 
.template-dropdown .selector-dropdown, 
.template-dropdown .selector-dropdown:lang(ar), 
.template-badge .badge-value, 
.template-badge .badge-value:lang(ar), 
.section-quick-look .template-badge .badge-value, 
.section-quick-look .template-badge .badge-value:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
#ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, 
#ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), 
#ac-globalfooter .ac-gf-buystrip-info, 
#ac-globalfooter .ac-gf-buystrip-info:lang(ar), 
#ac-globalfooter, 
#ac-globalfooter:lang(ar), 
#ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, 
#ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), 
#ac-globalfooter .ac-gf-breadcrumbs-path, 
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), 
#ac-globalfooter .ac-gf-directory, 
#ac-globalfooter .ac-gf-directory:lang(ar), 
#ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, 
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.template-buy-button, 
.template-buy-button:lang(ar), 
.colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label, 
.colornav-link.current .colornav-label:lang(ar), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ar), 
.compare-modal .template-price, 
.compare-modal .template-price:lang(ar), 
.compare-modal .template-dynamic-price, .compare-modal .template-dynamic-price-monthly, 
.compare-modal .template-dynamic-price:lang(ar), .compare-modal .template-dynamic-price-monthly:lang(ar), 
.section-quick-look .template-badge .badge-copy, .section-quick-look .template-badge p, 
.section-quick-look .template-badge .badge-copy:lang(ar), .section-quick-look .template-badge p:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
@media only screen and (max-width: 833px) {
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media only screen and (max-width: 1068px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.section-compare-table .compare .compare-rowheader-style, 
.section-compare-table .compare .compare-rowheader-style:lang(ar), 
.section-quick-look .template-badge .badge-value, 
.section-quick-look .template-badge .badge-value:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media (max-width: 833px) {
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media only screen and (max-width: 734px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.section-compare-table .compare .compare-rowheader-style, 
.section-compare-table .compare .compare-rowheader-style:lang(ar), 
.template-badge .badge-value, 
.template-badge .badge-value:lang(ar), 
.section-quick-look .template-badge .badge-value, 
.section-quick-look .template-badge .badge-value:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

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


/********************/

/*** Arabic Fonts ****/

.icon-chevronright::before, .icon-chevronright::after {
  content: "";
  }
  
.compare-modal .device-content ul {
  text-align: right;
}

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

.device-content.template-item-image ~ .template-item-default {
  margin-top: 25px;
}

.compare-modal .device-content {
  width: 260px;
}

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

.section-compare-table .compare .template-item-default strong {
  font-weight: 500;
}