/* Index page - section title responsive and account/payment titles */
.section-title {
    transition: max-width 0.3s ease;
}

[dir="rtl"] .account-info-title {
    max-width: 65%;
}
[dir="ltr"] .account-info-title {
    max-width: 65%;
}

[dir="rtl"] .payment-title {
    max-width: 65%;
}
[dir="ltr"] .payment-title {
    max-width: 55%;
}

@media screen and (max-width: 991px) {
    [dir="rtl"] .account-info-title {
        max-width: 50%;
    }
    [dir="ltr"] .account-info-title {
        max-width: 40%;
    }

    [dir="rtl"] .payment-title {
        max-width: 50%;
    }
    [dir="ltr"] .payment-title {
        max-width: 40%;
    }
}

@media screen and (max-width: 767px) {
    [dir="rtl"] .account-info-title,
    [dir="ltr"] .account-info-title,
    [dir="rtl"] .payment-title,
    [dir="ltr"] .payment-title {
        max-width: 100%;
    }
}

/* Index page - utility classes for former inline styles */
.index-cta-width { width: 90%; }
[dir="rtl"] .index-account-desc-1 { max-width: 70%; }
[dir="ltr"] .index-account-desc-1 { max-width: 100%; }
[dir="rtl"] .index-account-desc-2 { max-width: 80%; }
[dir="ltr"] .index-account-desc-2 { max-width: 90%; }
[dir="rtl"] .index-code-text-container { max-width: 50%; }
[dir="ltr"] .index-code-text-container { max-width: 100%; }
.index-payment-desc-font { font-size: 1.08em; }