/* ══════════════════════════════════════════════════════════════════════
   LANGUAGE ADAPTATION SYSTEM — Arovan Global
   ══════════════════════════════════════════════════════════════════════

   This file contains ALL language-specific CSS overrides for the entire
   website. No other file should contain language-specific rules.

   ── ORGANIZATION ───────────────────────────────────────────────────
   1. NAVBAR          → Longer-text language group (fr, es, vi, …)
   2. SECTION TITLES  → French specific
   3. CTA SECTIONS    → Bengali & French specific
   4. FIND-TRANSPORT  → French specific
   5. TESTIMONIALS    → Bengali specific
   6. ABOUT PAGE      → French Founder's Note
   7. CONTACT PAGE    → French CTA

   ── HOW TO ADD A NEW LANGUAGE ──────────────────────────────────────
   1. Text ~20-40 % longer than English (French, Spanish, German …)?
      → Add the new selectors to the "LONGER-TEXT GROUP" comment blocks
        (Sections 1 & 2). Just copy-paste one extra comma-line per block.
   2. Indic/complex script (Hindi, Tamil, Telugu …)?
      → Add to the "INDIC GROUP" blocks (Sections 3 & 5).
   3. Needs a truly unique fix?
      → Add a new sub-section below the relevant section, following the
        selector pattern shown here.

   ── SELECTOR PATTERN ───────────────────────────────────────────────
   Every language uses THREE selectors for maximum reliability:
     html[lang^="xx"]  – Google Translate sets this attribute
     html.lang-xx      – PHP sets this class on initial page load
     :lang(xx)          – CSS native language matching (fallback)

   When grouping multiple languages, all three variants are listed for
   each language in the group.
   ══════════════════════════════════════════════════════════════════════ */


/* =====================================================================
   1) NAVBAR — LONGER-TEXT LANGUAGE GROUP
   Ensures translated menu items stay on a single row alongside the logo,
   matching the English navbar visual layout & behaviour.
   ─────────────────────────────────────────────────────────────────────
   Group members:  French (fr) · Spanish (es) · Vietnamese (vi)
   To add a language: append its 3 selectors in each block below.
   ===================================================================== */
@media (min-width: 992px) {

  /* ── wrapper: prevent wrap, tighten padding ── */
  html[lang^="fr"] .main-menu__wrapper-inner,
  html.lang-fr .main-menu__wrapper-inner,
  :lang(fr) .main-menu__wrapper-inner,
  html[lang^="es"] .main-menu__wrapper-inner,
  html.lang-es .main-menu__wrapper-inner,
  :lang(es) .main-menu__wrapper-inner,
  html[lang^="vi"] .main-menu__wrapper-inner,
  html.lang-vi .main-menu__wrapper-inner,
  :lang(vi) .main-menu__wrapper-inner {
    flex-wrap: nowrap !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* ── logo: lock width so text doesn't push it ── */
  html[lang^="fr"] .main-menu__logo,
  html.lang-fr .main-menu__logo,
  :lang(fr) .main-menu__logo,
  html[lang^="es"] .main-menu__logo,
  html.lang-es .main-menu__logo,
  :lang(es) .main-menu__logo,
  html[lang^="vi"] .main-menu__logo,
  html.lang-vi .main-menu__logo,
  :lang(vi) .main-menu__logo {
    padding-right: 25px !important;
    flex-shrink: 0 !important;
  }

  /* ── nav items: tighter spacing ── */
  html[lang^="fr"] .main-menu .main-menu__list>li+li,
  html.lang-fr .main-menu .main-menu__list>li+li,
  :lang(fr) .main-menu .main-menu__list>li+li,
  html[lang^="fr"] .stricky-header .main-menu__list>li+li,
  html.lang-fr .stricky-header .main-menu__list>li+li,
  :lang(fr) .stricky-header .main-menu__list>li+li,
  html[lang^="es"] .main-menu .main-menu__list>li+li,
  html.lang-es .main-menu .main-menu__list>li+li,
  :lang(es) .main-menu .main-menu__list>li+li,
  html[lang^="es"] .stricky-header .main-menu__list>li+li,
  html.lang-es .stricky-header .main-menu__list>li+li,
  :lang(es) .stricky-header .main-menu__list>li+li,
  html[lang^="vi"] .main-menu .main-menu__list>li+li,
  html.lang-vi .main-menu .main-menu__list>li+li,
  :lang(vi) .main-menu .main-menu__list>li+li,
  html[lang^="vi"] .stricky-header .main-menu__list>li+li,
  html.lang-vi .stricky-header .main-menu__list>li+li,
  :lang(vi) .stricky-header .main-menu__list>li+li {
    margin-left: 14px !important;
  }

  /* ── link text: smaller font, no wrap ── */
  html[lang^="fr"] .main-menu .main-menu__list>li>a,
  html.lang-fr .main-menu .main-menu__list>li>a,
  :lang(fr) .main-menu .main-menu__list>li>a,
  html[lang^="fr"] .stricky-header .main-menu__list>li>a,
  html.lang-fr .stricky-header .main-menu__list>li>a,
  :lang(fr) .stricky-header .main-menu__list>li>a,
  html[lang^="es"] .main-menu .main-menu__list>li>a,
  html.lang-es .main-menu .main-menu__list>li>a,
  :lang(es) .main-menu .main-menu__list>li>a,
  html[lang^="es"] .stricky-header .main-menu__list>li>a,
  html.lang-es .stricky-header .main-menu__list>li>a,
  :lang(es) .stricky-header .main-menu__list>li>a,
  html[lang^="vi"] .main-menu .main-menu__list>li>a,
  html.lang-vi .main-menu .main-menu__list>li>a,
  :lang(vi) .main-menu .main-menu__list>li>a,
  html[lang^="vi"] .stricky-header .main-menu__list>li>a,
  html.lang-vi .stricky-header .main-menu__list>li>a,
  :lang(vi) .stricky-header .main-menu__list>li>a {
    font-size: 15px !important;
    white-space: nowrap !important;
  }
}


/* =====================================================================
   2) SECTION TITLES — FRENCH
   Keeps French section titles on a single line and centres them.
   Restricts width so longer French text doesn't overflow.
   ===================================================================== */
/* French - Main Section Title */
html[lang^="fr"] .section-title,
html.lang-fr .section-title,
:lang(fr) .section-title {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;

}

/* French - Tagline */
html[lang^="fr"] .section-title__tagline-box,
html.lang-fr .section-title__tagline-box,
:lang(fr) .section-title__tagline-box {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;

}

/* French - Main Title */
html[lang^="fr"] .section-title__title,
html.lang-fr .section-title__title,
:lang(fr) .section-title__title {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  white-space: nowrap !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-size: 36px !important;
  line-height: 1.4 !important;
  font-size: 40px !important;
}

/* Prevent span from creating line break */
html[lang^="fr"] .section-title__title span,
html.lang-fr .section-title__title span,
:lang(fr) .section-title__title span {
  display: inline !important;
  white-space: nowrap !important;
}

/* French - Description: 2 lines */
html[lang^="fr"] .section-desc,
html.lang-fr .section-desc,
:lang(fr) .section-desc {
  text-align: center !important;
  width: 100% !important;
  max-width: 1900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  line-height: 1.6 !important;

  /* Keep description within 2 lines */
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;

  overflow: hidden !important;
}


/* =====================================================================
   3) CTA SECTIONS — FRENCH & BENGALI
   - French (fr): Shifts image right and restricts text width
   - Bengali (bn): Adjusts text widths and centres content
   ─────────────────────────────────────────────────────────────────────
   Group members:  French (fr) · Bengali (bn)
   ===================================================================== */

/* ── FRENCH: Shift image right so text is visible ── */
html[lang^="fr"] .cta-one__img,
html.lang-fr .cta-one__img,
:lang(fr) .cta-one__img {
  right: 200px !important;
  top: 5px !important;
}

html[lang^="fr"] .intro-text_wrap,
html.lang-fr .intro-text_wrap,
:lang(fr) .intro-text_wrap {
  max-width: 600px !important;
}

html[lang^="fr"] .intro-text_wrap p,
html.lang-fr .intro-text_wrap p,
:lang(fr) .intro-text_wrap p {
  max-width: 550px !important;
  width: 100% !important;
}

/* ── Desktop XL (≥ 1201 px) ── */
@media (min-width: 1201px) {

  html[lang^="bn"] .cta-one .intro-text_wrap,
  html.lang-bn .cta-one .intro-text_wrap,
  :lang(bn) .cta-one .intro-text_wrap {
    max-width: 660px !important;
    width: 100% !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content h2,
  html.lang-bn .cta-one .cta-one__content h2,
  :lang(bn) .cta-one .cta-one__content h2 {
    max-width: 580px !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content>p:first-of-type,
  html.lang-bn .cta-one .cta-one__content>p:first-of-type,
  :lang(bn) .cta-one .cta-one__content>p:first-of-type {
    max-width: 660px !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content p br,
  html.lang-bn .cta-one .cta-one__content p br,
  :lang(bn) .cta-one .cta-one__content p br {
    display: none !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content p.mt-3,
  html.lang-bn .cta-one .cta-one__content p.mt-3,
  :lang(bn) .cta-one .cta-one__content p.mt-3 {
    max-width: 660px !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ── Desktop MD (992 – 1200 px) ── */
@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="bn"] .cta-one .intro-text_wrap,
  html.lang-bn .cta-one .intro-text_wrap,
  :lang(bn) .cta-one .intro-text_wrap {
    max-width: 560px !important;
    width: 100% !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content h2,
  html.lang-bn .cta-one .cta-one__content h2,
  :lang(bn) .cta-one .cta-one__content h2 {
    max-width: 560px !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content>p:first-of-type,
  html.lang-bn .cta-one .cta-one__content>p:first-of-type,
  :lang(bn) .cta-one .cta-one__content>p:first-of-type {
    max-width: 560px !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content p br,
  html.lang-bn .cta-one .cta-one__content p br,
  :lang(bn) .cta-one .cta-one__content p br {
    display: none !important;
  }

  html[lang^="bn"] .cta-one .cta-one__content p.mt-3,
  html.lang-bn .cta-one .cta-one__content p.mt-3,
  :lang(bn) .cta-one .cta-one__content p.mt-3 {
    max-width: 560px !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ── Tablet (768 – 1200 px) — heading centering ── */
@media (min-width: 768px) and (max-width: 1200px) {

  html[lang^="bn"] .cta-one__content h2,
  html.lang-bn .cta-one__content h2,
  :lang(bn) .cta-one__content h2 {
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* =====================================================================
   3.5) HOME PAGE: INTRO SECTION — FRENCH & BENGALI
   Formats the welcome intro section for both French and Bengali languages
   to match the English layout with proper text wrapping and sizing.
   ─────────────────────────────────────────────────────────────────────
   Group members:  French (fr) · Bengali (bn)
   ===================================================================== */

/* ── FRENCH: Match English layout and shift image right ── */
html[lang^="fr"] .cta-one .intro-img,
html.lang-fr .cta-one .intro-img,
:lang(fr) .cta-one .intro-img {
  right: 40px !important;
}

html[lang^="fr"] .cta-one .intro-text_wrap,
html.lang-fr .cta-one .intro-text_wrap,
:lang(fr) .cta-one .intro-text_wrap {
  max-width: 700px !important;
  width: 100% !important;
}

html[lang^="fr"] .cta-one .intro-text_wrap h2,
html.lang-fr .cta-one .intro-text_wrap h2,
:lang(fr) .cta-one .intro-text_wrap h2 {
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
  display: block !important;
}

html[lang^="fr"] .cta-one .intro-text_wrap p,
html.lang-fr .cta-one .intro-text_wrap p,
:lang(fr) .cta-one .intro-text_wrap p {
  max-width: 700px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="fr"] .cta-one .intro-text_wrap p br,
html.lang-fr .cta-one .intro-text_wrap p br,
:lang(fr) .cta-one .intro-text_wrap p br {
  display: none !important;
}

/* ── BENGALI ── */
html[lang^="bn"] .cta-one .intro-text_wrap,
html.lang-bn .cta-one .intro-text_wrap,
:lang(bn) .cta-one .intro-text_wrap {
  max-width: 700px !important;
  width: 100% !important;
}

html[lang^="bn"] .cta-one .intro-text_wrap h2,
html.lang-bn .cta-one .intro-text_wrap h2,
:lang(bn) .cta-one .intro-text_wrap h2 {
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
  display: block !important;
}

html[lang^="bn"] .cta-one .intro-text_wrap p,
html.lang-bn .cta-one .intro-text_wrap p,
:lang(bn) .cta-one .intro-text_wrap p {
  max-width: 700px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="bn"] .cta-one .intro-text_wrap p br,
html.lang-bn .cta-one .intro-text_wrap p br,
:lang(bn) .cta-one .intro-text_wrap p br {
  display: none !important;
}


/* =====================================================================
   4) FIND-TRANSPORT CARD — FRENCH
   Positions French text on left with title and description,
   and call/button elements on right side, matching English layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  French (fr)
   ===================================================================== */
html[lang^="fr"] .find-transport__inner,
html.lang-fr .find-transport__inner,
:lang(fr) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="fr"] .find-transport__inner.text-center,
html.lang-fr .find-transport__inner.text-center,
:lang(fr) .find-transport__inner.text-center {
  justify-content: center !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html[lang^="fr"] .find-transport__inner.text-center .find-transport__title-box,
html.lang-fr .find-transport__inner.text-center .find-transport__title-box,
:lang(fr) .find-transport__inner.text-center .find-transport__title-box {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[lang^="fr"] .find-transport__inner.text-center .find-transport__title,
html.lang-fr .find-transport__inner.text-center .find-transport__title,
:lang(fr) .find-transport__inner.text-center .find-transport__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="fr"] .find-transport__inner.text-center p,
html.lang-fr .find-transport__inner.text-center p,
:lang(fr) .find-transport__inner.text-center p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 900px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="fr"] .find-transport__inner.text-center .find-transport__btn-and-call,
html.lang-fr .find-transport__inner.text-center .find-transport__btn-and-call,
:lang(fr) .find-transport__inner.text-center .find-transport__btn-and-call {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
}

html[lang^="fr"] .find-transport__inner:not(.text-center) .find-transport__title-box,
html.lang-fr .find-transport__inner:not(.text-center) .find-transport__title-box,
:lang(fr) .find-transport__inner:not(.text-center) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="fr"] .find-transport__title,
html.lang-fr .find-transport__title,
:lang(fr) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="fr"] .find-transport__title-box p,
html.lang-fr .find-transport__title-box p,
:lang(fr) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="fr"] .find-transport__btn-and-call,
html.lang-fr .find-transport__btn-and-call,
:lang(fr) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}

/* =====================================================================
   4.2) FIND-TRANSPORT CARD — HINDI
   Positions Hindi text on left with title and description,
   and call/button elements on right side, matching English layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Hindi (hi)
   ===================================================================== */
html[lang^="hi"] .find-transport__inner,
html.lang-hi .find-transport__inner,
:lang(hi) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="hi"] .find-transport__title-box,
html.lang-hi .find-transport__title-box,
:lang(hi) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="hi"] .find-transport__title,
html.lang-hi .find-transport__title,
:lang(hi) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="hi"] .find-transport__title-box p,
html.lang-hi .find-transport__title-box p,
:lang(hi) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="hi"] .find-transport__btn-and-call,
html.lang-hi .find-transport__btn-and-call,
:lang(hi) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}

/* =====================================================================
   4.3) FIND-TRANSPORT CARD — VIETNAMESE
   Positions Vietnamese text on left with title and description,
   and call/button elements on right side, matching English layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Vietnamese (vi)
   ===================================================================== */
html[lang^="vi"] .find-transport__inner,
html.lang-vi .find-transport__inner,
:lang(vi) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="vi"] .find-transport__title-box,
html.lang-vi .find-transport__title-box,
:lang(vi) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="vi"] .find-transport__title,
html.lang-vi .find-transport__title,
:lang(vi) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="vi"] .find-transport__title-box p,
html.lang-vi .find-transport__title-box p,
:lang(vi) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="vi"] .find-transport__btn-and-call,
html.lang-vi .find-transport__btn-and-call,
:lang(vi) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}

/* ── Vietnamese: Center alignment for .text-center cards ── */
html[lang^="vi"] .find-transport__inner.text-center,
html.lang-vi .find-transport__inner.text-center,
:lang(vi) .find-transport__inner.text-center {
  justify-content: center !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html[lang^="vi"] .find-transport__inner.text-center .find-transport__title-box,
html.lang-vi .find-transport__inner.text-center .find-transport__title-box,
:lang(vi) .find-transport__inner.text-center .find-transport__title-box {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[lang^="vi"] .find-transport__inner.text-center .find-transport__title,
html.lang-vi .find-transport__inner.text-center .find-transport__title,
:lang(vi) .find-transport__inner.text-center .find-transport__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="vi"] .find-transport__inner.text-center p,
html.lang-vi .find-transport__inner.text-center p,
:lang(vi) .find-transport__inner.text-center p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 900px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="vi"] .find-transport__inner.text-center .find-transport__btn-and-call,
html.lang-vi .find-transport__inner.text-center .find-transport__btn-and-call,
:lang(vi) .find-transport__inner.text-center .find-transport__btn-and-call {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
}

/* =====================================================================
   4.4) FIND-TRANSPORT CARD — THAI
   Positions Thai text on left with title and description,
   and call/button elements on right side, matching English layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Thai (th)
   ===================================================================== */
html[lang^="th"] .find-transport__inner,
html.lang-th .find-transport__inner,
:lang(th) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="th"] .find-transport__title-box,
html.lang-th .find-transport__title-box,
:lang(th) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="th"] .find-transport__title,
html.lang-th .find-transport__title,
:lang(th) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="th"] .find-transport__title-box p,
html.lang-th .find-transport__title-box p,
:lang(th) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="th"] .find-transport__btn-and-call,
html.lang-th .find-transport__btn-and-call,
:lang(th) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}

/* ── Thai: Center alignment for .text-center cards ── */
html[lang^="th"] .find-transport__inner.text-center,
html.lang-th .find-transport__inner.text-center,
:lang(th) .find-transport__inner.text-center {
  justify-content: center !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html[lang^="th"] .find-transport__inner.text-center .find-transport__title-box,
html.lang-th .find-transport__inner.text-center .find-transport__title-box,
:lang(th) .find-transport__inner.text-center .find-transport__title-box {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[lang^="th"] .find-transport__inner.text-center .find-transport__title,
html.lang-th .find-transport__inner.text-center .find-transport__title,
:lang(th) .find-transport__inner.text-center .find-transport__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="th"] .find-transport__inner.text-center p,
html.lang-th .find-transport__inner.text-center p,
:lang(th) .find-transport__inner.text-center p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 900px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="th"] .find-transport__inner.text-center .find-transport__btn-and-call,
html.lang-th .find-transport__inner.text-center .find-transport__btn-and-call,
:lang(th) .find-transport__inner.text-center .find-transport__btn-and-call {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
}

html[lang^="es"] .find-transport__inner,
html.lang-es .find-transport__inner,
:lang(es) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="es"] .find-transport__title-box,
html.lang-es .find-transport__title-box,
:lang(es) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="es"] .find-transport__title,
html.lang-es .find-transport__title,
:lang(es) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="es"] .find-transport__title-box p,
html.lang-es .find-transport__title-box p,
:lang(es) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="es"] .find-transport__btn-and-call,
html.lang-es .find-transport__btn-and-call,
:lang(es) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}

/* =====================================================================
   4.5) FIND-TRANSPORT CARD — BENGALI
   Positions Bengali text on left with title and description,
   and call/button elements on right side, matching English layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Bengali (bn)
   ===================================================================== */
html[lang^="bn"] .find-transport__inner,
html.lang-bn .find-transport__inner,
:lang(bn) .find-transport__inner {
  justify-content: space-between !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[lang^="bn"] .find-transport__title-box,
html.lang-bn .find-transport__title-box,
:lang(bn) .find-transport__title-box {
  text-align: left !important;
  flex: 0 1 auto !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html[lang^="bn"] .find-transport__title,
html.lang-bn .find-transport__title,
:lang(bn) .find-transport__title {
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  color: var(--arovan-white) !important;
  white-space: normal !important;
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="bn"] .find-transport__title-box p,
html.lang-bn .find-transport__title-box p,
:lang(bn) .find-transport__title-box p {
  text-align: left !important;
  max-width: 600px !important;
}

html[lang^="bn"] .find-transport__btn-and-call,
html.lang-bn .find-transport__btn-and-call,
:lang(bn) .find-transport__btn-and-call {
  gap: 15px !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 5 !important;
  justify-content: flex-end !important;
}


/* =====================================================================
   5) TESTIMONIALS — BENGALI
   Positions testimonial text on the right for Bangla.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Bengali (bn)
   ===================================================================== */
html[lang^="bn"] .testimonial-1,
html.lang-bn .testimonial-1,
:lang(bn) .testimonial-1 {
  text-align: right !important;
}


/* =====================================================================
   6) ABOUT PAGE: FOUNDER'S NOTE — FRENCH
   Positions French text on the left side and places founder image
   extending -43 px above top edge, matching the English card layout
   and image positioning exactly.
   ===================================================================== */
html[lang^="fr"] .about-content .cta-one .cta-one__content,
html.lang-fr .about-content .cta-one .cta-one__content,
:lang(fr) .about-content .cta-one .cta-one__content {
  text-align: left !important;
}

@media (min-width: 992px) {

  html[lang^="fr"] .about-content .cta-one .cta-one__img,
  html.lang-fr .about-content .cta-one .cta-one__img,
  :lang(fr) .about-content .cta-one .cta-one__img {
    position: absolute !important;
    top: -43px !important;
    bottom: 0 !important;
    right: 80px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  html[lang^="fr"] .about-content .cta-one .cta-one__img img,
  html.lang-fr .about-content .cta-one .cta-one__img img,
  :lang(fr) .about-content .cta-one .cta-one__img img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }
}

@media (min-width: 1201px) {

  html[lang^="fr"] .about-content .cta-one .intro-text_wrap,
  html.lang-fr .about-content .cta-one .intro-text_wrap,
  :lang(fr) .about-content .cta-one .intro-text_wrap,
  html[lang^="fr"] .about-content .cta-one .cta-one__content h2,
  html.lang-fr .about-content .cta-one .cta-one__content h2,
  :lang(fr) .about-content .cta-one .cta-one__content h2,
  html[lang^="fr"] .about-content .cta-one .cta-one__content p,
  html.lang-fr .about-content .cta-one .cta-one__content p,
  :lang(fr) .about-content .cta-one .cta-one__content p {
    max-width: 650px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="fr"] .about-content .cta-one .cta-one__content p br,
  html.lang-fr .about-content .cta-one .cta-one__content p br,
  :lang(fr) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="fr"] .about-content .cta-one .intro-text_wrap,
  html.lang-fr .about-content .cta-one .intro-text_wrap,
  :lang(fr) .about-content .cta-one .intro-text_wrap,
  html[lang^="fr"] .about-content .cta-one .cta-one__content h2,
  html.lang-fr .about-content .cta-one .cta-one__content h2,
  :lang(fr) .about-content .cta-one .cta-one__content h2,
  html[lang^="fr"] .about-content .cta-one .cta-one__content p,
  html.lang-fr .about-content .cta-one .cta-one__content p,
  :lang(fr) .about-content .cta-one .cta-one__content p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="fr"] .about-content .cta-one .cta-one__img,
  html.lang-fr .about-content .cta-one .cta-one__img,
  :lang(fr) .about-content .cta-one .cta-one__img {
    right: 40px !important;
  }

  html[lang^="fr"] .about-content .cta-one .cta-one__content p br,
  html.lang-fr .about-content .cta-one .cta-one__content p br,
  :lang(fr) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (max-width: 991px) {

  html[lang^="fr"] .about-content .cta-one .cta-one__content h2,
  html.lang-fr .about-content .cta-one .cta-one__content h2,
  :lang(fr) .about-content .cta-one .cta-one__content h2,
  html[lang^="fr"] .about-content .cta-one .cta-one__content p,
  html.lang-fr .about-content .cta-one .cta-one__content p,
  :lang(fr) .about-content .cta-one .cta-one__content p {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="fr"] .about-content .cta-one .cta-one__content p br,
  html.lang-fr .about-content .cta-one .cta-one__content p br,
  :lang(fr) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

/* =====================================================================
   6.5) ABOUT PAGE: NOTA DEL FUNDADOR — SPANISH
   Positions Spanish text on the left side and places founder image
   extending -43 px above top edge, matching the English card layout.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Spanish (es)
   ===================================================================== */
html[lang^="es"] .about-content .cta-one .cta-one__content,
html.lang-es .about-content .cta-one .cta-one__content,
:lang(es) .about-content .cta-one .cta-one__content {
  text-align: left !important;
}

@media (min-width: 992px) {

  html[lang^="es"] .about-content .cta-one .cta-one__img,
  html.lang-es .about-content .cta-one .cta-one__img,
  :lang(es) .about-content .cta-one .cta-one__img {
    position: absolute !important;
    top: -43px !important;
    bottom: 0 !important;
    right: 80px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  html[lang^="es"] .about-content .cta-one .cta-one__img img,
  html.lang-es .about-content .cta-one .cta-one__img img,
  :lang(es) .about-content .cta-one .cta-one__img img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }
}

@media (min-width: 1201px) {

  html[lang^="es"] .about-content .cta-one .intro-text_wrap,
  html.lang-es .about-content .cta-one .intro-text_wrap,
  :lang(es) .about-content .cta-one .intro-text_wrap,
  html[lang^="es"] .about-content .cta-one .cta-one__content h2,
  html.lang-es .about-content .cta-one .cta-one__content h2,
  :lang(es) .about-content .cta-one .cta-one__content h2,
  html[lang^="es"] .about-content .cta-one .cta-one__content p,
  html.lang-es .about-content .cta-one .cta-one__content p,
  :lang(es) .about-content .cta-one .cta-one__content p {
    max-width: 650px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="es"] .about-content .cta-one .cta-one__content p br,
  html.lang-es .about-content .cta-one .cta-one__content p br,
  :lang(es) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="es"] .about-content .cta-one .intro-text_wrap,
  html.lang-es .about-content .cta-one .intro-text_wrap,
  :lang(es) .about-content .cta-one .intro-text_wrap,
  html[lang^="es"] .about-content .cta-one .cta-one__content h2,
  html.lang-es .about-content .cta-one .cta-one__content h2,
  :lang(es) .about-content .cta-one .cta-one__content h2,
  html[lang^="es"] .about-content .cta-one .cta-one__content p,
  html.lang-es .about-content .cta-one .cta-one__content p,
  :lang(es) .about-content .cta-one .cta-one__content p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="es"] .about-content .cta-one .cta-one__img,
  html.lang-es .about-content .cta-one .cta-one__img,
  :lang(es) .about-content .cta-one .cta-one__img {
    right: 40px !important;
  }

  html[lang^="es"] .about-content .cta-one .cta-one__content p br,
  html.lang-es .about-content .cta-one .cta-one__content p br,
  :lang(es) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (max-width: 991px) {

  html[lang^="es"] .about-content .cta-one .cta-one__content h2,
  html.lang-es .about-content .cta-one .cta-one__content h2,
  :lang(es) .about-content .cta-one .cta-one__content h2,
  html[lang^="es"] .about-content .cta-one .cta-one__content p,
  html.lang-es .about-content .cta-one .cta-one__content p,
  :lang(es) .about-content .cta-one .cta-one__content p {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="es"] .about-content .cta-one .cta-one__content p br,
  html.lang-es .about-content .cta-one .cta-one__content p br,
  :lang(es) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}


/* =====================================================================
   7) CONTACT PAGE CTA — FRENCH
   Centres the "Let's Connect" / "Rendez-vous" CTA text and social
   links on the contact page.
   ===================================================================== */
html[lang^="fr"] .contact-section .cta-one__content,
html.lang-fr .contact-section .cta-one__content,
:lang(fr) .contact-section .cta-one__content {
  text-align: center !important;
}

html[lang^="fr"] .contact-section .cta-one__content h2,
html.lang-fr .contact-section .cta-one__content h2,
:lang(fr) .contact-section .cta-one__content h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="fr"] .contact-section .cta-one__content p,
html.lang-fr .contact-section .cta-one__content p,
:lang(fr) .contact-section .cta-one__content p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="fr"] .contact-social-links,
html.lang-fr .contact-social-links,
:lang(fr) .contact-social-links {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* =====================================================================
   7.1) FIND-TRANSPORT: CONTACT INFO BOX — BENGALI
   Centres the contact information box (phone, email, website, CTA) 
   on the X-axis for Bengali language only.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Bengali (bn)
   ===================================================================== */
html[lang^="bn"] .find-transport__inner,
html.lang-bn .find-transport__inner,
:lang(bn) .find-transport__inner {
  justify-content: center !important;
  text-align: center !important;
}

/* =====================================================================
   7.5) HOME PAGE: INTRO SECTION — VIETNAMESE
   Formats the welcome intro section for Vietnamese language to match
   the English layout with proper text wrapping and sizing.
   Centers the image vertically on the Y-axis.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Vietnamese (vi)
   ===================================================================== */
html[lang^="vi"] .cta-one__inner,
html.lang-vi .cta-one__inner,
:lang(vi) .cta-one__inner {
  align-items: center !important;
}

html[lang^="vi"] .cta-one .intro-text_wrap,
html.lang-vi .cta-one .intro-text_wrap,
:lang(vi) .cta-one .intro-text_wrap {
  max-width: 700px !important;
  width: 100% !important;
}

html[lang^="vi"] .cta-one .intro-text_wrap h2,
html.lang-vi .cta-one .intro-text_wrap h2,
:lang(vi) .cta-one .intro-text_wrap h2 {
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
  display: block !important;
}

html[lang^="vi"] .cta-one .intro-text_wrap p,
html.lang-vi .cta-one .intro-text_wrap p,
:lang(vi) .cta-one .intro-text_wrap p {
  max-width: 700px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="vi"] .cta-one .intro-text_wrap p br,
html.lang-vi .cta-one .intro-text_wrap p br,
:lang(vi) .cta-one .intro-text_wrap p br {
  display: none !important;
}


/* =====================================================================
   7.6) ABOUT PAGE: LỜI NHẬN CỦA NGƯỜI SÁNG LẬP — VIETNAMESE
   Positions text on the left and image on the right, matching the
   Founder's Note layout with proper spacing and z-index.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Vietnamese (vi)
   ===================================================================== */
html[lang^="vi"] .about-content .cta-one .cta-one__content,
html.lang-vi .about-content .cta-one .cta-one__content,
:lang(vi) .about-content .cta-one .cta-one__content {
  text-align: left !important;
}

@media (min-width: 992px) {

  html[lang^="vi"] .about-content .cta-one .cta-one__img,
  html.lang-vi .about-content .cta-one .cta-one__img,
  :lang(vi) .about-content .cta-one .cta-one__img {
    position: absolute !important;
    top: -43px !important;
    bottom: 0 !important;
    right: 80px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  html[lang^="vi"] .about-content .cta-one .cta-one__img img,
  html.lang-vi .about-content .cta-one .cta-one__img img,
  :lang(vi) .about-content .cta-one .cta-one__img img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }
}

@media (min-width: 1201px) {

  html[lang^="vi"] .about-content .cta-one .intro-text_wrap,
  html.lang-vi .about-content .cta-one .intro-text_wrap,
  :lang(vi) .about-content .cta-one .intro-text_wrap,
  html[lang^="vi"] .about-content .cta-one .cta-one__content h2,
  html.lang-vi .about-content .cta-one .cta-one__content h2,
  :lang(vi) .about-content .cta-one .cta-one__content h2,
  html[lang^="vi"] .about-content .cta-one .cta-one__content p,
  html.lang-vi .about-content .cta-one .cta-one__content p,
  :lang(vi) .about-content .cta-one .cta-one__content p {
    max-width: 650px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="vi"] .about-content .cta-one .cta-one__content p br,
  html.lang-vi .about-content .cta-one .cta-one__content p br,
  :lang(vi) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="vi"] .about-content .cta-one .intro-text_wrap,
  html.lang-vi .about-content .cta-one .intro-text_wrap,
  :lang(vi) .about-content .cta-one .intro-text_wrap,
  html[lang^="vi"] .about-content .cta-one .cta-one__content h2,
  html.lang-vi .about-content .cta-one .cta-one__content h2,
  :lang(vi) .about-content .cta-one .cta-one__content h2,
  html[lang^="vi"] .about-content .cta-one .cta-one__content p,
  html.lang-vi .about-content .cta-one .cta-one__content p,
  :lang(vi) .about-content .cta-one .cta-one__content p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="vi"] .about-content .cta-one .cta-one__img,
  html.lang-vi .about-content .cta-one .cta-one__img,
  :lang(vi) .about-content .cta-one .cta-one__img {
    right: 40px !important;
  }

  html[lang^="vi"] .about-content .cta-one .cta-one__content p br,
  html.lang-vi .about-content .cta-one .cta-one__content p br,
  :lang(vi) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (max-width: 991px) {

  html[lang^="vi"] .about-content .cta-one .cta-one__content h2,
  html.lang-vi .about-content .cta-one .cta-one__content h2,
  :lang(vi) .about-content .cta-one .cta-one__content h2,
  html[lang^="vi"] .about-content .cta-one .cta-one__content p,
  html.lang-vi .about-content .cta-one .cta-one__content p,
  :lang(vi) .about-content .cta-one .cta-one__content p {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="vi"] .about-content .cta-one .cta-one__content p br,
  html.lang-vi .about-content .cta-one .cta-one__content p br,
  :lang(vi) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}


/* =====================================================================
   8) ABOUT PAGE: NOTA PENGASAS — BAHASA MELAYU
   Positions text on the left and image on the right, matching the
   Founder's Note layout with proper spacing and z-index.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Bahasa Melayu (ms)
   ===================================================================== */
html[lang^="ms"] .about-content .cta-one .cta-one__content,
html.lang-ms .about-content .cta-one .cta-one__content,
:lang(ms) .about-content .cta-one .cta-one__content {
  text-align: left !important;
}

@media (min-width: 992px) {

  html[lang^="ms"] .about-content .cta-one .cta-one__img,
  html.lang-ms .about-content .cta-one .cta-one__img,
  :lang(ms) .about-content .cta-one .cta-one__img {
    position: absolute !important;
    top: -43px !important;
    bottom: 0 !important;
    right: 80px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  html[lang^="ms"] .about-content .cta-one .cta-one__img img,
  html.lang-ms .about-content .cta-one .cta-one__img img,
  :lang(ms) .about-content .cta-one .cta-one__img img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }
}

@media (min-width: 1201px) {

  html[lang^="ms"] .about-content .cta-one .intro-text_wrap,
  html.lang-ms .about-content .cta-one .intro-text_wrap,
  :lang(ms) .about-content .cta-one .intro-text_wrap,
  html[lang^="ms"] .about-content .cta-one .cta-one__content h2,
  html.lang-ms .about-content .cta-one .cta-one__content h2,
  :lang(ms) .about-content .cta-one .cta-one__content h2,
  html[lang^="ms"] .about-content .cta-one .cta-one__content p,
  html.lang-ms .about-content .cta-one .cta-one__content p,
  :lang(ms) .about-content .cta-one .cta-one__content p {
    max-width: 650px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="ms"] .about-content .cta-one .cta-one__content p br,
  html.lang-ms .about-content .cta-one .cta-one__content p br,
  :lang(ms) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="ms"] .about-content .cta-one .intro-text_wrap,
  html.lang-ms .about-content .cta-one .intro-text_wrap,
  :lang(ms) .about-content .cta-one .intro-text_wrap,
  html[lang^="ms"] .about-content .cta-one .cta-one__content h2,
  html.lang-ms .about-content .cta-one .cta-one__content h2,
  :lang(ms) .about-content .cta-one .cta-one__content h2,
  html[lang^="ms"] .about-content .cta-one .cta-one__content p,
  html.lang-ms .about-content .cta-one .cta-one__content p,
  :lang(ms) .about-content .cta-one .cta-one__content p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="ms"] .about-content .cta-one .cta-one__img,
  html.lang-ms .about-content .cta-one .cta-one__img,
  :lang(ms) .about-content .cta-one .cta-one__img {
    right: 40px !important;
  }

  html[lang^="ms"] .about-content .cta-one .cta-one__content p br,
  html.lang-ms .about-content .cta-one .cta-one__content p br,
  :lang(ms) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (max-width: 991px) {

  html[lang^="ms"] .about-content .cta-one .cta-one__content h2,
  html.lang-ms .about-content .cta-one .cta-one__content h2,
  :lang(ms) .about-content .cta-one .cta-one__content h2,
  html[lang^="ms"] .about-content .cta-one .cta-one__content p,
  html.lang-ms .about-content .cta-one .cta-one__content p,
  :lang(ms) .about-content .cta-one .cta-one__content p {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="ms"] .about-content .cta-one .cta-one__content p br,
  html.lang-ms .about-content .cta-one .cta-one__content p br,
  :lang(ms) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

/* =====================================================================
   8.5) ABOUT PAGE: প্রতিষ্ঠাতার নোট — BENGALI
   Positions Bengali text on the left and image on the right side,
   matching the Founder's Note layout with proper spacing.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Bengali (bn)
   ===================================================================== */
html[lang^="bn"] .about-content .cta-one .cta-one__content,
html.lang-bn .about-content .cta-one .cta-one__content,
:lang(bn) .about-content .cta-one .cta-one__content {
  text-align: left !important;
}

@media (min-width: 992px) {

  html[lang^="bn"] .about-content .cta-one .cta-one__img,
  html.lang-bn .about-content .cta-one .cta-one__img,
  :lang(bn) .about-content .cta-one .cta-one__img {
    position: absolute !important;
    top: -43px !important;
    bottom: 0 !important;
    right: 80px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  html[lang^="bn"] .about-content .cta-one .cta-one__img img,
  html.lang-bn .about-content .cta-one .cta-one__img img,
  :lang(bn) .about-content .cta-one .cta-one__img img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }
}

@media (min-width: 1201px) {

  html[lang^="bn"] .about-content .cta-one .intro-text_wrap,
  html.lang-bn .about-content .cta-one .intro-text_wrap,
  :lang(bn) .about-content .cta-one .intro-text_wrap,
  html[lang^="bn"] .about-content .cta-one .cta-one__content h2,
  html.lang-bn .about-content .cta-one .cta-one__content h2,
  :lang(bn) .about-content .cta-one .cta-one__content h2,
  html[lang^="bn"] .about-content .cta-one .cta-one__content p,
  html.lang-bn .about-content .cta-one .cta-one__content p,
  :lang(bn) .about-content .cta-one .cta-one__content p {
    max-width: 650px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .about-content .cta-one .cta-one__content p br,
  html.lang-bn .about-content .cta-one .cta-one__content p br,
  :lang(bn) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  html[lang^="bn"] .about-content .cta-one .intro-text_wrap,
  html.lang-bn .about-content .cta-one .intro-text_wrap,
  :lang(bn) .about-content .cta-one .intro-text_wrap,
  html[lang^="bn"] .about-content .cta-one .cta-one__content h2,
  html.lang-bn .about-content .cta-one .cta-one__content h2,
  :lang(bn) .about-content .cta-one .cta-one__content h2,
  html[lang^="bn"] .about-content .cta-one .cta-one__content p,
  html.lang-bn .about-content .cta-one .cta-one__content p,
  :lang(bn) .about-content .cta-one .cta-one__content p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .about-content .cta-one .cta-one__img,
  html.lang-bn .about-content .cta-one .cta-one__img,
  :lang(bn) .about-content .cta-one .cta-one__img {
    right: 40px !important;
  }

  html[lang^="bn"] .about-content .cta-one .cta-one__content p br,
  html.lang-bn .about-content .cta-one .cta-one__content p br,
  :lang(bn) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}

@media (max-width: 991px) {

  html[lang^="bn"] .about-content .cta-one .cta-one__content h2,
  html.lang-bn .about-content .cta-one .cta-one__content h2,
  :lang(bn) .about-content .cta-one .cta-one__content h2,
  html[lang^="bn"] .about-content .cta-one .cta-one__content p,
  html.lang-bn .about-content .cta-one .cta-one__content p,
  :lang(bn) .about-content .cta-one .cta-one__content p {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang^="bn"] .about-content .cta-one .cta-one__content p br,
  html.lang-bn .about-content .cta-one .cta-one__content p br,
  :lang(bn) .about-content .cta-one .cta-one__content p br {
    display: none !important;
  }
}



/* Extra ----------------- */

:lang(ms) .home-cta .find-transport__inner {
  flex-wrap: nowrap !important;
}

:lang(ms) .home-cta .find-transport__btn-and-call {
  flex-wrap: nowrap !important;
}

:lang(ms) .cta-text {
  max-width: 700px !important;
  width: 100% !important;
}


:lang(ms) .cta-txt {
  max-width: 600px !important;
  width: 100% !important;
}

:lang(ms) .icon-phone-call {
  flex-shrink: 0 !important;
}

:lang(fr) .home-cta .find-transport__inner {
  flex-wrap: nowrap !important;
}

:lang(fr) .home-cta .find-transport__btn-and-call {
  flex-wrap: nowrap !important;
}


/* =====================================================================
   7.2) EVENTS PAGE: CONTACT INFO BOX CENTERING — SPANISH
   Centers the contact information box (phone, email, website, button)
   for Spanish language on the events page (Conectemos en la próxima).
   Also centers and widens the title and paragraph text.
   ─────────────────────────────────────────────────────────────────────
   Group members:  Spanish (es)
   ===================================================================== */
html[lang^="es"] .find-transport__inner.text-center .find-transport__title-box,
html.lang-es .find-transport__inner.text-center .find-transport__title-box,
:lang(es) .find-transport__inner.text-center .find-transport__title-box {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[lang^="es"] .find-transport__inner.text-center .find-transport__title,
html.lang-es .find-transport__inner.text-center .find-transport__title,
:lang(es) .find-transport__inner.text-center .find-transport__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="es"] .find-transport__inner.text-center .find-transport__title-box p,
html.lang-es .find-transport__inner.text-center .find-transport__title-box p,
:lang(es) .find-transport__inner.text-center .find-transport__title-box p {
  max-width: 900px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

html[lang^="es"] .find-transport__inner.text-center .find-transport__btn-and-call,
html.lang-es .find-transport__inner.text-center .find-transport__btn-and-call,
:lang(es) .find-transport__inner.text-center .find-transport__btn-and-call {
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* ── Bengali: Center alignment for .text-center cards ── */
html[lang^="bn"] .find-transport__inner.text-center,
html.lang-bn .find-transport__inner.text-center,
:lang(bn) .find-transport__inner.text-center {
  justify-content: center !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html[lang^="bn"] .find-transport__inner.text-center .find-transport__title-box,
html.lang-bn .find-transport__inner.text-center .find-transport__title-box,
:lang(bn) .find-transport__inner.text-center .find-transport__title-box {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[lang^="bn"] .find-transport__inner.text-center .find-transport__title,
html.lang-bn .find-transport__inner.text-center .find-transport__title,
:lang(bn) .find-transport__inner.text-center .find-transport__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[lang^="bn"] .find-transport__inner.text-center p,
html.lang-bn .find-transport__inner.text-center p,
:lang(bn) .find-transport__inner.text-center p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 900px !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

html[lang^="bn"] .find-transport__inner.text-center .find-transport__btn-and-call,
html.lang-bn .find-transport__inner.text-center .find-transport__btn-and-call,
:lang(bn) .find-transport__inner.text-center .find-transport__btn-and-call {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
}