/* =========================================================
   English LTR Overrides
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --font-alexandria: 'Outfit', sans-serif;
}

body {
  font-family: 'Outfit', sans-serif;
  text-align: left;
}

/* Header & Nav */
.desktopActions {
  margin-right: 0;
  margin-left: auto;
}

.nav {
  margin-right: 0;
  margin-left: 40px;
}

.navItem {
  margin-right: 0;
  margin-left: 32px;
}

.navItem:first-child {
  margin-left: 0;
}

/* Pathways / Gateways */
.gatewaysContainer {
  /* No changes needed if flex-direction is row, browser handles LTR */
}

.badge-online {
  /* Direction handles most things, check icon */
}

/* Custom Overrides for margins/paddings explicitly set to left/right in RTL */
.heroTextContainer {
  /* Default RTL is likely relying on flex, should be fine */
}

/* Free Trial Modal */
.ft-close-btn {
  left: auto;
  right: 20px;
}

.ft-select {
  background-position: right 16px center;
}

.btn-free-trial-float {
  left: auto;
  right: -5px;
  border-radius: 30px 0 0 30px;
  border-left: 2px solid white;
  border-right: none;
  flex-direction: row-reverse;
  padding: 16px 24px 16px 20px;
}

.btn-free-trial-float:hover {
  transform: translateY(-50%) translateX(-10px);
  padding-right: 30px;
  padding-left: 20px;
}

@keyframes pulse-gold {
  0% { box-shadow: -4px 0 0 0 rgba(200, 166, 0, 0.7); }
  70% { box-shadow: -4px 0 0 15px rgba(200, 166, 0, 0); }
  100% { box-shadow: -4px 0 0 0 rgba(200, 166, 0, 0); }
}

/* Footer overrides if any */
.tel-text {
  text-align: left !important;
}

/* Testimonial Slider arrows */
.slider-arrow.next {
  left: auto;
  right: -60px;
  transform: translateY(-50%) rotate(180deg);
}

.slider-arrow.prev {
  right: auto;
  left: -60px;
  transform: translateY(-50%) rotate(180deg);
}

/* Fix LTR Text Alignment */
.dropdown-link,
.home-card-content,
.authorName,
.authorCountry,
.folioHeaderButton {
  text-align: left !important;
}

.testimonialText,
.gatewayContent {
  text-align: left;
}

.home-card-btn {
  align-self: flex-start;
}