/*** Arabic Fonts ****/

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

#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-hero-tagline, 
.typography-hero-tagline:lang(ar), 
.typography-foundation-headline, 
.typography-foundation-headline:lang(ar), 
.typography-section-eyebrow, 
.typography-section-eyebrow:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-intro, 
.typography-section-intro:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-section-headline-design, 
.typography-section-headline-design:lang(ar), 
.typography-section-headline-performance, 
.typography-section-headline-performance:lang(ar), 
.typography-section-body, 
.typography-section-body:lang(ar), 
.typography-section-stats, 
.typography-section-stats:lang(ar), 
.typography-router-headline, 
.typography-router-headline:lang(ar), 
.typography-router-copy, 
.typography-router-copy:lang(ar), 
.portal-layout .portal-cta, 
.portal-layout .portal-cta:lang(ar), 
.section-technology .features-container .stats .stat strong, 
.section-technology .features-container .stats .stat strong:lang(ar), 
.section-technology .headline-lockup .highlight, 
.section-technology .headline-lockup .highlight:lang(ar), 
.section-values .headline-lockup .highlight, 
.section-values .headline-lockup .highlight: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), 
.button, 
.button:lang(ar), 
.typography-hero-avail, 
.typography-hero-avail:lang(ar), 
.typography-drawer-caption, 
.typography-drawer-caption:lang(ar), 
.typography-video-attribution, 
.typography-video-attribution: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-hero-tagline, 
.typography-hero-tagline:lang(ar), 
.typography-foundation-headline, 
.typography-foundation-headline:lang(ar), 
.typography-section-eyebrow, 
.typography-section-eyebrow:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-intro, 
.typography-section-intro:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-section-headline-design, 
.typography-section-headline-design:lang(ar), 
.typography-section-headline-performance, 
.typography-section-headline-performance:lang(ar), 
.typography-section-stats, 
.typography-section-stats:lang(ar), 
.typography-router-headline, 
.typography-router-headline:lang(ar), 
.section-technology .features-container .stats .stat strong, 
.section-technology .features-container .stats .stat strong:lang(ar), 
.section-technology .headline-lockup .highlight, 
.section-technology .headline-lockup .highlight:lang(ar), 
.section-values .headline-lockup .highlight, 
.section-values .headline-lockup .highlight:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-hero-avail, 
.typography-hero-avail:lang(ar), 
.typography-section-body, 
.typography-section-body:lang(ar), 
.typography-router-copy, 
.typography-router-copy:lang(ar), 
.portal-layout .portal-cta, 
.portal-layout .portal-cta: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 only screen and (max-width: 734px) {
.typography-foundation-headline, 
.typography-foundation-headline:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-intro, 
.typography-section-intro:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-section-headline-design, 
.typography-section-headline-design:lang(ar), 
.typography-section-headline-performance, 
.typography-section-headline-performance:lang(ar), 
.portal-layout .portal-cta, 
.portal-layout .portal-cta:lang(ar), 
.section-technology .features-container .stats .stat strong, 
.section-technology .features-container .stats .stat strong:lang(ar), 
.section-technology .headline-lockup .highlight, 
.section-technology .headline-lockup .highlight:lang(ar), 
.section-values .headline-lockup .highlight, 
.section-values .headline-lockup .highlight:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-hero-tagline, 
.typography-hero-tagline:lang(ar), 
.typography-hero-avail, 
.typography-hero-avail:lang(ar), 
.typography-section-stats, 
.typography-section-stats:lang(ar), 
.typography-drawer-caption, 
.typography-drawer-caption:lang(ar), 
.typography-video-attribution, 
.typography-video-attribution: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 (min-width: 834px) {
#ac-localnav .ac-ln-menu-link.button-secondary-neutral, 
#ac-localnav .ac-ln-menu-link.button-secondary-neutral: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 ****/


/*.welcome__lockup-secondary-copy {
  color: #6e6e73;
  font-size: 19px;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .welcome__lockup-secondary-copy {
      font-size: 17px;
  }
}

@media only screen and (max-width: 734px) {
  .welcome__lockup-secondary-copy {
      font-size: 14px;
  }
}

html.enhanced .section-design .highlight-copy {
  text-align: right;
}

@media only screen and (min-width: 735px) {
  .router-accessories .router-headline {
      padding-left: 93px;
      padding-right: unset;
  }
}

.icon::after, .more::after {
  display: inline;
}

.icon.icon-before.icon-playcircle::after {
  display: none;
}

.icon::before, .more::before {
  display: none;
}

@media only screen and (min-width: 734px) {
  .portal-layout .video-attribution-wrapper.left-aligned {
    left: 40px;
    right: unset;
  }
}

.icon-before:before {
  padding-right: 0.3em;
  padding-left: unset;
}

@media only screen and (min-width:735px) {
  html.no-enhanced[dir="rtl"] .section-design .flex-container {
      flex-direction: row;
  }
}

.copy-container .highlight-copy.highlight-1,
.copy-container .highlight-copy.highlight-2,
.copy-container .highlight-copy.highlight-3,
.copy-container .highlight-copy.highlight-4,
.copy-container .highlight-copy.highlight-5,
.copy-container .highlight-copy.highlight-6 {
  direction: rtl;
}

.drawer-wrapper.expanded .drawer-close-icon {
  transform: rotate(45deg);
}

@media only screen and (max-width:734px) {
  html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
      transform: translateX(-24%);
  }
}

.drawer-wrapper .drawer-close-icon {
  left: unset;
  right: var(--drawer-side-padding);
}

.drawer-wrapper .theme-dark .paddlenav-framed {
  right: unset;
  left: var(--drawer-side-padding);
}

.modal[data-product-tour-modal] .modal-close-button {
  align-self: start;
  margin-inline-end: unset;
  margin-inline-start: 16px;
}
*/

/* i */

.section-hero .hero-ctas li .button-tertiary-neutral {
    margin-left: 12px;
    margin-right: 0;
}


@media only screen and (max-width: 734px) {
    .section-hero .hero-ctas li .button-neutral {
        padding:9px 15px 9px 14px
    }

    #main > section.section.section-design > div > div.scroll-container > div > div > div.video-attribution-wrapper > p:nth-child(1) > a,
    #main > section.section.section-design > div > div.scroll-container > div > div > div.video-attribution-wrapper > p:nth-child(2) span {
      justify-content: center;
    }
}