/* fonts starts */
body:lang(ar),
#ac-localnav .ac-ln-title-subhead:lang(ar),
#ac-localnav .ac-ln-title-comingsoon:lang(ar),
#ac-localnav .ac-ln-menu:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
.section-routers .typography-compare-copy:lang(ar),
.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

.techspecs-rowheader:lang(ar),
.router-item-headline:lang(ar),
.router-item-copy:lang(ar),
.router-item-cta:lang(ar),
.typography-headline-standalone:lang(ar),
.typography-eyebrow-super:lang(ar),
.section-hero
  .intro-hero
  .intro-paragraph-container
  .macbook-pro-14-and-16-global-avail:lang(ar),
.typography-hero-cta:lang(ar),
.typography-performance-stat:lang(ar),
.typography-section-copy:lang(ar),
.typography-performance-section-stats:lang(ar),
.typography-performance-section-copy:lang(ar),
.typography-bento-copy:lang(ar),
.section-routers .typography-compare-product-name:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* fonts ends */

.section-techspecs
  .section-charging-and-expansion
  .figure-macbook.figure-macbook {
  direction: ltr;
}

.section-techspecs
  .section-size
  .size-figure.macbook-14
  .size-caption
  .size-span.caption-1,
.section-techspecs
  .section-size
  .size-figure.macbook-16
  .size-caption
  .size-span.caption-1 {
  /* top: -21px; */
  right: -80px;
}
.section-techspecs
  .section-size
  .size-figure.macbook-14
  .size-caption
  .size-span.caption-2 {
  /* top: 127px; */
}

.section-compare .specs-routers-compare {
  margin-top: 60px;
}
.section-compare a.button {
  margin: 30px auto 0;
}

.section-techspecs
  .section-size
  .size-figure
  .size-caption
  .size-span.caption-3 {
  left: unset;
  right: -70px;
}

@media only screen and (max-width: 734px) {
  .section-techspecs .section-size .size-figure {
    margin-right: 70px;
  }
}

@media only screen and (max-width: 734px) {
  .section-techspecs
    .section-size
    .size-figure
    .size-caption
    .size-span.caption-3 {
    bottom: -5px;
  }
}

.section-techspecs
  .section-size
  .size-figure
  .size-caption
  .size-span.caption-2 {
  width: 510px;
}

@media only screen and (max-width: 1068px) {
  .section-techspecs
    .section-size
    .size-figure
    .size-caption
    .size-span.caption-2 {
    width: 380px;
  }
}

@media only screen and (max-width: 734px) {
  .section-techspecs
    .section-size
    .size-figure
    .size-caption
    .size-span.caption-2 {
    width: 225px;
  }
}

.section-routers .router-item-environment .router-item-content,
.router-item-tradein.full-split .router-item-content {
  margin-top: 115px;
  margin-bottom: 115px;
}

@media only screen and (max-width: 1068px) {
  .section-routers .router-item-environment .router-item-content,
  .router-item-tradein.full-split .router-item-content {
    margin-top: 75px;
    margin-bottom: 75px;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .router-item-environment .router-item-content,
  .router-item-tradein.full-split .router-item-content {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 734px) {
  .router-item-tradein.full-split .router-item-content {
    margin-top: 36px;
    margin-bottom: unset;
  }
}

.router-item-tradein.full-split .router-item-picture.align-middle picture {
  margin-top: auto;
  margin-bottom: auto;
}

.section-routers .accent-green:before {
  width: 138px;
  height: 60px;
  background-size: 138px 60px;
  background-repeat: no-repeat;
  background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_large.png");
}

@media (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi),
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx) {
  .section-routers .accent-green:before {
    background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_large_2x.png");
  }
}

@media only screen and (max-width: 1068px) {
  .section-routers .accent-green:before {
    width: 115px;
    height: 50px;
    background-size: 115px 50px;
    background-repeat: no-repeat;
    background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_medium.png");
  }
}

@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) {
  .section-routers .accent-green:before {
    background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_medium_2x.png");
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .accent-green:before {
    width: 95px;
    height: 42px;
    background-size: 95px 42px;
    background-repeat: no-repeat;
    background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_small.png");
  }
}

@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) {
  .section-routers .accent-green:before {
    background-image: url("/v/macbook-pro-14-and-16/e/images/overview/routers/environment_highlight__bo92uzox8342_small_2x.png");
  }
}

.section-routers .router-item-environment .accent-green {
  position: relative;
  display: inline-block;
}

.section-routers .router-item-environment .accent-green:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -7px;
  right: unset;
  left: 0;
}

@media only screen and (max-width: 1068px) {
  .section-routers .router-item-environment .accent-green:before {
    right: -4px;
    bottom: -5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .router-item-environment .accent-green:before {
    bottom: -5px;
    right: -5px;
  }
}

.theme-dark .section-routers .router-item-environment .accent-green {
  color: var(--router-item-bg-color);
}

html.text-zoom
  .theme-dark
  .section-routers
  .router-item-environment
  .accent-green {
  color: var(--router-item-text-color);
}

html.text-zoom
  .theme-dark
  .section-routers
  .router-item-environment
  .accent-green:before {
  display: none;
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:first-child {
    right: 66.2%;
  }
}

@media only screen and (max-width: 1068px) {
  section-performance
    .subsection-pro
    .subsection-performance-stats
    p:first-child {
    top: 7.6%;
    right: 63%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(2) {
    right: 27.2%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(2) {
    top: 0.7%;
    right: 16.6%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(2) {
    top: 0;
    right: 7%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(3) {
    top: 54.5%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(3) {
    right: 45%;
    top: 43%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(4) {
    top: 38%;
    right: 20.5%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(5) {
    top: 67.2%;
    right: 25.4%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(4) {
    top: 24.5%;
    right: 5%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(5) {
    top: 69.6%;
    right: 38%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-pro
    .subsection-performance-stats
    p:nth-child(5) {
    top: 65.3%;
    right: 25%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:first-child {
    top: 76.2%;
    right: 24.8%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:first-child {
    top: 77.3%;
    right: 31%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:first-child {
    top: 71.3%;
    right: 18%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(2) {
    top: 8.6%;
    right: 19.8%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(2) {
    top: 6.5%;
    right: 12.6%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(3) {
    top: 27.3%;
    right: 64%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(3) {
    top: 25%;
    right: 64%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(3) {
    right: 46%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(4) {
    top: 38%;
    right: 11.4%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(4) {
    top: 41.7%;
    right: 5.8%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(5) {
    top: 59.4%;
    right: 64.6%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(5) {
    top: 60%;
    right: 64%;
  }
}

@media only screen and (max-width: 734px) {
  .section-performance
    .subsection-max
    .subsection-performance-stats
    p:nth-child(5) {
    top: 58%;
  }
}

@media only screen and (min-width: 735px) {
  .router-item.full-split .router-content-wrapper {
    direction: rtl;
  }
}

@media only screen and (min-width: 735px) {
  .router-item.full-split .router-item-content {
    padding: 0 0 0 50px;
  }
}

@media only screen and (min-width: 735px) {
  .router-item.full-split .router-item-picture.align-split-end {
    margin-right: unset;
    margin-left: var(--router-split-image-spacing);
  }
}

.section-performance
  .subsection-hero
  .sticky-container
  .sticky-element
  .chip-container
  .pro-text-container
  [data-text-gradient] {
  background-image: linear-gradient(-90deg, #ccefff, #60cafc 40%, #3d71ff);
}

.section-performance
  .subsection-hero
  .sticky-container
  .sticky-element
  .chip-container
  .max-text-container
  [data-text-gradient] {
  background-image: linear-gradient(-90deg, #e1cdff, #ad68ff 40%, #9d4dff);
}

html.enhance-xp .section-performance .subsection-pro [data-text-gradient] {
  background-image: linear-gradient(
    45deg,
    var(--color1) var(--fade1),
    var(--color2) var(--fade2),
    var(--color3) var(--fade3),
    var(--color4) var(--fade4),
    var(--color5) var(--fade5)
  ) !important;
}

html.enhance-xp .section-performance .subsection-max [data-text-gradient] {
  background-image: linear-gradient(
    45deg,
    var(--color1) var(--fade1),
    var(--color2) var(--fade2),
    var(--color3) var(--fade3),
    var(--color4) var(--fade4),
    var(--color5) var(--fade5)
  ) !important;
}

.section-performance
  .models-gallery-container
  .models-tabnav-items
  .tabnav-highlight {
  left: unset;
  right: 0;
}

.section-performance
  .models-gallery-container
  .models-tabnav-items
  .tabnav-item-1.current
  ~ .tabnav-highlight {
  transform: translatex(0%);
}

.section-performance
  .models-gallery-container
  .models-tabnav-items
  .tabnav-item-2.current
  ~ .tabnav-highlight {
  transform: translatex(-100%);
}

.router-item-education.full-width #overview-routers-education-1 {
  left: 0;
  right: 0;
  transform: none;
  width: auto;
}

.router-item-education.full-width #overview-routers-education-1 img {
  object-fit: cover;
  width: 100%;
  object-position: top;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .full-width .router-item-content,
  .full-width .router-item-header {
    margin-top: 100px;
  }
}

.badge-value-container {
  direction: ltr;
}

.badge .badge-value {
  right: unset;
  left: -2px;
}

.section-hero .intro-hero .intro-paragraph-container .intro-headline {
  line-height: 1.17;
}

.colornav-item {
  float: right;
}

.section-display .display-gallery .paddlenav .paddlenav-arrow-previous {
  right: unset;
  left: 40px;
}

.section-display .display-gallery .paddlenav .paddlenav-arrow-next {
  left: unset;
  right: 40px;
}

#display-gallery .paddlenav-compact .paddlenav-arrow-next:after,
#display-gallery .paddlenav-compact .paddlenav-arrow-next:before {
  content: "";
  margin-left: unset;
  margin-right: -0.044em;
}

#display-gallery .paddlenav-compact .paddlenav-arrow-previous:after,
#display-gallery .paddlenav-compact .paddlenav-arrow-previous:before {
  content: "";
  margin-right: unset;
  margin-left: -0.044em;
}

#display-gallery .dotnav ul {
  flex-direction: row-reverse;
}

.section-performance
  .subsection-hero
  .sticky-container
  .overview-performance-m2-bg
  img {
  transform: scale(-1);
}

.modal-trigger-container {
  background: linear-gradient(135deg, #5d2eff, #a56cff, #2f65ff, #60cafc);
}

.section-performance
  .subsection-even-more-tiles
  .even-more-tiles
  .tile-fast
  .jumbo-badge {
  background-image: radial-gradient(
    at 20% 80%,
    #10cafc 0%,
    #a56cff 70%,
    #5d2eff 130%
  );
}

.section-routers .section-compare .product-swatch {
  transform: scale(-1);
}

@media only screen and (min-width: 1069px) {
  .router-item-picture.align-middle picture {
    margin-right: 0;
    margin-left: auto;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .overview-routers-continuity {
    margin-right: -70px;
  }
}

@media only screen and (max-width: 734px) {
  .section-display .display-gallery .gallery-item p {
    text-align: right;
  }
}

.section-display .display-gallery .paddlenav ul {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 1068px) {
  .section-display .display-gallery .paddlenav .paddlenav-arrow-previous {
    left: 18px;
  }
}

@media only screen and (max-width: 1068px) {
  .section-display .display-gallery .paddlenav .paddlenav-arrow-next {
    left: unset;
    right: 18px;
  }
}

@media only screen and (max-width: 734px) {
  .section-display
    .display-gallery
    .gallery-item.display-gallery-item-housing
    p:after {
    left: unset;
    right: 240px;
  }
}

@media only screen and (max-width: 734px) {
  .section-display
    .display-gallery
    .gallery-item.display-gallery-item-backlight
    p:after {
    left: unset;
    right: 210px;
  }
}

@media only screen and (max-width: 734px) {
  .section-display
    .display-gallery
    .gallery-item.display-gallery-item-diffusers
    p:after {
    left: unset;
    right: 135px;
  }
}

@media only screen and (max-width: 734px) {
  .section-display
    .display-gallery
    .gallery-item.display-gallery-item-lcd
    p:after {
    left: unset;
    right: 50px;
  }
}

.section-performance
  .subsection-hero
  .sticky-container
  .sticky-element
  .chip-container
  .pro-text-container
  [data-text-gradient] {
  background-image: linear-gradient(90deg, #ccefff, #60cafc 40%, #3d71ff);
}

.section-performance
  .subsection-hero
  .sticky-container
  .sticky-element
  .chip-container
  .max-text-container
  [data-text-gradient] {
  background-image: linear-gradient(90deg, #e1cdff, #ad68ff 40%, #9d4dff);
}

@media only screen and (max-width: 734px) {
  .section-ports .figure-magsafe {
    direction: ltr;
  }
}

@media only screen and (max-width: 1068px) {
  .bts-2023-campaign-body-class .macbook-pro-14-and-16-page.ribbon-bts-2023 {
    right: 50%;
    transform: translateX(50%);
  }
}

.modal-close-button .modal-close-icon svg {
  margin-right: -54%;
}

.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1 {
  left: 158px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-display
    .display-gallery
    .gallery-item.display-gallery-item-lcd
    p:after {
    top: 130px;
  }
}