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

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

html[dir="rtl"] .site-header,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .actions,
html[dir="rtl"] .section-head,
html[dir="rtl"] .feature,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-contact p {
    direction: rtl;
}

html[dir="rtl"] .main-nav {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .nav-direction-toggle {
    direction: ltr;
}

html[dir="rtl"] .auth-controls {
    right: auto;
    left: 28px;
}

html[dir="rtl"] .auth-showcase,
html[dir="rtl"] .auth-panel,
html[dir="rtl"] .auth-form,
html[dir="rtl"] .auth-field,
html[dir="rtl"] .auth-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .auth-showcase .brand,
html[dir="rtl"] .auth-submit,
html[dir="rtl"] .social-login-button {
    direction: rtl;
}

html[dir="rtl"] .password-toggle {
    right: auto;
    left: 0;
}

html[dir="rtl"] .password-wrap input {
    padding-right: 14px;
    padding-left: 48px;
}

html[dir="rtl"] .header-cta {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .header-login {
    margin-right: 2px;
    margin-left: 0;
}

html[dir="rtl"] .section-head,
html[dir="rtl"] .footer-bottom {
    text-align: right;
}

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

html[dir="rtl"] .text-link svg,
html[dir="rtl"] .btn svg,
html[dir="rtl"] .header-cta svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .programs-banner {
    direction: rtl;
}

html[dir="rtl"] .programs-banner-badge {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .footer-column,
html[dir="rtl"] .footer-branding,
html[dir="rtl"] .footer-newsletter {
    text-align: right;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .kicker,
html[dir="rtl"] .card-meta,
html[dir="rtl"] .contact-item,
html[dir="rtl"] .contact-support-item,
html[dir="rtl"] .facility-check-list span,
html[dir="rtl"] .standards-list p,
html[dir="rtl"] .contact-response-steps > div {
    direction: rtl;
}

html[dir="rtl"] .eyebrow::before {
    order: 2;
}

html[dir="rtl"] .hero-copy,
html[dir="rtl"] .showcase-copy,
html[dir="rtl"] .programs-banner-copy,
html[dir="rtl"] .facility-extra-copy,
html[dir="rtl"] .facility-tech-copy,
html[dir="rtl"] .contact-response-copy,
html[dir="rtl"] .contact-map-note {
    text-align: right;
}

html[dir="rtl"] .programs-banner-copy,
html[dir="rtl"] .contact-map-note {
    align-items: flex-start;
}

html[dir="rtl"] .feature,
html[dir="rtl"] .contact-item,
html[dir="rtl"] .contact-support-item,
html[dir="rtl"] .facility-check-list span,
html[dir="rtl"] .standards-list p {
    flex-direction: row;
}

html[dir="rtl"] .feature-list,
html[dir="rtl"] .contact-details,
html[dir="rtl"] .contact-support,
html[dir="rtl"] .standards-list {
    direction: rtl;
}

html[dir="rtl"] .showcase-copy ul {
    padding-right: 20px;
    padding-left: 0;
}

html[dir="rtl"] .contact-map-layout,
html[dir="rtl"] .facility-arrival,
html[dir="rtl"] .facility-tech,
html[dir="rtl"] .facility-standards {
    direction: rtl;
}

html[dir="rtl"] .contact-map-note .text-link,
html[dir="rtl"] .btn,
html[dir="rtl"] .header-cta,
html[dir="rtl"] .text-link {
    direction: rtl;
}

html[dir="rtl"] .facility-tech-list div,
html[dir="rtl"] .contact-response-steps > div {
    grid-template-columns: 1fr 45px;
}

html[dir="rtl"] .facility-tech-list strong,
html[dir="rtl"] .contact-response-steps strong {
    grid-column: 2;
    grid-row: 1;
}

html[dir="rtl"] .facility-tech-list span,
html[dir="rtl"] .contact-response-steps span {
    grid-column: 1;
    grid-row: 1;
}

html[dir="rtl"] .contact-item > .feature-icon,
html[dir="rtl"] .contact-support-item > svg,
html[dir="rtl"] .facility-check-list i,
html[dir="rtl"] .standards-list i {
    margin-right: 0;
    margin-left: 0;
}

html[dir="rtl"] .enquiry-form,
html[dir="rtl"] .field,
html[dir="rtl"] .field input,
html[dir="rtl"] .field select,
html[dir="rtl"] .field textarea {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .enquiry-form .btn {
    justify-self: start;
}

html[dir="rtl"] .programs-banner-badge {
    right: auto;
    left: 18px;
}

@media (max-width: 850px) {
    html[dir="rtl"] .main-nav {
        margin-right: 0;
    }

    html[dir="rtl"] .main-nav {
        align-items: flex-end;
        text-align: right;
    }

    html[dir="rtl"] .main-nav .mobile-nav-login {
        justify-content: flex-end;
    }

    html[dir="rtl"] .header-cta {
        margin-right: 0;
    }

}