/*
 * LTR overrides for the English version. Loaded after style.css (which is
 * RTL-first) only when the current language is English. Flexbox rows already
 * re-flow automatically with the `dir` attribute, so this file only needs to
 * correct properties that are physically (not flow-) directional: text-align,
 * asymmetric padding, absolute-position offsets, and the photo collage, which
 * is mirrored so it still reads as a balanced composition.
 */

html[dir="ltr"] .hero .title span:nth-child(2) {
  padding-right: 0;
  padding-left: 12%; }

html[dir="ltr"] section.about .container .visual .photo:nth-of-type(1) {
  left: auto;
  right: 4.02%; }
html[dir="ltr"] section.about .container .visual .photo:nth-of-type(2) {
  left: auto;
  right: 53.27%; }
html[dir="ltr"] section.about .container .visual .photo:nth-of-type(3) {
  left: auto;
  right: 0%; }
html[dir="ltr"] section.about .container .text {
  text-align: left; }

html[dir="ltr"] section.do .items .item {
  padding: 20px 60px 20px 30px; }

html[dir="ltr"] section.vision .container .text {
  text-align: left; }
html[dir="ltr"] section.vision button {
  text-align: left; }

html[dir="ltr"] section.goals .items .item {
  padding: 15px 60px 15px 100px;
  background: linear-gradient(270deg, rgba(26, 28, 28, 0.1) 0%, rgba(251, 253, 253, 0.1) 100%); }
html[dir="ltr"] section.goals .items .item .thumb {
  right: auto;
  left: 20px; }
html[dir="ltr"] section.goals .hand-container img {
  left: auto;
  right: -3%;
  display: none;
}

html[dir="ltr"] section.do.newsletter .newsletter-form input[type="email"],
html[dir="ltr"] section.do.newsletter .newsletter-form input[type="text"],
html[dir="ltr"] section.do.newsletter .newsletter-form input[type="tel"] {
  text-align: left; }

@media only screen and (max-width: 800px) {
  html[dir="ltr"] section.goals .items .item {
    padding: 20px;
    padding-left: 60px;
    padding-right: 20px; }
    html[dir="ltr"] section.goals .items .item .thumb {
      right: auto;
      left: -10px; }
}