/*** AR FONTS ***/
body:lang(ar),
#ac-localnav .ac-ln-button:lang(ar),
.typography-body:lang(ar),
.button:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter * {
  font-family: "SF Pro AR Text", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
}

.typography-app-headline:lang(ar),
.accordion-item:lang(ar),
.typography-intro:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/*** END AR FONTS ***/

.section-faq .accordion-button {
    text-align: right;
}

@media only screen and (min-width: 735px) {
  .tile-anytime-anywhere{
      direction: ltr;
      text-align: right;
  }
  .tile-anytime-anywhere .tile-foc .tile-content .tile-copy{
direction: rtl;
  }
}

.section-cards .cards-container  .tile.with-boc .tile-button {
  right: auto;
  left: 20px;
}

.section-cards .cards-container .tile.tile-easy-to-use .tile-foc .section-headline:lang(ar){
  text-align: right;
}

.section-headline {
  line-height: 1.1834933333;
}

.section-router .tiles-container .tile-eyebrow{
  direction: ltr;
}

.section-cards .cards-container .tile.tile-all-kinds .section-headline {
  text-align: right;
}

.section-cards .cards-container .tile.with-boc.expanded .tile-boc-trigger {
  width: var(--button-size);
  height: var(--button-size);
  bottom: 20px;
  left: 56px;
}
.section-cards .cards-container .tile.with-boc .tile-boc-trigger {
  right: auto;
}

.section-cards .cards-container .tile.with-boc.expanded .tile-boc-trigger {
  width: var(--button-size);
  height: var(--button-size);
  bottom: 20px;
  right: auto
}

@media only screen and (max-width: 735px) {
  .section-cards .cards-container .tile.with-boc.expanded .tile-boc-trigger {
    width: var(--button-size);
    height: var(--button-size);
    bottom: 20px;
    left: 50px;
  
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px){
  .tile-anytime-anywhere .tile-foc .tile-content .tile-copy{
        margin-right: 26px;    
    }
}

@media (max-width: 734px) {
  .section-cards .cards-container .tile.tile-security .tile-foc .section-headline {
      text-align: right;
  }
  .section-providers .section-headline{
    max-width: 270px;
  }
}