/* ============================================
   RTL RESPONSIVE STYLES FOR ARABIC PAGES
   ============================================
   This file contains responsive styles specifically for Arabic (RTL) pages.
   All rules are scoped to html[dir="rtl"] to ensure they only apply to Arabic pages.
   Breakpoints match French/English versions: 991px, 767px, 479px
   ============================================ */

/* ============================================
   TABLET LANDSCAPE - MAX WIDTH 991PX
   ============================================ */
@media screen and (max-width: 991px) {
  /* Container adjustments */
  html[dir="rtl"] .w-layout-blockcontainer {
    max-width: 728px;
  }

  /* Typography responsive sizing */
  html[dir="rtl"] h1 {
    font-size: 56px;
  }

  /* Navigation adjustments for RTL */
  html[dir="rtl"] .w-nav[data-collapse='medium'] .w-nav-menu {
    display: none;
  }

  html[dir="rtl"] .w-nav[data-collapse='medium'] .w-nav-button {
    display: block;
  }

  /* Content blocks */
  html[dir="rtl"] .content-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Grid layouts */
  html[dir="rtl"] .grid-2-columns,
  html[dir="rtl"] .grid-3-columns {
    grid-template-columns: 1fr;
  }

  html[dir="rtl"] .title-wrapper.left-title {
    margin-right: 0;
  }

  /* Flex containers */
  html[dir="rtl"] .flex-horizontal {
    flex-direction: column;
  }

  /* Cards and wrappers */
  html[dir="rtl"] .card-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Image containers */
  html[dir="rtl"] .image-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  /* Section padding adjustments */
  html[dir="rtl"] .section {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Button groups */
  html[dir="rtl"] .button-group {
    flex-direction: column;
    align-items: stretch;
  }

  /* Text blocks */
  html[dir="rtl"] .text-block {
    text-align: right;
  }

  /* Feature sections */
  html[dir="rtl"] .feature-wrapper {
    flex-direction: column;
  }

  /* Team member cards */
  html[dir="rtl"] .team-member-card {
    margin-left: 0;
    margin-right: 0;
  }

  /* Testimonial sections */
  html[dir="rtl"] .testimonial-wrapper {
    flex-direction: column;
  }

  /* Stats sections */
  html[dir="rtl"] .stats-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  /* CTA sections */
  html[dir="rtl"] .cta-wrapper {
    flex-direction: column;
    text-align: center;
  }

  /* Footer adjustments */
  html[dir="rtl"] .footer-wrapper {
    flex-direction: column;
  }

  html[dir="rtl"] .footer-column {
    margin-bottom: 30px;
  }

  /* Form elements */
  html[dir="rtl"] .form-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Pricing tables */
  html[dir="rtl"] .pricing-wrapper {
    grid-template-columns: 1fr;
  }

  /* Blog/Article layouts */
  html[dir="rtl"] .blog-grid {
    grid-template-columns: 1fr;
  }

  /* Service cards */
  html[dir="rtl"] .service-card-wrapper {
    grid-template-columns: 1fr;
  }

  /* Contact sections */
  html[dir="rtl"] .contact-wrapper {
    flex-direction: column;
  }

  /* Accordion adjustments */
  html[dir="rtl"] .accordion-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Tab navigation */
  html[dir="rtl"] .tabs-menu {
    flex-direction: column;
  }

  /* Modal/Dialog adjustments */
  html[dir="rtl"] .modal-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Breadcrumb navigation */
  html[dir="rtl"] .breadcrumb {
    flex-wrap: wrap;
  }

  /* Avatar groups */
  html[dir="rtl"] .avatar-group {
    flex-direction: column;
  }

  /* Icon with text combinations */
  html[dir="rtl"] .icon-text-wrapper {
    flex-direction: column;
    text-align: center;
  }

  /* Process/Steps sections */
  html[dir="rtl"] .process-wrapper {
    flex-direction: column;
  }

  /* Partner/Logo grids */
  html[dir="rtl"] .partner-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Video containers */
  html[dir="rtl"] .video-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Map containers */
  html[dir="rtl"] .map-wrapper {
    height: 400px;
  }

  /* Search bars */
  html[dir="rtl"] .search-wrapper {
    flex-direction: column;
  }

  /* Sidebar layouts */
  html[dir="rtl"] .sidebar-layout {
    flex-direction: column;
  }

  html[dir="rtl"] .sidebar {
    margin-right: 0;
    margin-bottom: 30px;
  }

  /* Gallery grids */
  html[dir="rtl"] .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Timeline layouts */
  html[dir="rtl"] .timeline-wrapper {
    padding-right: 20px;
  }

  /* Comparison tables */
  html[dir="rtl"] .comparison-table {
    overflow-x: auto;
  }

  /* Newsletter sections */
  html[dir="rtl"] .newsletter-wrapper {
    flex-direction: column;
  }

  /* Social media links */
  html[dir="rtl"] .social-links {
    justify-content: center;
  }

  /* Language switcher */
  html[dir="rtl"] .language-switcher {
    position: static;
    margin-top: 20px;
  }

  /* Mobile menu specific */
  html[dir="rtl"] .mobile-menu {
    right: auto;
    left: 0;
  }

  /* Dropdown menus */
  html[dir="rtl"] .dropdown-list {
    right: auto;
    left: 0;
  }

  html[dir="rtl"] .div-block-185 {
    display: block;
  }

  /* Content tabs - menu at top, content at bottom */
  html[dir="rtl"] .content-tabs-2 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    position: relative !important;
  }

  html[dir="rtl"] .content-tabs-2 .content-tabs-menu.w-tab-menu {
    order: 1 !important;
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html[dir="rtl"] .content-tabs-2 .content-tab-content.w-tab-content {
    order: 2 !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
  }

  html[dir="rtl"] .container-large-5 .content-tabs-left .content-tabs-menu.w-tab-menu {
    order: 1 !important;
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html[dir="rtl"] .container-large-5 .content-tabs-left .content-tab-content.w-tab-content {
    order: 2 !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
  }

  /* Progress bar on right side for RTL - comprehensive fix */
  html[dir="rtl"] .content-tab-link,
  html[dir="rtl"] .content-tabs-menu .content-tab-link,
  html[dir="rtl"] .content-tabs-2 .content-tab-link {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  html[dir="rtl"] .content-tab-link > .content-tab-progress-wrapper-2,
  html[dir="rtl"] .content-tabs-menu .content-tab-link > .content-tab-progress-wrapper-2,
  html[dir="rtl"] .content-tabs-2 .content-tab-link > .content-tab-progress-wrapper-2 {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    float: right !important;
  }

  html[dir="rtl"] .content-tab-link > .content-tab-link-details,
  html[dir="rtl"] .content-tabs-menu .content-tab-link > .content-tab-link-details,
  html[dir="rtl"] .content-tabs-2 .content-tab-link > .content-tab-link-details {
    order: 1 !important;
    flex: 1 !important;
    float: left !important;
  }
}

/* ============================================
   TABLET PORTRAIT - MAX WIDTH 767PX
   ============================================ */
@media screen and (max-width: 767px) {
  /* Container adjustments */
  html[dir="rtl"] .w-layout-blockcontainer {
    max-width: none;
  }

  html[dir="rtl"] .w-container {
    max-width: none;
  }

  /* Typography responsive sizing */
  html[dir="rtl"] h1 {
    font-size: 42px;
  }

  html[dir="rtl"] h2 {
    font-size: 36px;
  }

  html[dir="rtl"] h3 {
    font-size: 28px;
  }

  html[dir="rtl"] h4 {
    font-size: 24px;
  }

  html[dir="rtl"] h5 {
    font-size: 20px;
  }

  html[dir="rtl"] h6 {
    font-size: 18px;
  }

  /* Navigation adjustments */
  html[dir="rtl"] .w-nav[data-collapse='small'] .w-nav-menu {
    display: none;
  }

  html[dir="rtl"] .w-nav[data-collapse='small'] .w-nav-button {
    display: block;
  }

  html[dir="rtl"] .w-nav-brand {
    padding-right: 10px;
  }

  /* Hero sections */
  html[dir="rtl"] .hero-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  html[dir="rtl"] .hero-content {
    text-align: center;
  }

  /* Section padding */
  html[dir="rtl"] .section {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* Grid layouts */
  html[dir="rtl"] .grid-2-columns,
  html[dir="rtl"] .grid-3-columns,
  html[dir="rtl"] .grid-4-columns {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }

  /* Stats wrapper */
  html[dir="rtl"] .stats-wrapper {
    grid-template-columns: 1fr;
  }

  /* Partner grid */
  html[dir="rtl"] .partner-grid {
    grid-template-columns: 1fr;
  }

  /* Gallery grid */
  html[dir="rtl"] .gallery-grid {
    grid-template-columns: 1fr;
  }

  /* Cards */
  html[dir="rtl"] .card {
    margin-bottom: 20px;
  }

  /* Buttons */
  html[dir="rtl"] .button {
    width: 100%;
    text-align: center;
  }

  html[dir="rtl"] .button-group {
    width: 100%;
  }

  html[dir="rtl"] .button-group .button {
    margin-bottom: 15px;
  }

  /* Forms */
  html[dir="rtl"] .form-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  html[dir="rtl"] .form-field {
    margin-bottom: 20px;
  }

  html[dir="rtl"] .form-row {
    flex-direction: column;
  }

  /* Images */
  html[dir="rtl"] .image-wrapper {
    margin-bottom: 30px;
  }

  /* Text alignment */
  html[dir="rtl"] .text-center-mobile {
    text-align: center;
  }

  /* Spacing adjustments */
  html[dir="rtl"] .margin-bottom-large {
    margin-bottom: 40px;
  }

  html[dir="rtl"] .margin-bottom-medium {
    margin-bottom: 30px;
  }

  html[dir="rtl"] .margin-bottom-small {
    margin-bottom: 20px;
  }

  /* Footer */
  html[dir="rtl"] .footer-wrapper {
    text-align: center;
  }

  html[dir="rtl"] .footer-column {
    margin-bottom: 40px;
  }

  html[dir="rtl"] .footer-links {
    flex-direction: column;
  }

  /* Testimonials */
  html[dir="rtl"] .testimonial-card {
    margin-bottom: 30px;
  }

  /* Team members - Match French version layout */
  html[dir="rtl"] .team-grid {
    grid-template-columns: 1fr;
  }

  html[dir="rtl"] .team-card-grid,
  html[dir="rtl"] .team-background-wrapper {
    width: 100%;
  }

  html[dir="rtl"] .team-background {
    margin-bottom: -64px;
    position: absolute;
  }

  html[dir="rtl"] .team-member {
    height: 240px;
  }

  html[dir="rtl"] .team-member:hover {
    margin-bottom: 0;
  }

  html[dir="rtl"] .team-member.team-member-right {
    margin-right: 0;
    bottom: 0;
    transform: none;
  }

  html[dir="rtl"] .team-member.team-member-center {
    bottom: 0;
  }

  html[dir="rtl"] .team-member.team-member-left {
    margin-left: 0;
    transform: none;
  }

  html[dir="rtl"] .team-members {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static;
  }

  /* Pricing tables */
  html[dir="rtl"] .pricing-card {
    margin-bottom: 30px;
  }

  /* Blog posts */
  html[dir="rtl"] .blog-post-card {
    margin-bottom: 30px;
  }

  /* Service details */
  html[dir="rtl"] .service-detail-wrapper {
    flex-direction: column;
  }

  /* Contact info */
  html[dir="rtl"] .contact-info-wrapper {
    flex-direction: column;
  }

  html[dir="rtl"] .contact-info-item {
    margin-bottom: 25px;
    text-align: center;
  }

  /* Accordion */
  html[dir="rtl"] .accordion-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Tabs */
  html[dir="rtl"] .tabs-menu {
    overflow-x: auto;
  }

  html[dir="rtl"] .tab-link {
    min-width: 120px;
  }

  /* Modal */
  html[dir="rtl"] .modal-content {
    padding: 20px;
    margin: 20px;
  }

  /* Breadcrumb */
  html[dir="rtl"] .breadcrumb {
    font-size: 14px;
  }

  /* Avatar group */
  html[dir="rtl"] .avatar-group .avatar {
    margin-left: 0;
    margin-bottom: 10px;
  }

  /* Icon text */
  html[dir="rtl"] .icon-text-wrapper {
    margin-bottom: 20px;
  }

  /* Process steps */
  html[dir="rtl"] .process-step {
    margin-bottom: 30px;
  }

  /* Video wrapper */
  html[dir="rtl"] .video-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Map wrapper */
  html[dir="rtl"] .map-wrapper {
    height: 300px;
  }

  /* Search bar */
  html[dir="rtl"] .search-input {
    width: 100%;
    margin-bottom: 15px;
  }

  /* Sidebar */
  html[dir="rtl"] .sidebar {
    margin-bottom: 40px;
  }

  /* Timeline */
  html[dir="rtl"] .timeline-item {
    padding-right: 15px;
  }

  /* Newsletter */
  html[dir="rtl"] .newsletter-input {
    width: 100%;
    margin-bottom: 15px;
  }

  /* Social links */
  html[dir="rtl"] .social-link {
    margin: 0 10px;
  }

  /* Hidden on mobile */
  html[dir="rtl"] .w-hidden-main {
    display: inherit !important;
  }

  html[dir="rtl"] .w-hidden-medium {
    display: inherit !important;
  }

  html[dir="rtl"] .w-hidden-small {
    display: none !important;
  }

  /* Specific component adjustments - Hero composition */
  html[dir="rtl"] .div-block-160,
  html[dir="rtl"] .div-block-161 {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  html[dir="rtl"] .div-block-162 {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
  }

  html[dir="rtl"] .image-136 {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-width: 100% !important;
  }
}

/* ============================================
   MOBILE - MAX WIDTH 479PX
   ============================================ */
@media screen and (max-width: 479px) {
  /* Container adjustments */
  html[dir="rtl"] .w-container {
    max-width: none;
  }

  html[dir="rtl"] .w-layout-blockcontainer {
    max-width: none;
  }

  /* Typography */
  html[dir="rtl"] h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  html[dir="rtl"] h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  html[dir="rtl"] h3 {
    font-size: 24px;
    line-height: 1.3;
  }

  html[dir="rtl"] h4 {
    font-size: 20px;
    line-height: 1.4;
  }

  html[dir="rtl"] h5 {
    font-size: 18px;
    line-height: 1.4;
  }

  html[dir="rtl"] h6 {
    font-size: 16px;
    line-height: 1.4;
  }

  html[dir="rtl"] p {
    font-size: 16px;
    line-height: 1.6;
  }

  /* Navigation */
  html[dir="rtl"] .w-nav[data-collapse='tiny'] .w-nav-menu {
    display: none;
  }

  html[dir="rtl"] .w-nav[data-collapse='tiny'] .w-nav-button {
    display: block;
  }

  /* Section padding */
  html[dir="rtl"] .section {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  html[dir="rtl"] .section.contacts-3-banner {
    padding-top: 120px;
  }

  /* Hero sections */
  html[dir="rtl"] .hero-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* Spacing */
  html[dir="rtl"] .margin-bottom-large {
    margin-bottom: 30px;
  }

  html[dir="rtl"] .margin-bottom-medium {
    margin-bottom: 20px;
  }

  html[dir="rtl"] .margin-bottom-small {
    margin-bottom: 15px;
  }

  /* Padding */
  html[dir="rtl"] .padding-large {
    padding: 30px;
  }

  html[dir="rtl"] .padding-medium {
    padding: 20px;
  }

  html[dir="rtl"] .padding-small {
    padding: 15px;
  }

  /* Cards */
  html[dir="rtl"] .card {
    padding: 20px;
    margin-bottom: 20px;
  }

  /* Buttons */
  html[dir="rtl"] .button {
    padding: 12px 24px;
    font-size: 14px;
  }

  /* Forms */
  html[dir="rtl"] .form-wrapper {
    padding: 15px;
  }

  html[dir="rtl"] .form-field {
    margin-bottom: 15px;
  }

  html[dir="rtl"] input,
  html[dir="rtl"] textarea,
  html[dir="rtl"] select {
    font-size: 16px;
    padding: 12px;
  }

  /* Images */
  html[dir="rtl"] .image-wrapper {
    margin-bottom: 20px;
  }

  /* Footer */
  html[dir="rtl"] .footer-column {
    margin-bottom: 30px;
  }

  /* Modal */
  html[dir="rtl"] .modal-content {
    padding: 15px;
    margin: 10px;
  }

  /* Tabs */
  html[dir="rtl"] .w-tab-link {
    display: block;
  }

  html[dir="rtl"] .tab-link {
    padding: 10px 15px;
    font-size: 14px;
  }

  /* Accordion */
  html[dir="rtl"] .accordion-item {
    padding: 15px;
  }

  html[dir="rtl"] .accordion-title {
    font-size: 16px;
  }

  /* Breadcrumb */
  html[dir="rtl"] .breadcrumb {
    font-size: 12px;
    padding: 10px 15px;
  }

  /* Avatar */
  html[dir="rtl"] .avatar {
    width: 40px;
    height: 40px;
  }

  /* Icon sizes */
  html[dir="rtl"] .icon-large {
    width: 48px;
    height: 48px;
  }

  html[dir="rtl"] .icon-medium {
    width: 32px;
    height: 32px;
  }

  html[dir="rtl"] .icon-small {
    width: 24px;
    height: 24px;
  }

  /* Map */
  html[dir="rtl"] .map-wrapper {
    height: 250px;
  }

  /* Video */
  html[dir="rtl"] .video-wrapper {
    padding: 0;
  }

  /* Social links */
  html[dir="rtl"] .social-link {
    margin: 0 5px;
    width: 36px;
    height: 36px;
  }

  /* Newsletter */
  html[dir="rtl"] .newsletter-wrapper {
    padding: 20px 15px;
  }

  /* Pricing */
  html[dir="rtl"] .pricing-card {
    padding: 20px;
  }

  /* Testimonial */
  html[dir="rtl"] .testimonial-card {
    padding: 20px;
  }

  /* Team member */
  html[dir="rtl"] .team-member-card {
    padding: 20px;
  }

  /* Blog post */
  html[dir="rtl"] .blog-post-card {
    padding: 15px;
  }

  /* Service card */
  html[dir="rtl"] .service-card {
    padding: 20px;
  }

  /* Contact info */
  html[dir="rtl"] .contact-info-item {
    margin-bottom: 20px;
  }

  /* Process step */
  html[dir="rtl"] .process-step {
    margin-bottom: 25px;
  }

  /* Timeline */
  html[dir="rtl"] .timeline-item {
    padding-right: 10px;
  }

  html[dir="rtl"] .heading-46 span{
    font-size: 26px;
  } 
  /* Stats */
  html[dir="rtl"] .stat-item {
    margin-bottom: 20px;
  }

  /* Feature */
  html[dir="rtl"] .feature-item {
    margin-bottom: 25px;
  }

  /* CTA */
  html[dir="rtl"] .cta-wrapper {
    padding: 30px 15px;
  }

  /* Logo grid */
  html[dir="rtl"] .logo-item {
    padding: 15px;
  }

  /* Hidden on mobile */
  html[dir="rtl"] .w-hidden-tiny {
    display: none !important;
  }

  /* Show on mobile */
  html[dir="rtl"] .show-mobile {
    display: block !important;
  }

  /* Text alignment mobile */
  html[dir="rtl"] .text-right-mobile {
    text-align: right;
  }

  html[dir="rtl"] .text-center-mobile {
    text-align: center;
  }

  /* Flex mobile */
  html[dir="rtl"] .flex-column-mobile {
    flex-direction: column;
  }

  /* Width mobile */
  html[dir="rtl"] .full-width-mobile {
    width: 100%;
  }
}

/* ============================================
   PRINT STYLES FOR RTL
   ============================================ */
@media print {
  html[dir="rtl"] * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html[dir="rtl"] a,
  html[dir="rtl"] a:visited {
    text-decoration: underline;
  }

  html[dir="rtl"] pre,
  html[dir="rtl"] blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  html[dir="rtl"] img {
    page-break-inside: avoid;
  }

  html[dir="rtl"] p,
  html[dir="rtl"] h2,
  html[dir="rtl"] h3 {
    orphans: 3;
    widows: 3;
  }

  html[dir="rtl"] h2,
  html[dir="rtl"] h3 {
    page-break-after: avoid;
  }
}

/* ============================================
   RECRUTEUR PAGE - ADDITIONAL RTL RESPONSIVE FIXES
   Mirrors FR version exactly at all breakpoints
   ============================================ */

/* Tablet landscape (991px) - Matches FR exactly */
@media screen and (max-width: 991px) {
  /* Hero split layout - stack vertically */
  html[dir="rtl"] .hero-v5-split---recruteur-2 {
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Hero composition - full width and responsive height like FR */
  html[dir="rtl"] .hero-composition---brix-t {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 20px !important;
    flex-flow: row !important;
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  html[dir="rtl"] .div-block-160,
  html[dir="rtl"] .div-block-161 {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 1 !important;
  }

  html[dir="rtl"] .div-block-162,
  html[dir="rtl"] .image-136 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
  }

  html[dir="rtl"] .process-wrapper-version-2 {
    flex-flow: column !important;
    margin-top: 40px !important;
    position: static !important;
  }

  html[dir="rtl"] .process-container-1,
  html[dir="rtl"] .process-container-2,
  html[dir="rtl"] .process-container-3 {
    grid-column-gap: 30px !important;
    flex-flow: column !important;
    width: 100% !important;
  }

  html[dir="rtl"] .process-container-2 {
    position: relative !important;
  }

  html[dir="rtl"] .process-circle-wrap-center {
    justify-content: center !important;
    align-items: flex-start !important;
    width: 35% !important;
    display: flex !important;
  }

  html[dir="rtl"] .process-text-version-2 {
    max-width: 300px !important;
    margin: 0 auto 30px !important;
    text-align: center !important;
  }

  /* Stats cards - hide on tablet */
  html[dir="rtl"] .div-block-184 {
    display: none !important;
    width: 100% !important;
  }

  /* Service cards section */
  html[dir="rtl"] .div-block-138 {
    grid-column-gap: 34px !important;
    grid-row-gap: 34px !important;
    flex-flow: column !important;
  }

  /* Grid 2 columns for tabs content */
  html[dir="rtl"] .grid-2-columns-r.gap-56px-r {
    display: flex !important;
  }

  html[dir="rtl"] .grid-2-columns-r.cta-v8 {
    grid-template-columns: .7fr !important;
  }

  html[dir="rtl"] .grid-2-columns-r.stats-v4 {
    grid-template-columns: 1fr !important;
  }

  /* Hide the purple wave line for < 991px */
  html[dir="rtl"] .numbers-wrapper-wave::before {
    background-image: none !important;
  }

  /* CTA section v8 - match FR version */
  html[dir="rtl"] .cta-section.cta-v8 {
    margin-top: 80px !important;
    margin-bottom: 20px !important;
    padding-top: 80px !important;
    padding-bottom: 0 !important;
  }

  html[dir="rtl"] .grid-2-columns-8.cta-v8 {
    grid-template-columns: .7fr !important;
    width: 100% !important;
    display: block !important;
  }

  html[dir="rtl"] .half-bg-image-right.width-46.cta-v8 {
    height: 60% !important;
    margin-top: 80px !important;
  }

  html[dir="rtl"] .floating-item.cta-v1-01 {
    width: 35% !important;
    display: none !important;
    top: -4% !important;
  }

  /* Eva section cards - match FR layout */
  html[dir="rtl"] .card-wrapper-r {
    flex-flow: column !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
  }

  /* Contact sections - match FR version */
  html[dir="rtl"] .contact-section {
    margin-top: 80px !important;
    margin-bottom: 0 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
  }

  html[dir="rtl"] .contact-section .div-block-22-copy {
    position: absolute !important;
    inset: 0% auto 0% 0% !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    height: 45% !important;
    top: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html[dir="rtl"] .contact-section .contact-base-container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
  }

  html[dir="rtl"] .contact-section .contact-about-wrap {
    display: flex !important;
    flex-direction: column !important;
    direction: rtl !important;
    width: 100% !important;
  }

  html[dir="rtl"] .contact-section .contact-half-column {
    width: 100% !important;
    text-align: right !important;
  }

  html[dir="rtl"] .contact-section .contact-half-column._2 {
    height: 368px !important;
  }

  html[dir="rtl"] .contact-section .h3-title.text-white-left,
  html[dir="rtl"] .contact-section .paragraph-large-white {
    text-align: right !important;
  }

  html[dir="rtl"] .contact-section .popup-form-block---brix {
    direction: rtl !important;
  }

  html[dir="rtl"] .contact-section .popup-1-form---brix {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    display: flex !important;
    position: relative !important;
  }

  html[dir="rtl"] .contact-section .rounded-button-contact {
    position: absolute !important;
    left: 4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html[dir="rtl"] .contact-section .image-149 {
    order: 2 !important;
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  html[dir="rtl"] .contact-section .input---brix.large---brix {
    flex: 1 !important;
    text-align: right !important;
    margin-bottom: 0 !important;
    padding-right: 50px !important;
    padding-left: 140px !important;
    position: relative !important;
    width: 100% !important;
    height: 56px !important;
  }

  html[dir="rtl"] .contact-section-2 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  html[dir="rtl"] .contact-section-2 .two-column-wrap.colum-reverce {
    flex-direction: column !important;
    display: flex !important;
  }

  html[dir="rtl"] .contact-section-2 .div-block-22 {
    background-image: none !important;
    inset: 0% 0% 0% auto !important;
    left: auto !important;
    right: 0 !important;
    object-fit: cover !important;
    object-position: right !important;
  }

  html[dir="rtl"] .half-column.video._368px {
    order: 2 !important;
  }

  html[dir="rtl"] .contact-section-2 .half-column:not(.video) {
    order: 1 !important;
  }

  /* Match FR version for image positioning at 991px */
  html[dir="rtl"] .image-128 {
    top: 254px;
  }

  html[dir="rtl"] .image-129 {
    top: 164px;
  }

  /* Match FR version for process lines at 991px */
  html[dir="rtl"] .image-73 {
    inset: auto auto -57px auto;
    left: -48px;
    right: auto;
    rotate: 90deg;
  }

  html[dir="rtl"] .image-74 {
    top: -26px;
    right: -48px;
    left: auto;
    rotate: 90deg;
  }
}

/* Tablet portrait (767px) - Matches FR exactly */
@media screen and (max-width: 767px) {
  /* ============================================
     INDEX.HTML (LANDING PAGE) RTL RESPONSIVE FIXES
     ============================================ */
  
  /* Hero section - stack vertically on mobile */
  html[dir="rtl"] .hero-v5-split---brix {
    flex-direction: column !important;
    margin-bottom: 80px !important;
  }

  html[dir="rtl"] .split-content---brix.hero-v1-left---brix-copy {
    text-align: center !important;
    align-items: center !important;
  }

  /* Hero composition - match FR exactly for tablet/mobile */
  html[dir="rtl"] .hero-composition---brix-t {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: 500px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 15px !important;
    flex-flow: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  html[dir="rtl"] .div-block-160 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: none !important;
    order: 1 !important;
  }

  html[dir="rtl"] .div-block-161 {
    width: 100% !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    margin: 20px 0 20px 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: none !important;
    order: 2 !important;
  }

  html[dir="rtl"] .div-block-162 {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  html[dir="rtl"] .image-136 {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  /* Heading 46 - smaller font size like FR mobile */
  html[dir="rtl"] .heading-46 {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  /* Two-column sections - proper stacking */
  html[dir="rtl"] .two-column-wrap {
    flex-direction: column !important;
  }

  html[dir="rtl"] .two-column-wrap .half-column {
    width: 100% !important;
    text-align: right !important;
  }

  html[dir="rtl"] .two-column-wrap .half-column.video {
    order: 2 !important;
  }

  html[dir="rtl"] .two-column-wrap .half-column:not(.video) {
    order: 1 !important;
  }

  /* Match FR version for image positioning at 767px */
  html[dir="rtl"] .image-128 {
    top: 254px !important;
  }

  html[dir="rtl"] .image-129 {
    top: 164px !important;
  }

  /* Hide process lines at 767px - match FR version */
  html[dir="rtl"] .image-73,
  html[dir="rtl"] .image-74 {
    display: none;
  }

  /* Process steps - vertical stack on mobile */
  html[dir="rtl"] .process-wrapper-version-2 {
    flex-flow: column !important;
    margin-top: 40px !important;
    position: static !important;
  }

  html[dir="rtl"] .process-container-1,
  html[dir="rtl"] .process-container-2,
  html[dir="rtl"] .process-container-3 {
    grid-column-gap: 30px !important;
    flex-flow: column !important;
    width: 100% !important;
  }

  html[dir="rtl"] .process-container-2 {
    position: relative !important;
  }

  html[dir="rtl"] .process-circle-wrap-center {
    justify-content: center !important;
    align-items: flex-start !important;
    width: 35% !important;
    display: flex !important;
  }

  html[dir="rtl"] .process-text-version-2 {
    max-width: 300px !important;
    margin: 0 auto 30px !important;
    text-align: center !important;
  }

  /* Why URJob section - numbers wave - Match FR exactly */
  html[dir="rtl"] .numbers-wrapper-wave {
    grid-column-gap: 40px !important;
    flex-flow: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    background-image: none !important;
  }

  /* Hide the purple wave line pseudo-element */
  html[dir="rtl"] .numbers-wrapper-wave::before {
    background-image: none !important;
  }

  html[dir="rtl"] .number-wrap-first,
  html[dir="rtl"] .number-wrap-second,
  html[dir="rtl"] .number-wrap-third {
    width: 100% !important;
    margin-bottom: 32px !important;
    margin-right: 0 !important;
  }

  html[dir="rtl"] .number-wrap-first .div-block-4,
  html[dir="rtl"] .number-wrap-first .div-block-4 *,
  html[dir="rtl"] .number-wrap-first .heading-28-r-r,
  html[dir="rtl"] .number-wrap-first .heading-488,
  html[dir="rtl"] .number-wrap-first .paragraph-wrap-mt-20,
  html[dir="rtl"] .number-wrap-first .div-block-0-0-1 {
    text-align: right !important;
  }

  /* Title wrapper left-title - align right like others */
  html[dir="rtl"] .title-wrapper.left-title {
    text-align: right !important;
    margin-top: 0 !important;
    position: static !important;
  }

  /* Heading-20 display inline with spans - override all block behaviors */
  html[dir="rtl"] .heading-20 {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    position: static !important;
    white-space: normal !important;
  }

  html[dir="rtl"] .heading-20 span,
  html[dir="rtl"] .heading-20 .text-span-25 {
    display: inline !important;
    white-space: nowrap !important;
  }

  /* Consultant service banner cards */
  html[dir="rtl"] .consultant-service-banner-wrap {
    flex-direction: column !important;
  }

  html[dir="rtl"] .consultant-service-banner-text {
    text-align: center !important;
    margin-bottom: 40px !important;
  }

  html[dir="rtl"] .consultant-service-banner-cards-wrap {
    width: 100% !important;
  }

  /* Eva section cards - match FR version exactly */
  html[dir="rtl"] .card-wrapper-r {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    flex-flow: column !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    height: auto !important;
    gap: 1rem !important;
    grid-template: none !important;
  }

  html[dir="rtl"] .card-wrapper-r > div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html[dir="rtl"] .card-div1,
  html[dir="rtl"] .card-div2,
  html[dir="rtl"] .card-div3,
  html[dir="rtl"] .card-div4,
  html[dir="rtl"] .card-div5,
  html[dir="rtl"] .card-div6,
  html[dir="rtl"] .card-div7 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  /* Override base RTL fixed heights for card-div2 */
  html[dir="rtl"] .card-div2 {
    max-height: none !important;
    height: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    display: block !important;
  }

  html[dir="rtl"] .card-div-block-h {
    flex-flow: row !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    grid-column-start: auto !important;
    grid-row-start: auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
  }

  html[dir="rtl"] .div-block-h {
    flex-flow: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    grid-column-start: auto !important;
    grid-row-start: auto !important;
    display: flex !important;
  }

  /* Override base RTL fixed heights for div-block-h inside card-div2 */
  html[dir="rtl"] .card-div2 .div-block-h {
    min-height: 0 !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] .card-div-block-h .div-block-194 {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html[dir="rtl"] .card-div-block-h .div-block-m {
    flex-shrink: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 50px !important;
  }

  html[dir="rtl"] .card-div-block-h .div-block-m img {
    max-width: 100% !important;
    height: auto !important;
  }

  html[dir="rtl"] .div-block-146,
  html[dir="rtl"] .div-block-195,
  html[dir="rtl"] .div-block-196,
  html[dir="rtl"] .div-block-197 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 1 !important;
    order: -1 !important;
  }

  html[dir="rtl"] .div-block-193 {
    overflow: hidden !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html[dir="rtl"] .div-block-146 .div-block-193 {
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html[dir="rtl"] .div-block-193-p,
  html[dir="rtl"] .div-block-193-pp {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Override base RTL fixed dimensions for div-block-193-p */
  html[dir="rtl"] .div-block-193-p,
  html[dir="rtl"] .div-block-193-pp {
    width: 100% !important;
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  /* Ensure div-block-m (images in other cards) also comes after text */
  html[dir="rtl"] .div-block-m {
    order: 1 !important;
  }

  html[dir="rtl"] .div-block-193 img,
  html[dir="rtl"] .image-150,
  html[dir="rtl"] .image-151,
  html[dir="rtl"] .image-153,
  html[dir="rtl"] .image-158 {
    max-width: 100% !important;
    width: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* Keep natural height for div-block-193-p images like FR version */
  html[dir="rtl"] .div-block-193-p img,
  html[dir="rtl"] .div-block-193-pp img {
    max-width: 100% !important;
    width: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  html[dir="rtl"] .image-158 {
    max-width: 50% !important;
  }

  /* Contact sections - match FR version for 767px */
  html[dir="rtl"] .contact-section {
    margin-top: 80px !important;
    margin-bottom: 0 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  html[dir="rtl"] .contact-section-2 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  html[dir="rtl"] .contact-section-2 .two-column-wrap.colum-reverce {
    flex-direction: column !important;
    display: flex !important;
  }

  html[dir="rtl"] .contact-section-2 .div-block-22 {
    width: 100% !important;
    height: 45% !important;
    top: auto !important;
  }

  html[dir="rtl"] .contact-section-2 .half-column {
    width: 100% !important;
  }

  html[dir="rtl"] .contact-section-2 .half-column.video._368px {
    width: 100% !important;
    margin-bottom: 0 !important;
    order: 2 !important;
  }

  html[dir="rtl"] .contact-section-2 .half-column:not(.video) {
    order: 1 !important;
    margin-bottom: 30px !important;
  }

  html[dir="rtl"] .div-block-22-copy {
    width: 100% !important;
    height: 45% !important;
    inset: auto 0% 0% !important;
  }

  /* Slider arrows - swap positions for RTL */
  html[dir="rtl"] .slider-arrow---brix.left---brix {
    right: auto !important;
    left: 0 !important;
  }

  html[dir="rtl"] .slider-arrow---brix.right---brix {
    left: auto !important;
    right: 0 !important;
  }

  /* CTA section - match FR version at 767px */
  html[dir="rtl"] .cta-section.cta-v8 {
    padding-top: 80px !important;
    text-align: center !important;
  }

  html[dir="rtl"] .grid-2-columns-8.cta-v8 {
    grid-template-columns: .7fr !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  html[dir="rtl"] .grid-2-columns-8.cta-v8 .h3-title,
  html[dir="rtl"] .grid-2-columns-8.cta-v8 .color-neutral-303 {
    text-align: right !important;
  }

  html[dir="rtl"] .grid-2-columns-8.cta-v8 .buttons-row {
    justify-content: center !important;
  }

  html[dir="rtl"] .half-bg-image-right.width-46.cta-v8 {
    height: 50% !important;
    margin-top: 80px !important;
  }

  html[dir="rtl"] .container-default-30.z-index-1 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  html[dir="rtl"] .floating-item.cta-v1-01 {
    width: 34% !important;
    display: none !important;
  }

  /* Career boost CTA blocks */
  html[dir="rtl"] .div-block-110 {
    flex-direction: column !important;
    gap: 24px !important;
  }

  html[dir="rtl"] .div-block-111,
  html[dir="rtl"] .div-block-112 {
    width: 100% !important;
    text-align: center !important;
  }

  /* Testimonials section */
  html[dir="rtl"] .testimonial-card {
    flex-direction: column !important;
  }

  html[dir="rtl"] .horizontal-content-block {
    text-align: center !important;
  }

  html[dir="rtl"] .horizontal-quote-h4 {
    text-align: center !important;
  }

  html[dir="rtl"] .author-block {
    justify-content: center !important;
  }

  /* Footer - inline on mobile */
  html[dir="rtl"] .div-block-11 {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
  }

  html[dir="rtl"] .footer-menu-copy,
  html[dir="rtl"] .footer-menu {
    width: auto !important;
    display: inline-block !important;
    text-align: right !important;
    margin-bottom: 0 !important;
  }

  html[dir="rtl"] .flex-block-4 {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* ============================================
     RECRUTEUR PAGE RTL RESPONSIVE FIXES (existing)
     ============================================ */

  /* Section padding */
  html[dir="rtl"] .section-39 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding: 160px 30px !important;
  }

  /* Hero section - full mobile layout */
  html[dir="rtl"] .hero-v5-split---recruteur-2 {
    flex-direction: column !important;
    margin-bottom: 80px !important;
  }

  html[dir="rtl"] .rounded-button-2 {
    display: block !important;
  }

  html[dir="rtl"] .component-section---brix-recruteur-v1.hero-v5---brix-recruteur-v1 {
    padding: 80px 30px !important;
  }

  /* Grid-2 image gallery */
  html[dir="rtl"] .grid-2 {
    place-items: start center !important;
  }

  /* Content tabs - Match FR exactly */
  html[dir="rtl"] .content-tab-image-2 {
    max-width: none !important;
  }

  html[dir="rtl"] .content-tabs-2 {
    flex-flow: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }

  /* Content tabs menu */
  html[dir="rtl"] .content-tabs-menu {
    max-width: none !important;
    margin-bottom: 32px !important;
  }

  html[dir="rtl"] .consultant-service-card-item .div-block-67 {
    text-align: right !important;
    padding-right: 0 !important;
  }

  /* Tab links - RTL direction */
  html[dir="rtl"] .content-tab-link {
    flex-direction: row !important;
    direction: rtl !important;
  }

  html[dir="rtl"] .content-tab-link-details {
    flex-direction: row !important;
    justify-content: space-between !important;
    direction: rtl !important;
  }

  html[dir="rtl"] .content-tab-link-title {
    text-align: right !important;
    direction: rtl !important;
  }

  /* Progress wrapper on right side for RTL */
  html[dir="rtl"] .content-tab-progress-wrapper-2 {
    order: 2 !important;
  }

  html[dir="rtl"] .content-tab-link-details {
    order: 1 !important;
  }

  html[dir="rtl"] .section-regular-3.background-light {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 80px 30px !important;
  }

  /* CTA sections */
  html[dir="rtl"] .section-28-recruteur {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  html[dir="rtl"] .section-28-recruteur.ebook-cta-recruteur {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* Decorative elements */
  html[dir="rtl"] .div-block-181,
  html[dir="rtl"] .div-block-182,
  html[dir="rtl"] .div-block-183 {
    display: none !important;
  }

  html[dir="rtl"] .rounded-button-2-2 {
    display: block !important;
  }

  /* Automated process cards */
  html[dir="rtl"] .div-block-187 {
    grid-column-gap: 32px !important;
    grid-row-gap: 32px !important;
    flex-flow: column !important;
    max-width: 500px !important;
  }

  html[dir="rtl"] .card-2-0.testmonial-v12 {
    flex-direction: column !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  html[dir="rtl"] .card-2-0.form {
    padding: 54px 32px !important;
  }

  /* Tab navigation */
  html[dir="rtl"] .tabs-menu-r {
    flex-flow: column !important;
    max-width: 360px !important;
  }

  html[dir="rtl"] .tabs-content-r.card,
  html[dir="rtl"] .tabs-content-r.card-r {
    padding: 40px 32px 48px !important;
  }

  html[dir="rtl"] .grid-2-columns-r.cta-v8 {
    grid-template-columns: .7fr !important;
  }

  html[dir="rtl"] .grid-2-columns-r.stats-v4 {
    grid-template-columns: 1fr !important;
  }

  /* Center text and buttons for < 760px */
  html[dir="rtl"] .section-28-recruteur.ebook-cta-recruteur {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html[dir="rtl"] .section-28-recruteur .w-layout-grid.grid-2-columns.cta-v8,
  html[dir="rtl"] .w-layout-grid.grid-2-columns.cta-v8 {
    margin: 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    justify-items: center !important;
    place-items: center !important;
  }

  html[dir="rtl"] .div-block-199 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  html[dir="rtl"] .div-block-199 .color-neutral-100-copy,
  html[dir="rtl"] .color-neutral-100-copy,
  html[dir="rtl"] .div-block-199 h2.color-neutral-100-copy,
  html[dir="rtl"] body .div-block-199 h2.color-neutral-100-copy {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  /* Ultra-specific centering override */
  html[dir="rtl"] body .section-28-recruteur.ebook-cta-recruteur .w-layout-grid.grid-2-columns.cta-v8 .div-block-199 h2.color-neutral-100-copy,
  html[dir="rtl"] body .cta-section.cta-v18 .color-neutral-100-copy {
    text-align: center !important;
    justify-self: center !important;
    align-self: center !important;
    place-self: center !important;
    margin-right: 0 !important;
  }

  html[dir="rtl"] body .section-28-recruteur.ebook-cta-recruteur .w-layout-grid.grid-2-columns.cta-v8 .div-block-199 .buttons-row.center-flex {
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
  }

  html[dir="rtl"] .div-block-199 .buttons-row.center-flex,
  html[dir="rtl"] .buttons-row.center-flex,
  html[dir="rtl"] .div-block-199 .buttons-row {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
  }

  html[dir="rtl"] .div-block-199 .buttons-row.center-flex a,
  html[dir="rtl"] .buttons-row.center-flex a {
    margin: 0 auto !important;
  }

  /* Reinvent recruitment section */
  html[dir="rtl"] .section-16-recruteur {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}

/* ============================================
   CONSULTANT PAGE SPECIFIC MOBILE FIXES
   ============================================ */

/* Fix 1: Team members - spaced and wrap: first 2 on row 1, third on row 2 right */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .team-members {
    justify-content: center !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
  }
  
  html[dir="rtl"] .team-member {
    justify-content: center !important;
    align-items: center !important;
    padding: 12px !important;
    display: flex !important;
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
  
  /* RTL reorder: left goes to right, center goes to left, right stays */
  html[dir="rtl"] .team-member.team-member-left {
    margin: 0 !important;
    transform: none !important;
    order: 2 !important;
  }
  
  html[dir="rtl"] .team-member.team-member-center {
    margin: 0 !important;
    transform: none !important;
    order: 1 !important;
    bottom: 0 !important;
  }
  
  html[dir="rtl"] .team-member.team-member-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 16px !important;
    transform: none !important;
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    order: 3 !important;
  }
}

/* Fix 2: Remove extra width before team section */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .team-content-left {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
  }
  
  html[dir="rtl"] .container-large-3 {
    max-width: 100% !important;
  }
}

/* Fix 3: Reverse video and text order on mobile only */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .two-column-wrap {
    display: flex;
    flex-direction: column;
  }
  
  html[dir="rtl"] .two-column-wrap .half-column.video {
    order: 2 !important;
  }
  
  html[dir="rtl"] .two-column-wrap .half-column:not(.video) {
    order: 1 !important;
  }
}

/* Fix 4: Consultant image tile - single tile only */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .div-block-43-consultant {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    max-width: 100%;
  }
}

/* Fix 5: CTA title inline text - h2 and spans should display inline and right-aligned for RTL */
@media screen and (max-width: 767px) {
  html[dir="rtl"] h2.h3-title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    text-align: right !important;
  }
  
  html[dir="rtl"] .h3-title span,
  html[dir="rtl"] h2.h3-title span {
    display: inline !important;
    white-space: normal !important;
  }
}

/* Fix 6: CTA blocks vertical stacking on mobile */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .div-block-110 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  html[dir="rtl"] .div-block-110 .div-block-112,
  html[dir="rtl"] .div-block-110 .div-block-111 {
    width: 100%;
    display: block;
  }

  /* Match FR version for image positioning at 479px */
  html[dir="rtl"] .image-128 {
    max-width: 40%;
    top: 137px;
    left: 0;
  }

  html[dir="rtl"] .image-129 {
    max-width: 40%;
    top: 68px;
    right: 0;
  }

  /* Show process lines at 479px - match FR version */
  html[dir="rtl"] .image-73 {
    display: block;
    left: -66px;
    right: auto;
  }

  html[dir="rtl"] .image-74 {
    display: block;
    right: -52px;
    left: auto;
  }
}

/* Additional mobile fixes for 479px breakpoint */
@media screen and (max-width: 479px) {
  /* Ensure video block order is maintained */
  html[dir="rtl"] .two-column-wrap .half-column.video {
    order: 2;
    margin-top: 20px;
  }
  
  /* Team members - Match French version layout */
  html[dir="rtl"] .team-member {
    height: 240px;
  }

  html[dir="rtl"] .team-member:hover {
    margin-bottom: 0;
  }

  html[dir="rtl"] .team-members {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  html[dir="rtl"] .team-member.team-member-right {
    margin-left: 0;
    margin-right: 0;
  }

  /* Reset all team member positioning for mobile */
  html[dir="rtl"] .team-member.team-member-left,
  html[dir="rtl"] .team-member.team-member-center,
  html[dir="rtl"] .team-member.team-member-right {
    margin: 0 auto !important;
    transform: none !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    padding: 10px 0 !important;
  }

  /* Center and constrain team member images to match FR version */
  html[dir="rtl"] .team-image-card {
    width: 100% !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* CTA blocks remain stacked */
  html[dir="rtl"] .div-block-110 {
    flex-direction: column;
  }
  
  /* Consultant image tile */
  html[dir="rtl"] .div-block-43-consultant {
    background-repeat: no-repeat !important;
  }
  
  /* Inline text for CTA titles */
  html[dir="rtl"] h2.h3-title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  html[dir="rtl"] .h3-title span,
  html[dir="rtl"] h2.h3-title span {
    display: inline !important;
    white-space: normal !important;
  }
}

/* ============================================
   RECRUTEUR PAGE SPECIFIC MOBILE FIXES
   ============================================ */

/* Fix h1 title size to match French version */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1 {
    font-size: 2.7rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1 span {
    font-size: 2.4rem !important;
    text-align: right !important;
    line-height: 1.25;
  }

  html[dir="rtl"] .subtitle-wrapper---brix.hero-section-v1---brix {
    margin-bottom: 0;
  }
  
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1.white-and-center span {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  /* Center subtitle wrapper for mobile */
  html[dir="rtl"] .subtitle-wrapper---consultant.hero-section-v1---brix-consultant {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

@media screen and (max-width: 479px) {
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1 {
    font-size: 2.2rem !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1.white-and-center {
    font-size: 2.2rem !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
}

/* Fix stats card text size to match French version - all same size */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .stat-card-4-cols .display-5,
  html[dir="rtl"] .stat-card-4-cols-copy .display-5,
  html[dir="rtl"] .stat-card-4-cols ._01 .display-5,
  html[dir="rtl"] .stat-card-4-cols-copy._01-copy .display-5 {
    font-size: 24px !important;
    text-align: center !important;
  }
  
  html[dir="rtl"] .stat-card-4-cols h3.heading-42,
  html[dir="rtl"] .stat-card-4-cols h3.heading-43,
  html[dir="rtl"] .stat-card-4-cols h3.heading-44,
  html[dir="rtl"] .stat-card-4-cols h3.heading-45,
  html[dir="rtl"] .stat-card-4-cols-copy h3 {
    font-size: 24px !important;
    text-align: center !important;
  }
  
  html[dir="rtl"] .text-center-7 {
    text-align: center !important;
  }
}

/* Fix testimonial quote text size to match French version */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .horizontal-quote-h4 {
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: right !important;
  }
  
  html[dir="rtl"] .author-name {
    font-size: 16px !important;
    text-align: center !important;
  }
  
  html[dir="rtl"] .author-job {
    font-size: 14px !important;
    text-align: center !important;
  }
  
  html[dir="rtl"] .horizontal-content-block {
    text-align: center !important;
  }
  
  html[dir="rtl"] .author-block {
    justify-content: flex-end !important;
    text-align: right !important;
  }
}

/* Author block right alignment for all screens */
html[dir="rtl"] .author-block {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

/* Heading-20 inline display for RTL - outside media query */
html[dir="rtl"] .heading-20 {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}

html[dir="rtl"] .heading-20 span,
html[dir="rtl"] .heading-20 .text-span-25 {
  display: inline !important;
}

/* Fix right arrow position to match left arrow vertically + hover effect */
@media screen and (max-width: 767px) {
  html[dir="rtl"] .right-arrow.w-slider-arrow-right {
    background-color: var(--secondary) !important;
    border-radius: 100px !important;
    width: 45px !important;
    height: 45px !important;
    position: absolute !important;
    top: 94% !important;
    right: 30% !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
  
  html[dir="rtl"] .right-arrow.w-slider-arrow-right:hover {
    transform: translate(2px) !important;
  }
}

/* Fix FAQ accordion titles size to match French version */
@media screen and (max-width: 767px) {
  html[dir="rtl"] h3.accordion-title-2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 479px) {
  html[dir="rtl"] h3.accordion-title-2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}

/* ============================================
   NAVBAR & FOOTER MOBILE FIXES - Mirror French Version
   ============================================ */

/* NAVBAR (matches urjobs-superb-site.webflow.css mobile rules) */
@media screen and (max-width: 991px) {
  /* Mobile menu slides from right in RTL (opposite of LTR left) */
  html[dir="rtl"] .nav-menu,
  html[dir="rtl"] .nav-menu-2 {
    background-color: var(--white) !important;
    flex-direction: column !important;
    width: 320px !important;
    inset: 0% 0% 0% auto !important;
    box-shadow: -10px 0 50px #0047ff1c !important;
  }

  html[dir="rtl"] .nav-link,
  html[dir="rtl"] .nav-link-2 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: flex !important;
    text-align: right !important;
  }

  html[dir="rtl"] .nav-dropdown {
    flex-direction: column !important;
    width: 100% !important;
  }

  html[dir="rtl"] .nav-dropdown-list,
  html[dir="rtl"] .nav-dropdown-list.w--open {
    border-style: none !important;
    flex-direction: column !important;
    width: 320px !important;
    padding: 0 20px 0 40px !important;
    display: flex !important;
    position: static !important;
  }

  html[dir="rtl"] .nav-dropdown-link {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-align: right !important;
  }

  html[dir="rtl"] .menu-button,
  html[dir="rtl"] .menu-button.w--open {
    text-align: left !important;
    flex: 1 !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
    background-color: transparent !important;
  }

  html[dir="rtl"] .close-menu-button,
  html[dir="rtl"] .close-menu-button.w--open {
    text-align: left !important;
    padding: 0 0 0 15px !important;
    background-color: transparent !important;
  }

  html[dir="rtl"] .nav-menu-wrapper {
    width: 100% !important;
  }

  /* Tablet menu header - logo and close button */
  html[dir="rtl"] .tablet-menu {
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  html[dir="rtl"] .brand-tablet {
    order: 1 !important;
  }

  html[dir="rtl"] .close-menu-button {
    order: 2 !important;
  }

  /* Menu wrap content order */
  html[dir="rtl"] .menu-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Add padding-right to menu links for AR version */
  html[dir="rtl"] .menu-wrap a,
  html[dir="rtl"] .menu-wrap .nav-link,
  html[dir="rtl"] .menu-wrap .menu-link {
    padding-right: 16px !important;
  }

  /* Language dropdown and button wrapper */
  html[dir="rtl"] .div-block-158 {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  html[dir="rtl"] .wg-dropdown-1 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  html[dir="rtl"] .rounded-button {
    justify-content: center !important;
  }
}

@media screen and (max-width: 767px) {
  /* Footer (matches French mobile stacking) - copyright centered, links below */
  html[dir="rtl"] .div-block-8 {
    flex-flow: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  html[dir="rtl"] .footer-rights-wrapper,
  html[dir="rtl"] .footer-rights-wrapper.footer-rights-wrapper-2 {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    width: 100% !important;
  }

  html[dir="rtl"] .footer-copyright,
  html[dir="rtl"] .footer-copyright-2 {
    flex: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 180% !important;
    font-size: 18px !important;
  }

  html[dir="rtl"] .footer-menu-wrap {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }

  html[dir="rtl"] .footer-menu,
  html[dir="rtl"] .footer-menu-copy,
  html[dir="rtl"] .footer-version-2-menu,
  html[dir="rtl"] .footer-menu-version-2,
  html[dir="rtl"] .footer-version-2-flex-block-4,
  html[dir="rtl"] .footer-version-2-div-block-11 {
    flex-flow: column !important;
    text-align: right !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] .footer-title,
  html[dir="rtl"] .footer-title-2,
  html[dir="rtl"] .footer-title-3 {
    text-align: right !important;
  }

  html[dir="rtl"] .footer-social-media,
  html[dir="rtl"] .footer-social-media-copy {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] .nav-link.footer-menu-link,
  html[dir="rtl"] .nav-link-consultant.footer-menu-link,
  html[dir="rtl"] .nav-link-4.footer-menu-link,
  html[dir="rtl"] .nav-link-6.footer-menu-link {
    text-align: center !important;
    width: auto !important;
  }

  html[dir="rtl"] .paragraph-large.footer-form-description,
  html[dir="rtl"] .paragraph-large-consultant.footer-form-description,
  html[dir="rtl"] .paragraph-large-0-top-margin.footer-form-description,
  html[dir="rtl"] .paragraph-large-3.footer-form-description,
  html[dir="rtl"] .paragraph-large-4.footer-form-description {
    text-align: right !important;
  }
}

@media screen and (max-width: 479px) {
  html[dir="rtl"] .navbar-fixed-recruteur,
  html[dir="rtl"] .navbar-fixed-consultant,
  html[dir="rtl"] .navbar-fixed-pricing {
    height: auto !important;
    padding-left: 20px !important;
    padding-right: 15px !important;
  }

  html[dir="rtl"] .div-block-8 {
    flex-flow: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 24px !important;
    padding-right: 20px !important;
  }

  html[dir="rtl"] .footer-rights-wrapper,
  html[dir="rtl"] .footer-rights-wrapper.footer-rights-wrapper-2 {
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  html[dir="rtl"] .footer-copyright,
  html[dir="rtl"] .footer-copyright-2 {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 180% !important;
    font-size: 18px !important;
  }

  html[dir="rtl"] .footer-menu-wrap {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }

  html[dir="rtl"] .footer-copyright-link {
    margin-right: 5px !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .nav-link.footer-menu-link {
    text-align: center !important;
    width: auto !important;
    display: inline-flex !important;
    font-size: 16px !important;
  }

  /* Footer div-block-11 - mobile responsive */
  html[dir="rtl"] .div-block-11 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 30px !important;
    padding-right: 20px !important;
  }

  html[dir="rtl"] .div-block-11 .footer-menu-copy,
  html[dir="rtl"] .div-block-11 .footer-menu {
    width: 100% !important;
    text-align: right !important;
  }

  html[dir="rtl"] .div-block-11 .flex-block-4 {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  html[dir="rtl"] .div-block-11 .paragraph-large {
    text-align: right !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  html[dir="rtl"] .div-block-11 .footer-title {
    text-align: right !important;
    margin-bottom: 15px !important;
  }

  html[dir="rtl"] .div-block-11 .div-block-12 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  html[dir="rtl"] .div-block-11 .nav-link.footer-menu-link {
    text-align: right !important;
    padding-right: 0 !important;
  }

  html[dir="rtl"] .div-block-11 .w-layout-grid.grid {
    justify-content: flex-start !important;
  }

  /* Mobile (479px) - Matches FR exactly */
  
  /* ============================================
     INDEX.HTML (LANDING PAGE) RTL MOBILE FIXES
     ============================================ */

  /* Hero section - full mobile */
  html[dir="rtl"] .hero-v5-split---brix {
    flex-direction: column !important;
    gap: 24px !important;
  }

  html[dir="rtl"] .split-content---brix.hero-v1-left---brix-copy {
    text-align: center !important;
    padding: 0 15px !important;
  }

  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1 {
    font-size: 2rem !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Hero composition - match FR exactly for mobile 479px */
  html[dir="rtl"] .hero-composition---brix-t {
    flex-flow: column !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-height: auto !important;
    padding: 30px !important;
  }

  html[dir="rtl"] .div-block-160 {
    width: auto !important;
  }

  html[dir="rtl"] .div-block-161 {
    height: 350px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    min-height: 350px !important;
    max-height: 350px !important;
    left: auto !important;
    top: auto !important;
    position: relative !important;
  }

  html[dir="rtl"] .div-block-162 {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  html[dir="rtl"] .image-136 {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  /* Consultant grid wrapper - single column */
  html[dir="rtl"] .consultant-grid-wrapper {
    grid-template-columns: 1fr !important;
  }

  html[dir="rtl"] .div-block-30-2,
  html[dir="rtl"] .div-block-31,
  html[dir="rtl"] .div-block-31-copy {
    width: 100% !important;
  }

  /* Process steps - match FR version on mobile */
  html[dir="rtl"] .process-wrapper-version-2 {
    grid-row-gap: 40px !important;
  }

  html[dir="rtl"] .process-container-1,
  html[dir="rtl"] .process-container-2,
  html[dir="rtl"] .process-container-3 {
    grid-column-gap: 0px !important;
    grid-row-gap: 30px !important;
    flex-wrap: wrap-reverse !important;
  }

  html[dir="rtl"] .process-circle-wrap-center {
    background-image: none !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    width: 100% !important;
  }

  /* Numbers wave section */
  html[dir="rtl"] .div-block-4 {
    text-align: right !important;
  }

  html[dir="rtl"] .heading-28-r-r {
    text-align: center !important;
  }

  /* CTA section mobile - match FR version at 479px */
  html[dir="rtl"] .grid-2-columns-8,
  html[dir="rtl"] .grid-2-columns-8.cta-v8 {
    grid-template-columns: 1fr !important;
    padding: 0 15px !important;
  }

  html[dir="rtl"] .half-bg-image-right.width-46.cta-v8 {
    height: 40% !important;
  }

  html[dir="rtl"] .container-default-30.z-index-1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html[dir="rtl"] .h3-title.text-white-left {
    text-align: right !important;
  }

  /* CTA text right aligned for <430px */
  @media screen and (max-width: 430px) {
    html[dir="rtl"] .grid-2-columns-8.cta-v8 .h3-title.text-white-left,
    html[dir="rtl"] .grid-2-columns-8.cta-v8 .color-neutral-303.mg-bottom-40px {
      text-align: right !important;
      justify-content: flex-start !important;
    }
  }

  /* Contact sections - match FR version for 479px */
  html[dir="rtl"] .contact-section {
    margin-top: 80px !important;
    margin-bottom: 0 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  html[dir="rtl"] .contact-section-2 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding: 80px 15px !important;
  }

  html[dir="rtl"] .div-block-22-copy {
    width: 100% !important;
    height: 45% !important;
    inset: auto 0% 0% !important;
  }

  /* Section padding */
  html[dir="rtl"] .section-39 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding: 160px 15px !important;
  }

  html[dir="rtl"] .hero-composition---brix-t {
    flex-flow: column !important;
    width: auto !important;
    height: auto !important;
  }

  /* Hero section */
  html[dir="rtl"] .hero-v5-split---recruteur-2 {
    grid-column-gap: 14px !important;
    grid-row-gap: 14px !important;
    margin-bottom: 64px !important;
  }

  html[dir="rtl"] .component-section---brix-recruteur-v1.hero-v5---brix-recruteur-v1 {
    padding: 80px 15px !important;
  }

  /* Content tabs - Match FR mobile exactly */
  html[dir="rtl"] .content-tab-image-2 {
    max-width: 100% !important;
  }

  html[dir="rtl"] .content-tabs-2 {
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Tab links - RTL direction on mobile */
  html[dir="rtl"] .content-tab-link {
    flex-direction: row !important;
    direction: rtl !important;
  }

  html[dir="rtl"] .content-tab-link-details {
    flex-direction: row !important;
    justify-content: space-between !important;
    direction: rtl !important;
  }

  html[dir="rtl"] .content-tab-link-title {
    text-align: right !important;
    direction: rtl !important;
  }

  /* Progress wrapper positioning for RTL */
  html[dir="rtl"] .content-tab-progress-wrapper-2 {
    height: 100px !important;
    order: 2 !important;
  }

  html[dir="rtl"] .content-tab-link-details {
    order: 1 !important;
  }

  html[dir="rtl"] .section-regular-3.background-light {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 80px 15px !important;
  }

  /* CTA sections */
  html[dir="rtl"] .section-28-recruteur {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }

  html[dir="rtl"] .section-28-recruteur.ebook-cta-recruteur {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* Decorative elements */
  html[dir="rtl"] .div-block-181,
  html[dir="rtl"] .div-block-182,
  html[dir="rtl"] .div-block-183 {
    display: none !important;
  }

  /* Button groups */
  html[dir="rtl"] .div-block-169-copy {
    flex-flow: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  html[dir="rtl"] .rounded-button-2-2 {
    width: 285.206px !important;
  }

  /* Automated process cards */
  html[dir="rtl"] .div-block-187 {
    grid-column-gap: 32px !important;
    grid-row-gap: 32px !important;
    flex-flow: column !important;
  }

  html[dir="rtl"] .card-2-0.testmonial-v12 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  html[dir="rtl"] .card-2-0.content-left.card-over-image {
    margin-top: -60px !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  html[dir="rtl"] .card-2-0.form {
    padding: 56px 32px !important;
  }

  html[dir="rtl"] .card-2-0.pd-64px---56px {
    padding: 58px 32px !important;
  }

  /* Tab navigation */
  html[dir="rtl"] .tabs-menu-r {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html[dir="rtl"] .grid-2-columns-r,
  html[dir="rtl"] .grid-2-columns-r.cta-v8 {
    grid-template-columns: 1fr !important;
  }

  html[dir="rtl"] .grid-2-columns-r.gap-56px-r {
    flex-flow: column !important;
  }

  html[dir="rtl"] .tabs-wrapper-r.tabs-left {
    flex-direction: column !important;
  }

  /* Reinvent recruitment section */
  html[dir="rtl"] .section-16-recruteur {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding: 160px 15px !important;
  }

  /* Additional mobile adjustments */
  html[dir="rtl"] .card-2-0.content-left {
    padding-top: 40px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html[dir="rtl"] .card-2-0.content-left.card-over-image {
    margin-top: -24px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  html[dir="rtl"] .card-2-0.form {
    padding-left: 23px !important;
    padding-right: 23px !important;
  }

  html[dir="rtl"] .card-2-0.pd-64px---56px {
    padding: 40px 24px !important;
  }

  html[dir="rtl"] .tabs-content-r.card,
  html[dir="rtl"] .tabs-content-r.card-r {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html[dir="rtl"] .grid-2-columns-r.gap-56px,
  html[dir="rtl"] .grid-2-columns-r.gap-56px-r {
    grid-row-gap: 36px !important;
  }
}

/* ============================================
   HERO LAYOUT - smaller height for hero section (< 991px)
   ============================================ */
@media screen and (max-width: 991px) {
  /* Hero section responsive height */
  html[dir="rtl"] .hero-composition---brix-t {
    height: 105vh !important;
    min-height: 400px !important;
  }

  /* Image/card */
  html[dir="rtl"] .div-block-161 {
    position: relative;
    z-index: 2;
  }

  /* Blue background that goes outside */
  html[dir="rtl"] .div-block-162 {
    position: absolute;
    top: 0;
    bottom: 0;   
    right: 0;
    left: auto;
  }
}

/* ============================================
   HERO LAYOUT - tablet range (767px - 991px) - Match FR version
   ============================================ */
@media screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .hero-composition---brix-t {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    flex-flow: row !important;
    align-items: center !important;
    padding: 30px !important;
    display: flex !important;
  }

  html[dir="rtl"] .div-block-160 {
    width: 70% !important;
    order: 1 !important;
    flex: none !important;
    padding-right: 30px !important;
  }

  html[dir="rtl"] .div-block-161 {
    width: 100% !important;
    order: 2 !important;
    margin-top: -60px !important;
    margin-bottom: -60px !important;
    position: relative !important;
    transform: none !important;
  }

  html[dir="rtl"] .div-block-162 {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
  }

  html[dir="rtl"] .image-136 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* ============================================
   TITLE CENTERING - 390px breakpoint
   ============================================ */
@media screen and (max-width: 390px) {
  
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1 span,
  html[dir="rtl"] .title---brix-recruteur-v1.hero-v1-title---brix-recruteur-v1.white-and-center span {
    text-align: center !important;
    display: inline !important;
  }
}