html:lang(ar),
body:lang(ar),
.button:lang(ar),
.button-super:lang(ar),
.button-elevated:lang(ar),
.button-reduced:lang(ar),
.tabnav-paddle:lang(ar),
.tabnav-link:lang(ar),
.typography-body:lang(ar),
.typography-body-reduced:lang(ar),
.typography-body-reduced-tight:lang(ar),
.typography-sosumi:lang(ar),
.typography-specs-caption:lang(ar),
.typography-body-tight:lang(ar) {
  font-family: SF Pro AR Text, SF Pro Text, SF Pro Icons, Helvetica Neue,
    Helvetica, Arial, sans-serif;
}
#ac-globalnav .ac-gn-link:lang(ar),
#ac-localnav .ac-ln-button:lang(ar),
#ac-globalfooter .ac-gf-directory-column-section-title:lang(ar),
.form-dropdown-select:lang(ar),
#ac-localnav .ac-ln-menu-link,
.section-world-of-iphone .button:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter *,
#ac-globalfooter *:before,
#ac-globalfooter *:after,
#ac-localnav.ac-localnav-stacked .ac-ln-title-subhead,
#ac-localnav.ac-localnav-stacked .ac-ln-title-comingsoon,
#ac-localnav.ac-localnav-stacked .ac-ln-menu-tray,
#ac-localnav .ac-ln-title,
#ac-localnav .ac-ln-title a {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.typography-headline-standalone:lang(ar),
.typography-headline-hero:lang(ar),
.typography-headline-video:lang(ar),
.typography-headline-standalone-subsection:lang(ar),
.typography-headline-elevated:lang(ar),
.typography-headline-pairs-with:lang(ar),
.typography-headline-spatial-audio:lang(ar),
.typography-headline:lang(ar),
.typography-eyebrow-hero:lang(ar),
.typography-label:lang(ar),
.router-item-apple-card .grid-item-headline:lang(ar),
.typography-cta:lang(ar),
.typography-callout-copy:lang(ar),
.typography-tile-eyebrow:lang(ar),
.typography-section-copy:lang(ar),
.typography-router-tile-eyebrow:lang(ar),
.typography-router-tile-full-headline:lang(ar),
.typography-router-tile-half-headline:lang(ar),
.typography-router-tile-full-copy:lang(ar),
.typography-ar-copy:lang(ar),
.typography-accessories-copy:lang(ar),
.typography-accessories-label:lang(ar) {
  font-family: SF Pro AR Display, SF Pro Display, SF Pro Icons, Helvetica Neue,
    Helvetica, Arial, sans-serif;
}

.camera-background-container,
.section-mac-pairs .pairs-images {
  direction: ltr;
}
.section-content.camera-content {
  direction: rtl;
}
.router-item-augmented-reality .grid-item-headline,
.router-item-full .grid-item-copy,
.router-item-full .grid-item-cta,
.router-item-augmented-reality .grid-item-copy {
  text-align: right;
}

.section-connectivity .hero-image {
  right: initial;
  margin-right: auto;
}
@media only screen and (min-width: 735px) {
  .section-connectivity .hero-image {
    left: 50%;
    margin-left: -417px;
  }
}
@media only screen and (min-width: 735px) and (min-width: 1793px) {
  .section-connectivity .hero-image {
    left: 50%;
    margin-left: -733px;
  }
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-connectivity .hero-image {
    left: 50%;
    margin-left: -291px;
  }
}
@media only screen and (min-width: 735px) and (max-width: 734px) {
  .section-connectivity .hero-image {
    left: 50%;
    margin-left: -254px;
  }
}
@media only screen and (max-width: 734px) {
  .section-connectivity .hero-image {
    margin-left: 13%;
  }
}
@media only screen and (max-width: 374px) {
  .section-connectivity .hero-image {
    margin-left: 8%;
  }
}
@media only screen and (max-width: 1800px) {
  .section-connectivity .section-headline {
    margin-top: -222px;
  }
}
@media only screen and (min-width: 1793px) {
  .section-connectivity .section-headline {
    margin-top: -600px;
  }
}
@media only screen and (max-width: 1068px) {
  .section-connectivity .section-headline {
    margin-top: -120px;
  }
}
@media only screen and (max-width: 734px) {
  .section-connectivity .section-headline {
    margin-top: -20px;
  }
}
.router-item-environment .grid-item-headline,
.copy-cta-container {
  direction: rtl;
  text-align: right;
}
.router-item-environment .text-content {
  direction: ltr;
  display: grid;
  grid-column-gap: 115px;
  column-gap: 115px;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto auto;
  grid-template-areas: "picture headline" "picture copy";
  padding: 0;
}

@media only screen and (max-width: 1068px) {
  .router-item-environment .text-content {
    grid-column-gap: 85px;
    column-gap: 85px;
  }
}

@media only screen and (max-width: 734px) {
  .router-item-environment .text-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "headline" "picture" "copy";
  }
}

.router-item-environment .grid-item-picture {
  order: 1;
  grid-area: picture;
  min-width: 0;
  margin-top: 0;
}

@media only screen and (min-width: 735px) {
  .router-item-environment .grid-item-picture {
    align-items: center;
  }
}

@media only screen and (max-width: 734px) {
  .router-item-environment .grid-item-picture {
    order: 2;
    min-height: auto;
    margin-top: 52px;
    margin-bottom: 42px;
  }
}

.router-item-environment .grid-item-headline {
  order: 2;
  grid-area: headline;
  color: #03a10e;
  margin-top: 105px;
  margin-right: 0;
  margin-left: 65px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .router-item-environment .grid-item-headline {
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 734px) {
  .router-item-environment .grid-item-headline {
    margin-top: 65px;
    order: 1;
  }
}

.router-item-environment .copy-cta-container {
  order: 3;
  grid-area: copy;
  max-width: 415px;
  margin-top: 20px;
  margin-bottom: 105px;
}

@media only screen and (max-width: 1068px) {
  .router-item-environment .copy-cta-container {
    margin-top: 0;
    max-width: 370px;
    margin-bottom: 65px;
  }
}
.promo-tile.education-alt {
  text-align: center;
  background-size: 1380px 600px;
  background-repeat: no-repeat;
  background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_large.jpg");
  background-position-x: center;
  background-position-y: bottom;
  height: 600px;
}

@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) {
  .promo-tile.education-alt {
    background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .promo-tile.education-alt {
    /*background-size: 736px 400px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_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) {
  .promo-tile.education-alt {
    background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .promo-tile.education-alt {
    background-size: 736px 490px;
    background-repeat: no-repeat;
    background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_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) {
  .promo-tile.education-alt {
    background-image: url("/mideast/studio-display/c/images/overview/get-more/education__bq047y5fu7n6_small_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .promo-tile.education-alt {
    height: 400px;
  }
}

@media only screen and (max-width: 734px) {
  .promo-tile.education-alt {
    height: 490px;
  }
}

.promo-tile.education-alt .promo-copy-container {
  padding-top: 242px;
}

@media only screen and (max-width: 1068px) {
  .promo-tile.education-alt .promo-copy-container {
    padding-top: 134px;
  }
}

@media only screen and (max-width: 734px) {
  .promo-tile.education-alt .promo-copy-container {
    padding-top: 176px;
  }
}

.promo-tile.education-alt .icon-wrapper {
  color: #fff;
}
@media only screen and (max-width: 734px) {
  .router-item-augmented-reality .grid-item-picture {
    display: block;
  }
}

html.enhance-xp .section-mac-pairs {
  --scroll-duration: 220vh;
}

html.enhance-xp .section-mac-pairs .sticky-container {
  height: var(--scroll-duration);
}
html.enhance-xp .section-mac-pairs .sticky-content {
  position: sticky;
  top: 10%;
}
.section-mac-pairs .pairs-images {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.section-mac-pairs .pairs-images .overview-pairs-hw-studio-display {
  left: 50%;
  margin-left: -330px;
}

@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-studio-display {
    left: 50%;
    margin-left: -223px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-studio-display {
    left: 50%;
    margin-left: -96px;
  }
}

.section-mac-pairs .pairs-images .overview-pairs-hw-screen-studio-display {
  left: 50%;
  margin-left: -330px;
}

@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-screen-studio-display {
    left: 50%;
    margin-left: -223px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-screen-studio-display {
    left: 50%;
    margin-left: -96px;
  }
}
.section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
  left: 50%;
  margin-left: -327px;
}
@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
    left: 50%;
    margin-left: -220px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
    left: 50%;
    margin-left: -96px;
  }
}
.section-mac-pairs .pairs-images .overview-pairs-hw-mac-pro {
  left: 50%;
  margin-left: 427.5px;
}
@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-pro {
    left: 50%;
    margin-left: 287px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-pro {
    left: 50%;
    margin-left: 120.5px;
  }
}
.section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
  left: 50%;
  margin-left: -585px;
}
@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
    left: 50%;
    margin-left: -403px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
    left: 50%;
    margin-left: -174px;
  }
}
.section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
  left: 50%;
  margin-left: 167px;
}
@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
    left: 50%;
    margin-left: 112px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
    left: 50%;
    margin-left: 43px;
  }
}
.section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
  left: 50%;
  margin-left: 122px;
}

@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
    left: 50%;
    margin-left: 82px;
  }
}

@media only screen and (max-width: 734px) {
  .section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
    left: 50%;
    margin-left: 31px;
  }
}
@media only screen and (min-width: 1069px) {
  .section-stands .section-copy.large-wrapping p {
    padding-left: 20px;
    padding-right: 0px;
  }
}
.router-item-augmented-reality .grid-item-headline {
  max-width: 415px;
}
@media only screen and (max-width: 1068px) {
  .router-item-augmented-reality .grid-item-headline {
    max-width: 350px;
  }
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-connectivity .section-copy.medium-wrapping p {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.section-connectivity .section-port {
  padding-left: 43px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-mac-pairs .pairs-text.medium-wrapping {
    text-align: right;
    margin-left: 75px;
  }
}
@media only screen and (max-width: 1068px) {
  .section-accessories .accessories-grid {
    left: initial;
    right: 50%;
    transform: translateX(50%);
  }
}
@media only screen and (min-width: 735px) {
  .router-item-augmented-reality .text-content {
    padding-top: 75px;
  }
}
@media only screen and (max-width: 1068px) {
  .router-item.router-item-continuity {
    justify-content: normal;
  }
}

@media only screen and (max-width: 734px) {
  .section-accessories .typography-headline-standalone-subsection {
    font-size: 38px;
  }
}
.overview-routers-continuity-alt {
  --p-width: 974px;
  --p-height: 442px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
  .overview-routers-continuity-alt {
    --p-width: 537px;
    --p-height: 245px;
  }
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
  .overview-routers-continuity-alt {
    --p-width: 385px;
    --p-height: 177px;
  }
}
.subsection-stats .stats-list .stat {
  line-height: 1.15;
}
@media only screen and (max-width: 1068px) {
  .section-gallery .typography-headline-standalone:lang(ar) {
    line-height: 1.15;
  }
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-mac-pairs .pairs-text.medium-wrapping {
    margin-right: 8.3333333333%;
  }
}
@media only screen and (max-width: 1068px) {
  .section-mac-pairs .pairs-text {
    text-align: right;
  }
}

@media only screen and (max-width: 1068px) {
  .router-item-environment {
    padding: 0;
  }
}
.router-item-environment .copy-cta-container {
  max-width: unset;
}
.router-item-environment .text-content {
  max-width: 980px;
}
@media only screen and (max-width: 1068px) {
  .router-item-environment .text-content {
    padding: 0 50px;
    max-width: 692px;
  }
}
.subsection-camera .inline-media {
  margin-right: 21px;
  margin-left: 0;
}
@media only screen and (max-width: 1068px) {
  .subsection-camera .inline-media {
    margin-right: 13px;
  }
}
@media only screen and (max-width: 734px) {
  .subsection-camera .inline-media {
    margin-right: 6px;
  }
}
#ac-localnav .ac-ln-menucta {
  margin-left: -20px;
}

.intro-text .links-inline li:first-child {
  margin-left: 0;
}