html[dir="rtl"] {
  direction: rtl;
}

body.rtl {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", Arial, sans-serif;
}

body.rtl * {
  letter-spacing: 0;
}

body.rtl p,
body.rtl li,
body.rtl input,
body.rtl textarea,
body.rtl select,
body.rtl button {
  font-family: "Cairo", Arial, sans-serif;
}

body.rtl p {
  line-height: 1.75;
}

body.rtl .text-left,
body.rtl .text-start,
body.rtl .text-end,
body.rtl .lead {
  text-align: right;
}

body.rtl .text-center {
  text-align: center;
}

body.rtl .header-grid {
  direction: ltr;
  grid-template-columns: auto 1fr 180px;
}

body.rtl .brand {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

body.rtl .main-menu {
  grid-column: 2;
  grid-row: 1;
  direction: rtl;
}

body.rtl .language-menu {
  grid-column: 1;
  grid-row: 1;
  justify-content: flex-start;
  direction: rtl;
}

body.rtl .language-trigger {
  justify-content: flex-start;
}

body.rtl .language-dropdown {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

body.rtl .row,
body.rtl [dir="rtl"] .row {
  direction: rtl;
}

body.rtl .hero-section {
  background-image: url("../images/2025/04/CIH-BANK-CODE-Sakane-Hero-CODE-Sakane-RTL-min.png");
  background-position: left center;
}

body.rtl .hero-section .row {
  justify-content: flex-start;
}

body.rtl .hero-section h1,
body.rtl .hero-section p,
body.rtl .hero-section .hero-slider-text {
  text-align: right;
}

body.rtl .hero-section p,
body.rtl .hero-slider-text {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body.rtl .cih-btn,
body.rtl .cih_btn_large,
body.rtl .cih_btn_medium,
body.rtl .cih_btn_small,
body.rtl .cih_btn_blue_large {
  flex-direction: row-reverse;
}

body.rtl .cih_btn_large img,
body.rtl .cih_btn_medium img,
body.rtl .cih_btn_small img {
  transform: scaleX(-1);
}

body.rtl .partenaires .logo-track {
  direction: rtl;
  animation-name: logoScrollRtl;
}

@keyframes logoScrollRtl {
  from { transform: translateX(0); }
  to { transform: translateX(calc(50% + clamp(14px, 2.5vw, 35px))); }
}

body.rtl .code-sakane-section,
body.rtl .caracteristiques-section,
body.rtl .trouver-le-bien-ideal,
body.rtl .hero_guide_code_sakane,
body.rtl .le-guide-du-1er-achat-immobilier,
body.rtl .preparer-l-acquisition,
body.rtl .finaliser-l-achat,
body.rtl .dernieres-etapes-et-demenagement,
body.rtl .videos-explicatives {
  text-align: right;
}

body.rtl .code-sakane-section .row,
body.rtl .caracteristiques-section .row,
body.rtl .identifier-vos-criteres-essentiels-row,
body.rtl .finaliser-l-achat-row,
body.rtl .dernieres-etapes-et-demenagement-row,
body.rtl .le-guide-du-1er-achat-immobilier-row {
  direction: rtl;
}

body.rtl .code-sakane-right,
body.rtl .caracteristiques-img,
body.rtl .identifier-vos-criteres-essentiels-img,
body.rtl .finaliser-l-achat-img,
body.rtl .dernieres-etapes-et-demenagement-img,
body.rtl .le-guide-du-1er-achat-immobilier-img {
  text-align: center;
}

body.rtl .card-avantage {
  text-align: right;
}

body.rtl .caracteristiques-list {
  padding-inline-start: 0;
  padding-inline-end: 0;
}

body.rtl .caracteristiques-list li {
  direction: rtl;
  flex-direction: row;
  justify-content: flex-start;
  text-align: right;
}

body.rtl .caracteristiques-list img {
  flex: 0 0 22px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body.rtl .cta-buttons {
  justify-content: flex-start;
}

body.rtl .head-line-step1,
body.rtl .head-line-step1 p,
body.rtl .titre-head-line {
  text-align: center;
}

body.rtl .titre-head-line {
  direction: rtl;
  gap: 12px;
}

body.rtl .icon-step-head-line,
body.rtl .ms-2 {
  margin-inline-start: 8px;
  margin-inline-end: 0;
}

body.rtl .contenu-contact-form,
body.rtl .contact-form-content {
  justify-content: flex-end;
  text-align: right;
}

body.rtl .native-contact-form form,
body.rtl .page-contact .native-contact-form form {
  direction: rtl;
  text-align: right;
}

body.rtl input,
body.rtl textarea,
body.rtl select {
  direction: rtl;
  text-align: right;
}

body.rtl .footer-grid {
  direction: rtl;
}

body.rtl .social-links {
  justify-content: flex-start;
}

body.rtl .footer-copy {
  text-align: center;
}

@media (max-width: 1024px) {
  body.rtl .header-grid {
    direction: ltr;
    grid-template-columns: auto 1fr 150px;
  }

  body.rtl .brand {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  body.rtl .menu-toggle {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  body.rtl .main-menu {
    inset: 76px auto 0 -110%;
    text-align: center;
    transition: left .25s ease;
  }

  body.rtl .main-menu.open {
    left: 0;
    right: auto;
  }
}

@media (max-width: 768px) {
  body.rtl .hero-section {
    background-position: top center;
  }

  body.rtl .hero-section .container,
  body.rtl .hero-section > div,
  body.rtl .hero-section h1,
  body.rtl .hero-section p,
  body.rtl .hero-section .hero-slider-text,
  body.rtl .code-sakane-section,
  body.rtl .caracteristiques-section,
  body.rtl .trouver-le-bien-ideal,
  body.rtl .hero_guide_code_sakane,
  body.rtl .le-guide-du-1er-achat-immobilier,
  body.rtl .preparer-l-acquisition,
  body.rtl .finaliser-l-achat,
  body.rtl .dernieres-etapes-et-demenagement,
  body.rtl .videos-explicatives {
    text-align: center;
  }

  body.rtl .caracteristiques-list li {
    text-align: right;
  }

  body.rtl .cta-buttons {
    justify-content: center;
  }

  body.rtl .partenaires .logo-track > a {
    flex-basis: 50vw;
  }
}

.text-guide-code-sakane{
    text-align:center !important;
}

.native-contact-form {
    margin-top: -500px;
}