#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-copy, 
.typography-section-copy:lang(ar), 
.typography-tile-headline, 
.typography-tile-headline:lang(ar), 
.typography-tile-subheadline, 
.typography-tile-subheadline:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.typography-ecosystem-products, 
.typography-ecosystem-products:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-copy, 
.typography-hero-copy: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;
}
  
#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), 
.button-super, 
.button-super:lang(ar), 
.accordion-content .accordion-content-paragraph, 
.accordion-content .accordion-content-paragraph:lang(ar), 
.typography-body-tight, 
.typography-body-tight:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced:lang(ar), 
.typography-title-semibold, 
.typography-title-semibold:lang(ar), 
.typography-tile-caption, 
.typography-tile-caption: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: 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: 1068px) {
.accordion-item, 
.accordion-item:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-tile-headline, 
.typography-tile-headline:lang(ar), 
.typography-tile-subheadline, 
.typography-tile-subheadline:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-section-copy, 
.typography-section-copy:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.typography-tile-caption, 
.typography-tile-caption:lang(ar), 
.section-hero .hero-content-wrapper .hero-content .hero-button, 
.section-hero .hero-content-wrapper .hero-content .hero-button: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) {
.accordion-item, 
.accordion-item:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-title-semibold, 
.typography-title-semibold:lang(ar), 
.typography-hero-copy, 
.typography-hero-copy: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: 1441px) {
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-copy, 
.typography-hero-copy:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

header .typography-section-headline,
.tile-voice .typography-tile-headline,
.tile-transcript .typography-tile-headline,
.tile-subscription .typography-tile-headline,
.tile-commute .typography-tile-headline {
    line-height: 1.2;
}

@media only screen and (max-width:734px) {
    .section-pad-top .section-header-headline {
        text-align: right;
    }
}

@media only screen and (max-width:734px) {
    .section-pad-top .section-header-copy {
        text-align: right;
    }
}

.headline-gradient {
    background-image: linear-gradient(-45deg,#DB9CEA,#C75AF4,#6C00B5);
}

@media only screen and (min-width: 735px) {
  .section-tiles .layout-row .tile-content {
      justify-content: space-between;
  }
}

@media only screen and (min-width: 735px) {
    [dir=rtl] .section-tiles .tile-audio .image-wrapper {
        margin-left: -30px;
    }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-tiles .section-content .copy-wrapper {
        flex-basis: 42.666667%;
        max-width: 42.666667%;
    }
}

.section-tiles .tile-personalized .tiles-wrapper .image-caption-wrapper {
    margin-left: 20px;
    margin-right: unset;
}

@media only screen and (max-width: 1068px) {
    .section-tiles .tile-personalized .tiles-wrapper .image-caption-wrapper {
        margin-left: 13px;
        margin-right: unset;
    }
}

.tile-personalized .typography-tile-headline {
  line-height: 1.2;
}

.section-catalog .tabnav-link.current span, .section-catalog .tabnav-link:hover span {
    background-image: linear-gradient(-45deg,#DB9CEA,#C75AF4,#6C00B5);
}

.typography-tab-gallery-link {
    line-height: 1.2;
}

@media only screen and (min-width: 1068px) {
    [dir="rtl"] .section-tiles .tile-personalized .copy-wrapper {
        margin-left: 105px;
    }
}

@media only screen and (max-width:734px) {
    .section-catalog .tabnav-items {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .tabnav-item:nth-child(1) {
        order: 3;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .tabnav-item:nth-child(2) {
        order: 2;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .tabnav-item:nth-child(3) {
        order: 1;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .tabnav-item {
        padding-left: 0;
    }
}

@media only screen and (max-width:734px) {
    .section-catalog .tabnav-item:first-child {
        position: relative;
        right: 25px;
        padding-left: 22px;
    }
}

@media only screen and (max-width:734px) {
    .section-catalog .tabnav-item:last-child {
        margin-right: 0;
    }
}

.section-tiles .tile-personalized .shows-episodes-wrapper .replayButton {
    left: unset;
    right: 0;
}