/* start style-ltr.css */

/* LTR (Left-to-Right) styles for html[dir="ltr"] */

/* Section title underline */


html[dir="ltr"] body {
  line-height: 1.25;
}

html[dir="ltr"] .homepage .section-title:after {
    left: 0;
    right: -10%;
  }

html[dir="ltr"] .intro-section__desc {line-height: 1.4;}

html[dir="ltr"] .about-page .story-section .step-item .step-details__date {white-space: nowrap}

  /* Navigation item hover effect */
  html[dir="ltr"] .nav-list__item:not(.logo):after {
    left: 0;
    right: 0;
  }

  /* Dropdown navigation */
  html[dir="ltr"] .drop-down-nav {
    right: 0;
    left: 0;
  }

  /* Main social list positioning */
  html[dir="ltr"] .main-social-list {
    left: auto;
    right: 0;
  }

  /* Social list icon positioning */
  html[dir="ltr"] .main-social-list .social-item a *[class^="icon"] {
    left: unset;
    right: 50%;
    transform: translateX(50%);
  }

  html[dir="ltr"] .main-social-list .social-item a *[class^="icon"]:first-child {
    right: -48%;
    left: unset;
  }

  html[dir="ltr"] .main-social-list .social-item a:hover *[class^="icon"]:first-child {
    right: 50%;
    transform: translateX(50%);
    left: unset;
  }

  html[dir="ltr"] .main-social-list .social-item a:hover *[class^="icon"]:last-child {
    right: 130%;
    left: unset;
  }

  /* Hero mask / image flip for LTR desktop */
  @media (min-width: 1281px) {
    html[dir="ltr"] .section-hero .swipe-item .picture,
    html[dir="ltr"] .section-hero .swipe-item .picture.full-width {
      left: auto !important;
      right: 0 !important;
      width: 58% !important;
    }

    html[dir="ltr"] .section-hero .swipe-item:before {
      left: 0;
      right: 48%;
    }

    html[dir="ltr"] .section-hero .swipe-item:after {
      right: auto;
      left: 36vw;
      transform: scaleX(-1);
    }
  }

  /* Controls wrapper positioning */
  html[dir="ltr"] .controls-wrapper {
    left: auto;
    right: 20px;
  }

  /* Button play positioning */
  html[dir="ltr"] .button-play {
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) scaleX(-1);
  }

   html[dir="ltr"] .button__shape--one {
     clip-path: polygon(100% 0, 0% 25%, 0% 75%, 100% 100%);
     transform: translateX(-5px);
   }

   html[dir="ltr"] .button__shape--two {
     clip-path: polygon(100% 25%, 0% 50%, 0% 50%, 100% 75%);
     transform: translateX(-4.9px);
   }

   html[dir="ltr"] .button-play.button-active .button__shape--one {
     clip-path: polygon(100% 15%, 50% 15%, 50% 85%, 100% 85%);
     transform: translateX(0);
   }

   html[dir="ltr"] .button-play.button-active .button__shape--two {
     clip-path: polygon(50% 15%, 0% 15%, 0% 85%, 50% 85%);
     transform: translateX(0);
   }

  /* Mute sound positioning */
  html[dir="ltr"] .mute-sound {
    left: auto;
    right: 20px;
  }

  /* Stories wrapper positioning */
  html[dir="ltr"] .section-stories .stories-wrapper {
    transform: translateX(-145px);
    left: auto;
    right: 0;
  }

  html[dir="ltr"] .section-stories .column-stories:nth-child(1) .story:nth-child(2) {
    transform: translateX(calc(-100% / (var(--ratio) * 2)));
  }

  /* Stats card image positioning */
  html[dir="ltr"] .section-stats .stats-cards .card img {
    left: auto;
    right: 0;
  }

  /* News card inner positioning */
  html[dir="ltr"] .news-section .card-inner {
    left: auto;
    right: -20px;
  }

  /* Media cards play button positioning */
  html[dir="ltr"] .media-cards .play-button {
    left: auto;
    right: var(--padding-card);
  }

  /* Swiper button wrapper positioning */
  html[dir="ltr"] .swiper-button-wrapper {
    left: auto;
    right: 50%;
    transform: translateX(50%);
  }

  /* Copy success message positioning */
  html[dir="ltr"] .copy-success-message {
    left: auto;
    right: 50%;
    transform: translate(-50%, -50%);
  }

html[dir="ltr"] .copy-success-message.inline {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

html[dir="ltr"] .footer .submit {
    transform: scaleX(-1);
}


/* add inner page styles desktop and mobile */

/* Inner Pages LTR Styles */

/* About page stepper */
html[dir="ltr"] .about-page .story-section .stepper-wrapper:before {
  right: auto;
  left: 0;
}

html[dir="ltr"] .about-page .story-section .stepper-wrapper .step-item:first-child:after {
  right: auto;
  left: 0;
}

html[dir="ltr"] .about-page .story-section .stepper-wrapper .separator {
  right: auto;
  left: 0;
}

html[dir="ltr"] .about-page .story-section .step-item .line:before {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

html[dir="ltr"] .about-page .story-section .step-item .line:after {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0%);
}

/* Partners page */
html[dir="ltr"] .partners-page .section-partners .card:before {
  right: auto;
  left: -2px;
}

html[dir="ltr"] .partners-page .section-partners .card:after {
  right: auto;
  left: 24px;
}

/* Regions page */

html[dir="ltr"] .regions-page .regions-section .map-item:before {
  /*transform: scaleX(-1);*/
  background-position: right top;
}

html[dir="ltr"] .regions-page .regions-section .map-wrapper-list > * + * {
  margin-top: 20px;
}

html[dir="ltr"] .regions-page .regions-section .map-item:nth-child(1):before {
  right: auto;
  left: -103%;
  background-image: url(../images/line1en.svg);

  /*background-size: 34% 60%;*/
}

html[dir="ltr"] .regions-page .regions-section .map-item:nth-child(2):before {
  right: auto;
  left: -103%;
  background-image: url(../images/line2en.svg);
  /*background-size: 35% 11%;*/
  /*top: 8px;*/
}

html[dir="ltr"] .regions-page .regions-section .map-item:nth-child(3):before {
  right: auto;
  left: -101%;
  top: -129px;
  background-image: url(../images/line3en.svg);
  /*background-size: 106% 100%;*/
  /*top: -160px;*/
  /*transform: scaleX(-1) skewX(335deg);*/
}

html[dir="ltr"] .regions-page .map-image:after {
  right: auto;
  left: -110px;
}

/* Service inner page */
html[dir="ltr"] .service-inner-page .section-services .card-img:after {
  transform: translate(4px, 0) rotate(14deg);
}

html[dir="ltr"] .service-inner-page .section-lists .card-img:after {
  /*right: auto;*/
  /*left: 35px;*/
}

html[dir="ltr"] .service-inner-page .section-lists .card-img:before {
  /*right: auto;*/
  /*left: 67px;*/
}

/* Modal */
html[dir="ltr"] .custom-overlay {
  right: auto;
  left: 0;
}

html[dir="ltr"] .modal {
  right: auto;
  left: 50%;
}

html[dir="ltr"] .modal .close-btn {
  right: auto;
  left: calc(var(--padding-card) - var(--size) / 3);
}

html[dir="ltr"] .modal .form .select-wrapper::after {
  right: 6px;
  left: auto;
}

/* Reports page */
html[dir="ltr"] .reports-page .reports-section .card-footer {
  /*right: auto;*/
  /*left: 0;*/
}


html[dir="ltr"] .pagination .page-item.next-page, html[dir="ltr"] .pagination .page-item.previous-page {
  transform: scaleX(-1);
}

/* Story and content pages */
html[dir="ltr"] :is(.story-inner-page, .content-inner-page) .play-button {
  right: auto;
  left: var(--padding-card);
}

html[dir="ltr"] :is(.video-page, .gallery-page) .card-details {
  /*left: auto;*/
  /*right: 20px;*/
}

html[dir="ltr"] :is(.video-page, .gallery-page) .play-button {
  /*right: auto;*/
  /*left: 50%;*/
}

html[dir="ltr"] .gallery-page .play-button {
  right: auto;
  left: var(--padding-card);
}

/* Plans page */
html[dir="ltr"] .plans-page .img-wrapper {
  border-right: auto;
  border-left: 1px solid var(--extra-light-gray);
}

/* Form sections */
html[dir="ltr"] .form-section .form .select-wrapper::after {
  /*right: auto;*/
  /*left: 12px;*/
}

html[dir="ltr"] .donation-page .form-section .select-wrapper::after {
  /*right: auto;*/
  /*left: 12px;*/
}


.section-stories .story-header {align-items: start}

html[dir="ltr"] .section-services .card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


/* Mobile LTR Styles */

/* Mobile navigation positioning */
@media (max-width: 1281px) {
    html[dir="ltr"] .nav {
      right: auto;
      left: 0;
      transform: translateX(-100%);
    }

    html[dir="ltr"] .header.active-menu .nav {
      transform: translateX(0);
    }

    html[dir="ltr"] .close-nav-button {
      right: auto;
      left: 20px;
    }
  }

  /* Mobile bottom navigation */
@media (max-width: 767px) {
    html[dir="ltr"] .nav {
      left: 0;
      right: 0;
    }

    html[dir="ltr"] .main-social-list:not(.footer) {
      left: auto;
      right: 50%;
      transform: translateX(50%);
    }

    html[dir="ltr"] .list-item-nav:not(:last-child) > a:after,
    html[dir="ltr"] .nav .nav-list .nav-list__item:not(:nth-last-child(2)):after {
      left: 0;
      right: 0;
    }

    html[dir="ltr"] .section-hero .picture {
      right: auto;
      left: 0;
    }

    html[dir="ltr"] .button__shape--one,
    html[dir="ltr"] .button__shape--two {
      transform: translateX(-2px);
    }

    html[dir="ltr"] .news-section .card-inner {
      left: 0;
      right: 0;
    }
}