.typography-headline, 
.typography-headline:lang(ar), 
.typography-hero-product-headline, 
.typography-hero-product-headline:lang(ar), 
.typography-hero-product-intro, 
.typography-hero-product-intro:lang(ar), 
.typography-compare-product-headline, 
.typography-compare-product-headline:lang(ar), 
.typography-compare-feature-headline, 
.typography-compare-feature-headline: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), 
.button-elevated, 
.button-elevated:lang(ar), 
.button-reduced, 
.button-reduced:lang(ar), 
.chapternav-paddle, 
.chapternav-paddle:lang(ar), 
.chapternav-label, 
.chapternav-label:lang(ar), 
.chapternav-new, 
.chapternav-new:lang(ar), 
.typography-body, 
.typography-body:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced:lang(ar), 
.typography-hero-product-body-tight, 
.typography-hero-product-body-tight: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: 1068px) {
.typography-headline, 
.typography-headline:lang(ar), 
.typography-hero-product-headline, 
.typography-hero-product-headline:lang(ar), 
.typography-hero-product-intro, 
.typography-hero-product-intro:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media only screen and (max-width: 734px) {
.typography-headline, 
.typography-headline:lang(ar), 
.typography-compare-product-headline, 
.typography-compare-product-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

.section-hero .intro-wrapper .intro-cta .cta-buy {
    margin-right: unset;
    margin-left: 17px;
}

.section-hero .intro-wrapper .intro-cta .cta-learn{
    margin-left: -10px;
    margin-right: 0px;
}

.section-compare .compare-table .cell.connections .note-caption, .section-compare .compare-table .cell.connections .note-feature {
    margin-top: 1em;
}

.section-hero .intro-wrapper .intro-cta .cta-learn {
    margin-left: 0;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-hero .intro-wrapper .intro-cta .cta-learn {
        margin-left: 10px;
    }
}

@media only screen and (max-width:734px) {
    .section-hero .intro-wrapper .intro-cta .cta-learn {
        padding-right: 0;
    }
}