#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-tout, 
.typography-tout:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar), 
.modal-pricing .header, .modal-pricing th, 
.modal-pricing .header:lang(ar), .modal-pricing th:lang(ar), 
.modal-pricing td, 
.modal-pricing td: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-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), 
.badge, 
.badge:lang(ar), 
.button, 
.button:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-body, 
.typography-body:lang(ar), 
.typography-body-tight, 
.typography-body-tight:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-caption-tile-heading, 
.typography-caption-tile-heading:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.caption-tile .card .badge, 
.caption-tile .card .badge:lang(ar), 
.section-plans .gallery .tabnav, 
.section-plans .gallery .tabnav: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 (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 (max-width: 1068px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar), 
.section-hero .section-copy, 
.section-hero .section-copy:lang(ar), 
.section-benefits .section-copy, 
.section-benefits .section-copy:lang(ar), 
.section-plans .gallery .tile .headline, 
.section-plans .gallery .tile .headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.modal-pricing .header, .modal-pricing th, 
.modal-pricing .header:lang(ar), .modal-pricing th:lang(ar), 
.modal-pricing td, 
.modal-pricing td:lang(ar), 
.modal-pricing .disclaimer-container .disclaimer, 
.modal-pricing .disclaimer-container .disclaimer:lang(ar), 
.section-plans .gallery .tile .markdown .tile-pricing, 
.section-plans .gallery .tile .markdown .tile-pricing:lang(ar), 
.section-plans .gallery .tile .markdown ul, 
.section-plans .gallery .tile .markdown ul:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 734px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-headline-reduced, 
.typography-headline-reduced:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-caption-tile-heading, 
.typography-caption-tile-heading:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.caption-tile .card .badge, 
.caption-tile .card .badge:lang(ar), 
.section-hero .section-copy, 
.section-hero .section-copy:lang(ar), 
.section-benefits .section-copy, 
.section-benefits .section-copy:lang(ar), 
.modal-pricing .header, .modal-pricing th, 
.modal-pricing .header:lang(ar), .modal-pricing th:lang(ar), 
.modal-pricing td, 
.modal-pricing td:lang(ar), 
.section-plans .gallery .tile .ctas .button, 
.section-plans .gallery .tile .ctas .button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

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

}

@media (min-width: 1069px) {
.section-plans .gallery .tile .ctas .button, 
.section-plans .gallery .tile .ctas .button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (min-width: 1069px) {
  .banner-card:only-of-type:not(.banner-card-text-column-placement-center)
    .banner-card-row {
    flex-direction: row-reverse;
  }
}

/* Start Plans Section */
.modal-pricing .modal-headline {
  max-width: 19ch;
}

@media (min-width: 1290px) {
  .t2 #tv .paddlenav,
  #display .paddlenav,
  .t1 #headphones .paddlenav {
    display: none;
  }
}

@media (min-width: 820px) {
  .t1 #tv .paddlenav {
    display: none;
  }
}

#care-gallery .section-content .tabnav {
  direction: ltr;
}

.section-plans .gallery .two-up {
  display: block;
  --cols: unset;
  grid-template-columns: unset;
  grid-gap: unset;
  gap: unset;
}

.section-plans .gallery .two-up .tile-content {
  order: 2;
}

.section-plans .gallery .two-up picture {
  order: 1;
}

@media (max-width: 734px) {
  .section-plans .gallery .two-up .tile-content,
  .section-plans .gallery .two-up picture {
    order: unset;
  }
}

.section-plans .gallery .section-content .tile {
  align-items: center;
  flex-direction: unset;
}

@media (max-width: 734px) {
  .section-plans .gallery .two-up {
    --cols: 1;
    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    grid-gap: 20px;
    gap: 20px;
  }

  .section-plans .gallery .section-content .tile {
    align-items: unset;
    flex-direction: column;
  }
}

.section-plans .whats-included .gallery.gallery-custom-2 .item-container,
.section-plans .whats-included .gallery.gallery-custom-3 .item-container {
  display: flex;
}

@media (max-width: 850px) {
  .section-plans
    .whats-included
    .gallery.gallery-custom-2
    .scroll-gallery-paddlenav {
    display: flex;
  }
}

@media (max-width: 1305px) {
  .section-plans
    .whats-included
    .gallery.gallery-custom-3
    .scroll-gallery-paddlenav {
    display: flex;
  }
}

.overview-plans-apple-tv-single,
.overview-plans-display-single,
.overview-plans-headphones-single,
.overview-plans-ipad-single,
.overview-plans-iphone-single,
.overview-plans-mac-single,
.overview-plans-vision-single,
.overview-plans-watch-single {
  width: 520px;
  height: 500px;
  --p-width: 520px;
  --p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
  .overview-plans-apple-tv-single,
  .overview-plans-display-single,
  .overview-plans-headphones-single,
  .overview-plans-ipad-single,
  .overview-plans-iphone-single,
  .overview-plans-mac-single,
  .overview-plans-vision-single {
    width: 372px;
    height: 360px;
    --p-width: 372px;
    --p-height: 360px;
  }
}

@media (max-width: 1068px) and (max-width: 1068px) {
  .overview-plans-headphones-single {
    width: 385px;
    height: 384px;
    --p-width: 385px;
    --p-height: 384px;
  }
}

@media (max-width: 1068px) and (max-width: 1068px) {
  .overview-plans-watch-single {
    width: 372px;
    height: 361px;
    --p-width: 372px;
    --p-height: 361px;
  }
}

@media (max-width: 734px) and (max-width: 734px) {
  .overview-plans-apple-tv-single,
  .overview-plans-display-single,
  .overview-plans-headphones-single,
  .overview-plans-ipad-single,
  .overview-plans-iphone-single,
  .overview-plans-mac-single,
  .overview-plans-vision-single,
  .overview-plans-watch-single {
    width: 280px;
    height: 148px;
    --p-width: 280px;
    --p-height: 148px;
  }
}

@media (min-width: 735px) {
  .section-plans .gallery .tile-content {
    padding-right: 0;
  }
}

.section-plans .gallery .tabnav-paddles {
  direction: ltr;
  margin-right: -1px;
  margin-left: 0;
}

.section-plans .section-headline {
  max-width: 12ch;
}

.section-plans .gallery .tile-content {
	padding: 40px 40px 30px 40px;
}

@media (max-width: 1068px) {
	.section-plans .gallery .tile-content {
		padding: 28px 28px 20px 28px;
	}
}

@media (min-width: 735px) {
  .section-plans .gallery .tile-content {
    padding-right: 0;
  }
}

@media (min-width: 734px) {
  .section-plans .gallery #display .tile-content {
    padding-left: 0;
  }
}

@media (min-width: 1068px) {
  .section-plans .gallery #iphone .tile-content {
    padding-left: 35px;
  }
}