/*** Arabic Fonts ****/

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

.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-image-accordion-title-text, 
.typography-image-accordion-title-text:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-inner-container-modal-copy, 
.typography-inner-container-modal-copy:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.accordion-item, 
.accordion-item: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;
}
  
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.typography-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar), 
.typography-image-accordion-paragraph-text, 
.typography-image-accordion-paragraph-text:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.chapternav-label, 
.chapternav-label:lang(ar), 
.chapternav-new, 
.chapternav-new: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 (max-width: 1068px) {
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-image-accordion-title-text, 
.typography-image-accordion-title-text:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-inner-container-modal-copy, 
.typography-inner-container-modal-copy:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-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-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body: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-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-image-accordion-title-text, 
.typography-image-accordion-title-text:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-inner-container-modal-copy, 
.typography-inner-container-modal-copy:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-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-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.typography-image-accordion-paragraph-text, 
.typography-image-accordion-paragraph-text:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body: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: 480px) {
.typography-modal-header-headline, 
.typography-modal-header-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: 735px) {
.product-tile-ctas .button, .product-tile-ctas .product-tile-current, .product-tile-ctas button, 
.product-tile-ctas .button:lang(ar), .product-tile-ctas .product-tile-current:lang(ar), .product-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; 
  }
}


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

/*** Arabic Fonts ****/



.banner-card-row {
    direction: ltr;
}

.banner-card-ctas-primary {
    direction: rtl;
}

@media only screen and (min-width: 1069px) {
    #overview-augment-accordion-watch-and-fitness-plus-2{
        transform: scale(0.86);
    transform-origin: center;
    margin-right: -100px;
    }
}

.banner-card:only-of-type .banner-card-row {
  padding-inline-start: 4%;
}

.banner-card-text-row-placement-top {
  direction: ltr;
}

.banner-card:only-of-type .banner-card-row .banner-card-copy-column {
  direction: rtl;
}

.inner-container-modal .overview-consider-modals-connectivity-modal-connectivity-wallet img {
    position: initial;
}

.inner-container-modal-tile .card .inner-container-modal-copyblock.large-4 {
    margin-block: auto;
}

#overview-consider-modals-connectivity-modal-connectivity-wallet-1 {
    margin-top: -95px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .inner-container-modal-tile .card .image-container.medium-12 {
        margin-top: 130px;
    }
}

@media only screen and (max-width: 734px) {
    .inner-container-modal-tile .card .image-container.small-12 {
        margin-top: 110px;
    }
}

.large-3 .typography-inner-container-modal-copy p {
    margin-top:0;
}


#connectivity .ric-modal-content-wrapper .inner-container-modal-tile.bleed-bottom .inner-container-modal-copyblock.inner-container-modal-content.large-4 p {
    margin-top: 5px;
}

.inner-container-modal-tile .card .inner-container-modal-copyblock.large-4 {
    margin-block: auto;
}