html[dir="ltr"] .hero-description {
    text-align: left;
}
html[dir="ltr"] .bonus-table th,
html[dir="ltr"] .bonus-table td,
html[dir="ltr"] .blog-article__content table th,
html[dir="ltr"] .blog-article__content table td {
    text-align: left;
}
html[dir="ltr"] ul:not([class]) li::before {
    left: 0;
    right: auto;
}
html[dir="ltr"] ul:not([class]) li {
    padding-left: 30px;
    padding-right: 0;
}
html[dir="ltr"] .header .container {
    flex-direction: row;
}
