/* fonts starts */
body:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-localnav *,
#ac-localnav *:before,
#ac-localnav *:after,
.typography-compare-copy: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),
.typography-quote-reduced:lang(ar),
.typography-eyebrow-elevated:lang(ar),
.typography-headline-super:lang(ar),
.typography-item-description:lang(ar),
.typography-eyebrow-reduced:lang(ar),
.typography-callout:lang(ar),
.typography-compare-product-name:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* fonts ends */

html[dir="rtl"] .section-camera .grid-item-content {
  direction: rtl;
}

.section-hero .inline-video .start-frame,
.section-hero .inline-video .end-frame,
.section-hero .inline-video .video {
  left: 680px;
  right: initial;
  margin-right: 0;
  margin-left: -700px;
}

@media only screen and (max-width: 1068px) {
  .section-hero .inline-video .start-frame,
  .section-hero .inline-video .end-frame,
  .section-hero .inline-video .video {
    margin-right: 0;
    right: initial;
    margin-left: -500px;
    left: 468px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .inline-video .start-frame,
  .section-hero .inline-video .end-frame,
  .section-hero .inline-video .video {
    margin-left: -275px;
    left: calc(50% + 64px);
  }
}

@media only screen and (max-width: 734px) {
  .section-chip .overview-macos {
    right: calc((((100% - 400px))));
  }
}

.section-chip .grid-item-battery .text-content {
  text-align: right;
  padding: var(--tile-padding);
  max-width: 100%;
}

@media only screen and (max-width: 1068px) {
  .section-compare .column-image.overview-macbook-pro-13,
  .section-compare .column-image.overview-macbook-air {
    margin-top: 19px;
  }
}

@media only screen and (max-width: 734px) {
  .section-compare .column-image.overview-macbook-pro-13,
  .section-compare .column-image.overview-macbook-air {
    margin-top: 0;
  }
}

.section-router
  .grid-item-router.grid-item-accessory
  .text-content
  .typography-headline {
  flex-basis: 95%;
  max-width: 95%;
}

.section-router .grid-item-router .shared-router-macos-bigsur {
  height: 100%;
}

.section-keyboard .grid-item-trackpad .overview-trackpad-bg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.section-compare
  .column-content-flex-wrapper
  .content-wrapper
  .flex-header-wrapper {
  height: 346px;
}

@media only screen and (max-width: 1068px) {
  .section-compare
    .column-content-flex-wrapper
    .content-wrapper
    .flex-header-wrapper {
    min-height: 181px;
  }
}

@media only screen and (max-width: 734px) {
  .section-compare
    .column-content-flex-wrapper
    .content-wrapper
    .flex-header-wrapper {
    min-height: 160px;
  }
}

.section-compare .compare-column .product-headline {
  min-height: 60px;
  line-height: 1.4211;
}

.section-compare .compare-column .product-pricing {
  margin-top: 40px;
}

@media only screen and (max-width: 734px) {
  .section-compare .compare-column:first-child .product-pricing {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1068px) {
  .section-compare .column-content-flex-wrapper .content-wrapper {
    min-height: auto;
  }
}

.section-chip .grid-item-ml .grid-item-content {
  direction: rtl;
}

@media only screen and (max-width: 734px) {
  .grid-item-modal-trigger-wrap .button {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .modal-standard .modal-content {
    padding: 0 10px 0 8%;
  }
}

.subsection-gallery .tabnav-wrapper .tabnav-items,
.subsection-gallery .tabnav-wrapper .tabnav-item {
  display: flex;
}

.typography-quote-reduced:lang(ar) {
  line-height: 1.25;
}

@media only screen and (max-width: 1068px) {
  .typography-quote-reduced:lang(ar) {
    line-height: 1.28583;
  }
}

@media only screen and (max-width: 734px) {
  .typography-quote-reduced:lang(ar) {
    line-height: 1.33341;
  }
}

.section-chip .grid-item-storage .grid-item-content .text-content .badge {
  margin-left: 0;
}

@media only screen and (max-width: 1068px) {
  .section-router
    .grid-item-router.grid-item-macos
    .text-content
    .typography-headline,
  .section-router
    .grid-item-router.grid-item-accessory
    .text-content
    .typography-headline {
    max-width: 100%;
    flex-basis: 100%;
  }
}

.section-chip .grid-item-efficiency .color-secondary {
  color: rgb(170, 183, 235);
}

@media only screen and (max-width: 1068px) {
  .section-chip .grid-item-battery.animate .grid-headline-super {
    font-size: 54px;
  }
}

@media only screen and (max-width: 734px) {
  .section-chip .grid-item-battery.animate .grid-headline-super {
    font-size: 44px;
  }
}

.typography-headline-super:lang(ar) {
  line-height: 1.05;
}

@media only screen and (max-width: 1068px) {
  .typography-headline-super:lang(ar) {
    line-height: 1.0625;
  }
}

@media only screen and (max-width: 734px) {
  .typography-headline-super:lang(ar) {
    line-height: 1.08349;
  }
}

.typography-item-description:lang(ar) {
  line-height: 1.4211;
}

@media only screen and (max-width: 1068px) {
  .typography-badge-caption:lang(ar) {
    line-height: 1.16667;
  }
}

@media only screen and (max-width: 734px) {
  .typography-badge-caption:lang(ar) {
    line-height: 1.19048;
  }
}

.typography-callout:lang(ar) {
  line-height: 1.125;
}

@media only screen and (max-width: 1068px) {
  .typography-callout:lang(ar) {
    line-height: 1.14286;
  }
}

@media only screen and (max-width: 734px) {
  .typography-callout:lang(ar) {
    line-height: 1.16667;
  }
}

@media only screen and (min-width: 735px) {
  .section-chip .overview-macos-apps {
    margin-top: 2.4em;
  }
}

.section-display .typography-headline-super:lang(ar) {
  line-height: 1.15;
}

@media only screen and (max-width: 1068px) {
  .typography-headline-little:lang(ar),
  .typography-eyebrow-super:lang(ar) {
    line-height: 1.14286;
  }
}

@media only screen and (max-width: 734px) {
  .typography-headline-little:lang(ar),
  .typography-eyebrow-super:lang(ar) {
    line-height: 1.15;
  }
}

@media only screen and (max-width: 1068px) {
  html[dir="rtl"] .section-chip .grid-item-processor .grid-item-modal-trigger {
    right: calc(41% + 40px);
  }
}

@media only screen and (max-width: 734px) {
  html[dir="rtl"] .section-chip .grid-item-processor .grid-item-modal-trigger {
    right: initial;
  }
}

@media only screen and (max-width: 1068px) {
  .section-chip .overview-processor {
    left: 57%;
  }
}

@media only screen and (max-width: 734px) {
  .section-chip .overview-processor {
    right: calc(100% - 400px);
    left: auto;
  }
  .section-chip .overview-machine-learning {
    right: calc(100% - 400px);
  }
}

@media only screen and (max-width: 1068px) {
  .grid-item-efficiency .grid-item-modal-trigger-wrap .button,
  .grid-item-ml .grid-item-modal-trigger-wrap .button {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .section-camera .typography-headline-super:lang(ar) {
    padding-top: 5px;
  }
}

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

.section-ar .colornav .colornav-item {
  float: right;
}

@media only screen and (max-width: 1068px) {
  html.quick-look .quicklook-component a {
    max-width: 300px;
    display: inline-block;
  }
}

.section-router .grid-item-router .shared-router-business {
  width: 100%;
  right: 0;
  margin-right: 0;
}

.grid-item {
  position: relative;
}

@media only screen and (max-width: 734px) {
  .grid-item-scissor .overview-scissor-mechanism {
    transform: translate(-50%, 100%);
    position: absolute;
    margin-left: 50%;
  }
}

@media only screen and (max-width: 734px) {
  .subsection-gallery .item-container .gallery-item .flex .badge-caption {
    white-space: normal;
  }
}

/*.typography-item-description {
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 600;
  letter-spacing: .012em;
}
*/

.section.section-camera .section-content .section-header-intro {
  line-height: 1.5;
}

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

.section-router
  .grid-item-router.grid-item-continuity.large-span-12
  .shared-router-continuity {
  width: 886px;
  height: 343px;
  margin-right: -435px;
}

@media only screen and (max-width: 1068px) {
  .section-router .grid-item-router.grid-item-continuity.large-span-12 {
    min-height: 650px;
  }
}

@media only screen and (max-width: 734px) {
  .section-router
    .grid-item-router.grid-item-continuity.large-span-12
    .shared-router-continuity {
    right: 50%;
    margin-right: -200px;
    width: 400px;
    height: 420px;
  }
}
.ribbon-ase-2022-footnote a {
  color: #fff;
}
.ribbon-ase-2022-footnote a:hover {
  color: #06c;
}

@media only screen and (max-width: 1068px) {
  .section-hero .hero-cta-item:nth-child(n + 2)::before {
    display: none;
  }
}

@media only screen and (max-width: 1068px) {
  body.t1
    .quick-look-classic
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-modern
    body.t1
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-classic
    body.t1
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content,
  html.quick-look-modern
    body.t1
    .section-hero
    .hero-cta-list
    li.is-dynamic.has-dynamic-content {
    margin-right: 0;
  }
}