html[dir="rtl"] body {
    direction: rtl;
}

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

html[dir="rtl"] .card-main {
    direction: rtl;
    margin-top: 16px;
}

@media (min-width: 1200px) {
    html[dir="rtl"] .right-col {
        margin-top: 0;
    }
}

html[dir="rtl"] .card-main > .left-col {
    order: 2;
}

html[dir="rtl"] .card-main > .right-col {
    order: 1;
}

html[dir="rtl"] .steps-grid {
    direction: rtl;
}

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

html[dir="rtl"] .cta-row,
html[dir="rtl"] .button-row {
    justify-content: flex-start;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea {
    text-align: right;
}

html[dir="rtl"] #contactInput,
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
    direction: ltr;
    text-align: left;
}