html[dir="rtl"] .step-copy {
    text-align: right !important;
}

html[dir="rtl"] .step-copy > .d-flex {
    justify-content: flex-start !important;
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero p,
html[dir="rtl"] .hero .badge,
html[dir="rtl"] #producto > .container.text-center > h2,
html[dir="rtl"] #producto > .container.text-center > p,
html[dir="rtl"] #producto .cardx h3,
html[dir="rtl"] #producto .cardx p,
html[dir="rtl"] #experiencia > .container > .text-center h2,
html[dir="rtl"] .step-copy h3,
html[dir="rtl"] .step-copy p,
html[dir="rtl"] #beneficios > .container > .text-center h2,
html[dir="rtl"] #beneficios > .container > .text-center p,
html[dir="rtl"] #beneficios .benefit-card h3,
html[dir="rtl"] #beneficios .benefit-card p,
html[dir="rtl"] #mercados > .container > .text-center h2,
html[dir="rtl"] #mercados > .container > .text-center p,
html[dir="rtl"] .market-info h3,
html[dir="rtl"] .market-info p,
html[dir="rtl"] .cta h2,
html[dir="rtl"] .cta p,
html[dir="rtl"] .navbar-nav .nav-link,
html[dir="rtl"] footer h2,
html[dir="rtl"] footer p,
html[dir="rtl"] footer li,
html[dir="rtl"] .demo-intro h1,
html[dir="rtl"] .demo-intro .lead,
html[dir="rtl"] .demo-benefits li,
html[dir="rtl"] .demo-form-card h2,
html[dir="rtl"] .demo-form-card > p,
html[dir="rtl"] .demo-form-card .form-label,
html[dir="rtl"] .demo-form-card .form-check-label,
html[dir="rtl"] .demo-form-card .invalid-feedback,
html[dir="rtl"] .demo-success h1,
html[dir="rtl"] .demo-success > p:not(.mt-4) {
    text-align: right !important;
}

html[dir="rtl"] .privacy-content h1,
html[dir="rtl"] .privacy-content h2,
html[dir="rtl"] .privacy-content p {
    text-align: right !important;
}

html[dir="rtl"] #producto .cardx .icon,
html[dir="rtl"] .benefit-icon,
html[dir="rtl"] .demo-visual,
html[dir="rtl"] .demo-success-icon {
    text-align: center !important;
}

html[dir="rtl"] footer .text-center,
html[dir="rtl"] .demo-form-card > p.demo-back-link,
html[dir="rtl"] .demo-success > p.mt-4 {
    text-align: center !important;
}

html[dir="rtl"] .markets-track {
    direction: ltr;
}

html[dir="rtl"] .market-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .wa-btn {
    right: auto;
    left: 25px;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .step-copy {
        text-align: right !important;
    }
}