/* Huruf Localization Sync — Arabic-only RTL layer. English is never targeted. */
html[lang="ar-SA"], html[lang="ar-SA"] body {
  direction: rtl;
  text-align: right;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}
html[lang="ar-SA"] body,
html[lang="ar-SA"] button,
html[lang="ar-SA"] input,
html[lang="ar-SA"] textarea,
html[lang="ar-SA"] select {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}
html[lang="ar-SA"] *, html[lang="ar-SA"] *::before, html[lang="ar-SA"] *::after { box-sizing: border-box; }
html[lang="ar-SA"] body { overflow-x: clip; }
html[lang="ar-SA"] p, html[lang="ar-SA"] h1, html[lang="ar-SA"] h2, html[lang="ar-SA"] h3, html[lang="ar-SA"] h4, html[lang="ar-SA"] h5, html[lang="ar-SA"] h6 { unicode-bidi: plaintext; }
html[lang="ar-SA"] input, html[lang="ar-SA"] textarea, html[lang="ar-SA"] select { direction: rtl; text-align: right; }
html[lang="ar-SA"] input[type="email"], html[lang="ar-SA"] input[type="tel"], html[lang="ar-SA"] a[href^="tel:"], html[lang="ar-SA"] a[href^="mailto:"] { direction: ltr !important; unicode-bidi: isolate; text-align: left; }

/* Header / navigation */
html[lang="ar-SA"] .header-three .row,
html[lang="ar-SA"] .header-three [class*="header"],
html[lang="ar-SA"] .growhub-menu-wrapper,
html[lang="ar-SA"] .growhub-menu-wrapper ul { direction: rtl; }
html[lang="ar-SA"] .huruf-language-switcher > a { display:flex !important; align-items:center; gap:.45rem; white-space:nowrap; }
html[lang="ar-SA"] .header-three .menu-area ul,
html[lang="ar-SA"] .header-three .main-menu ul { text-align:right; }
html[lang="ar-SA"] .growhub-menu-wrapper { right:0; left:auto; }

/* Preserve physical grid order where Growhub/Bootstrap expects LTR mechanics, while card content remains RTL. */
html[lang="ar-SA"] .elementor-widget-growhub_process_box .row,
html[lang="ar-SA"] .elementor-widget-growhub_service_v2 .row,
html[lang="ar-SA"] .elementor-widget-growhub_icon_box .row,
html[lang="ar-SA"] .elementor-widget-growhub_brand_logo .row { direction:ltr; }
html[lang="ar-SA"] .elementor-widget-growhub_process_box [class*="col-"],
html[lang="ar-SA"] .elementor-widget-growhub_service_v2 [class*="col-"],
html[lang="ar-SA"] .elementor-widget-growhub_icon_box [class*="col-"],
html[lang="ar-SA"] .elementor-widget-growhub_brand_logo [class*="col-"] { direction:rtl; }

/* Slider engines require LTR track math in this theme. Slides themselves read RTL. */
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .slick-list,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .slick-track,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .swiper,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .swiper-wrapper,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .owl-stage-outer,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .owl-stage,
html[lang="ar-SA"] .elementor-widget-growhub_brand_logo .slick-list,
html[lang="ar-SA"] .elementor-widget-growhub_brand_logo .slick-track { direction:ltr !important; }
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .slick-slide,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .swiper-slide,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .owl-item,
html[lang="ar-SA"] .elementor-widget-growhub_brand_logo .slick-slide { direction:rtl !important; }

/* Directional icons only */
html[lang="ar-SA"] .fa-arrow-right,
html[lang="ar-SA"] .flaticon-right-arrow,
html[lang="ar-SA"] [class*="arrow-right"] { transform:scaleX(-1); }
html[lang="ar-SA"] .slick-arrow,
html[lang="ar-SA"] .swiper-button-next,
html[lang="ar-SA"] .swiper-button-prev { direction:ltr; }

/* Forms, popups, conference and company-profile UI */
html[lang="ar-SA"] .huruf-contact-form,
html[lang="ar-SA"] .huruf-profile-modal,
html[lang="ar-SA"] .huruf-profile-card,
html[lang="ar-SA"] [class*="conference"],
html[lang="ar-SA"] [class*="registration"] { direction:rtl; text-align:right; }
html[lang="ar-SA"] .huruf-form-grid { direction:rtl; }
html[lang="ar-SA"] .huruf-profile-modal button,
html[lang="ar-SA"] .huruf-contact-form input[type="submit"],
html[lang="ar-SA"] .wpcf7-submit { text-align:center; }

/* Footer */
html[lang="ar-SA"] footer,
html[lang="ar-SA"] .elementor-location-footer { direction:rtl; text-align:right; }
html[lang="ar-SA"] footer ul,
html[lang="ar-SA"] .elementor-location-footer ul { padding-right:0; padding-left:0; }
html[lang="ar-SA"] .growhub-page-links.footer-addons > ul { justify-content:flex-start !important; }

/* Breadcrumb/title remains visually centered where theme uses centered hero. */
html[lang="ar-SA"] .breadcroumb-area,
html[lang="ar-SA"] .breadcrumb-area,
html[lang="ar-SA"] .breadcroumb-title,
html[lang="ar-SA"] .breadcrumb-title { text-align:center !important; }

@media (max-width: 991px) {
  html[lang="ar-SA"] .growhub-menu-wrapper { transform-origin:right center; }
  html[lang="ar-SA"] .huruf-language-switcher > a { justify-content:flex-start; width:100%; }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] body { overflow-x:hidden; }
  html[lang="ar-SA"] .elementor-section,
  html[lang="ar-SA"] .elementor-container,
  html[lang="ar-SA"] .elementor-column,
  html[lang="ar-SA"] .elementor-widget-wrap { max-width:100%; }
  html[lang="ar-SA"] .growhub-slider-tab-button,
  html[lang="ar-SA"] [class*="slider-tab-button"] { max-width:calc(100vw - 32px); margin-inline:auto !important; }
  html[lang="ar-SA"] .wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  html[lang="ar-SA"] .wpcf7 textarea,
  html[lang="ar-SA"] .wpcf7 select { width:100%; max-width:100%; }
  html[lang="ar-SA"] .huruf-profile-modal { padding:14px; }
  html[lang="ar-SA"] .huruf-profile-card { width:min(100%, 560px); max-height:calc(100dvh - 28px); overflow:auto; }
  html[lang="ar-SA"] footer,
  html[lang="ar-SA"] .elementor-location-footer { text-align:center; }
  html[lang="ar-SA"] .growhub-page-links.footer-addons > ul { justify-content:center !important; }
}

/* Growhub GSAP SplitText is designed for Latin text. In Arabic it can split connected
   letters into isolated glyphs. Keep Arabic title text joined and naturally wrapped. */
html[lang="ar-SA"] .title-anim,
html[lang="ar-SA"] .title-anim * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  letter-spacing: normal !important;
}
html[lang="ar-SA"] .title-anim > div,
html[lang="ar-SA"] .title-anim > span,
html[lang="ar-SA"] .title-anim .word,
html[lang="ar-SA"] .title-anim [class*="word-"] {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  white-space: normal !important;
}

/* Arabic headings and CTA labels must have usable width on phones. */
@media (max-width: 767px) {
  html[lang="ar-SA"] .title-anim,
  html[lang="ar-SA"] .growhub-small-title,
  html[lang="ar-SA"] .growhub-slider-tab-stitle,
  html[lang="ar-SA"] .growhub-section-title-content,
  html[lang="ar-SA"] .growhub-slider-tab-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* v1.0.2 — Growhub Header Three precision RTL alignment. */
html[lang="ar-SA"] .header-three .header-main-wrapper,
html[lang="ar-SA"] .header-three .main-navigation {
  width: 100% !important;
}
html[lang="ar-SA"] .header-three .main-navigation {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  direction: rtl !important;
}
html[lang="ar-SA"] .header-three .site-branding {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html[lang="ar-SA"] .header-three .main-menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 28px !important;
}
html[lang="ar-SA"] .header-three .main-menu > ul {
  display: flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.7vw, 32px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[lang="ar-SA"] .header-three .main-menu > ul > li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
}
html[lang="ar-SA"] .header-three .huruf-language-switcher > a {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-transform: none !important;
  gap: 7px !important;
}
html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  direction: rtl !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
html[lang="ar-SA"] .header-three .header-3-contact-icon {
  margin-right: 0 !important;
  margin-left: 15px !important;
  flex: 0 0 45px !important;
}
html[lang="ar-SA"] .header-three .header-3-contact-info {
  text-align: right !important;
}
html[lang="ar-SA"] .header-three .contact-content,
html[lang="ar-SA"] .header-three .contact-content a,
html[lang="ar-SA"] .header-three a[href^="tel:"],
html[lang="ar-SA"] .header-three a[href^="mailto:"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  text-align: left !important;
  white-space: nowrap !important;
}
html[lang="ar-SA"] .header-three .header-top-box,
html[lang="ar-SA"] .header-three .header-top-left,
html[lang="ar-SA"] .header-three .header-top-right,
html[lang="ar-SA"] .header-three .header-top-right-info,
html[lang="ar-SA"] .header-three .header-contact-items,
html[lang="ar-SA"] .header-three .header-contact-item {
  direction: rtl !important;
}
html[lang="ar-SA"] .header-three .header-top-menu ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  direction: rtl !important;
  gap: 0 !important;
}
html[lang="ar-SA"] .header-three .header-top-menu ul li a {
  margin-left: 10px !important;
  margin-right: 0 !important;
  padding-left: 10px !important;
  padding-right: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
html[lang="ar-SA"] .header-three .header-top-menu ul li a::after {
  left: -4px !important;
  right: auto !important;
}
html[lang="ar-SA"] .header-three .header-top-menu ul li:last-child a {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Hero: keep Arabic connected, readable and aligned as one coherent block. */
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-content-wrap {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-stitle {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
  text-align: right !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: normal !important;
  line-height: 1.7 !important;
  max-width: 640px !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title p {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
  text-align: right !important;
  letter-spacing: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: 1.28 !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  direction: rtl !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button > div,
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
  margin: 0 !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 14px 28px !important;
  white-space: normal !important;
  text-align: center !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .slider-tab-menu {
  direction: rtl !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
}

@media (max-width: 1199px) {
  html[lang="ar-SA"] .header-three .main-menu { padding-inline: 16px !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul { gap: 14px !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul > li > a { font-size: 13px !important; }
}

@media (max-width: 991px) {
  html[lang="ar-SA"] .header-three .main-navigation {
    justify-content: space-between !important;
    min-height: 76px !important;
  }
  html[lang="ar-SA"] .header-three .growhub-menu-toggle {
    margin: 0 !important;
    order: 3 !important;
  }
  html[lang="ar-SA"] .header-three .site-branding { order: 1 !important; }
  html[lang="ar-SA"] .growhub-menu-wrapper,
  html[lang="ar-SA"] .growhub-menu-wrapper .main-menu,
  html[lang="ar-SA"] .growhub-menu-wrapper ul,
  html[lang="ar-SA"] .growhub-menu-wrapper li,
  html[lang="ar-SA"] .growhub-menu-wrapper a {
    direction: rtl !important;
    text-align: right !important;
  }
  html[lang="ar-SA"] .growhub-menu-wrapper .huruf-language-switcher a {
    direction: ltr !important;
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.3 !important;
    margin-top: 18px !important;
    margin-bottom: 30px !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-stitle {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
    width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button > div,
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
    width: 100% !important;
  }
}

/* ==============================================================
   v1.0.4 — Homepage precision pass
   Keep the English page geometry; localize typography/text flow only.
   ============================================================== */

/* Saudi Arabic typography: slightly roomier than Latin Growhub defaults. */
html[lang="ar-SA"] body {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-weight: 400;
  line-height: 1.75;
}
html[lang="ar-SA"] h1,
html[lang="ar-SA"] h2,
html[lang="ar-SA"] h3,
html[lang="ar-SA"] h4,
html[lang="ar-SA"] h5,
html[lang="ar-SA"] h6,
html[lang="ar-SA"] .growhub-title,
html[lang="ar-SA"] .progress-box-title,
html[lang="ar-SA"] .growhub-serive-v2-title,
html[lang="ar-SA"] .growhub-slider-tab-title {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  line-height: 1.38 !important;
}
html[lang="ar-SA"] p,
html[lang="ar-SA"] li,
html[lang="ar-SA"] .growhub-about-description,
html[lang="ar-SA"] .progress-box-dec,
html[lang="ar-SA"] .growhub-serive-v2-dec {
  font-size: 16px;
  line-height: 1.9 !important;
  letter-spacing: 0 !important;
}

/* Header: logo stays right, navigation centered, phone block left — same geometry as English. */
html[lang="ar-SA"] .header-three .main-navigation {
  direction: rtl !important;
  flex-wrap: nowrap !important;
  column-gap: 18px !important;
}
html[lang="ar-SA"] .header-three .site-branding { order: 1 !important; }
html[lang="ar-SA"] .header-three .main-menu { order: 2 !important; }
html[lang="ar-SA"] .header-three .header-three-contact-wrapper { order: 3 !important; }
html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}
html[lang="ar-SA"] .header-three .header-top-box,
html[lang="ar-SA"] .header-three .header-contact-items,
html[lang="ar-SA"] .header-three .header-contact-item,
html[lang="ar-SA"] .header-three .header-top-right-info,
html[lang="ar-SA"] .header-three .header-social-info {
  align-items: center !important;
}
html[lang="ar-SA"] .header-three .header-contact-item {
  display: inline-flex !important;
  gap: 9px !important;
  white-space: nowrap !important;
}
html[lang="ar-SA"] .header-three .header-contact-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html[lang="ar-SA"] .header-three .header-contact-content,
html[lang="ar-SA"] .header-three .header-contact-content a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 1.35 !important;
}
html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
  gap: 12px !important;
}
html[lang="ar-SA"] .header-three .header-3-contact-icon {
  margin: 0 !important;
  flex: 0 0 48px !important;
}
html[lang="ar-SA"] .header-three .header-3-contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
html[lang="ar-SA"] .header-three .contact-content,
html[lang="ar-SA"] .header-three .contact-content a {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
html[lang="ar-SA"] .header-three .huruf-language-switcher > a {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Hero: retain Growhub's physical placement but make the Arabic copy a clean block. */
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-content-wrap {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-stitle {
  direction: rtl !important;
  text-align: right !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
  direction: rtl !important;
  text-align: right !important;
  font-size: clamp(44px, 4vw, 68px) !important;
  line-height: 1.25 !important;
  max-width: 620px !important;
  white-space: normal !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title p {
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  direction: rtl !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  min-width: 142px;
  text-align: center !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .carousel-indicators {
  direction: rtl !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .carousel-indicators .slider-tab-menu {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

/* Focus/mission cards keep the English physical 01 → 02 → 03 order. */
html[lang="ar-SA"] .progress-box-items {
  direction: ltr !important;
}
html[lang="ar-SA"] .progress-box-items > [class*="col-"] {
  direction: rtl !important;
}
html[lang="ar-SA"] .progress-box-item {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .progress-box-title { font-size: 19px !important; }
html[lang="ar-SA"] .progress-box-dec { text-align: right !important; }

/* About block: English column geometry, Arabic text; ticks remain on LEFT of each bullet. */
html[lang="ar-SA"] .growhub-about-wrapper,
html[lang="ar-SA"] .growhub-about-content {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul {
  margin: 0 !important;
  padding: 0 !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul li {
  display: flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  text-align: right !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul li .icon {
  order: 1 !important;
  flex: 0 0 auto !important;
  margin: .24em 0 0 0 !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul li > :not(.icon),
html[lang="ar-SA"] .growhub-about-dec-list ul li p,
html[lang="ar-SA"] .growhub-about-dec-list ul li span {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .about-author-wrapper {
  direction: ltr !important;
  align-items: center !important;
}
html[lang="ar-SA"] .about-author-info,
html[lang="ar-SA"] .about-author-number {
  direction: rtl !important;
}
html[lang="ar-SA"] .about-number-label { text-align: right !important; }
html[lang="ar-SA"] .about-number { direction: ltr !important; unicode-bidi: isolate !important; }

/* Services: preserve English card order; Arabic text remains RTL and buttons keep the English left edge. */
html[lang="ar-SA"] .growhub-service-v2-items {
  direction: ltr !important;
}
html[lang="ar-SA"] .growhub-service-v2-items > [class*="col-"] {
  direction: rtl !important;
}
html[lang="ar-SA"] .growhub-service-v2-item,
html[lang="ar-SA"] .growhub-service-v2-contents {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .growhub-serive-v2-title {
  font-size: 25px !important;
  line-height: 1.45 !important;
}
html[lang="ar-SA"] .growhub-serive-v2-dec {
  text-align: right !important;
}
html[lang="ar-SA"] .growhub-serive-v2-button {
  direction: ltr !important;
  text-align: left !important;
  display: flex !important;
  justify-content: flex-start !important;
}
html[lang="ar-SA"] .growhub-serive-v2-button .theme-btns {
  direction: rtl !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Why choose us / icon-box copy. */
html[lang="ar-SA"] .elementor-widget-growhub_icon_box .row { direction: ltr !important; }
html[lang="ar-SA"] .elementor-widget-growhub_icon_box [class*="col-"] { direction: rtl !important; }
html[lang="ar-SA"] .elementor-widget-growhub_icon_box [class*="content"],
html[lang="ar-SA"] .elementor-widget-growhub_icon_box h1,
html[lang="ar-SA"] .elementor-widget-growhub_icon_box h2,
html[lang="ar-SA"] .elementor-widget-growhub_icon_box h3,
html[lang="ar-SA"] .elementor-widget-growhub_icon_box p {
  direction: rtl !important;
  text-align: right !important;
}

/* Homepage meeting banner: keep English physical composition. */
html[lang="ar-SA"] .elementor-widget-button .elementor-button,
html[lang="ar-SA"] .theme-btns {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Footer: physical columns stay in the same order as English; each column itself is RTL. */
html[lang="ar-SA"] footer .elementor-section:not(:last-child) > .elementor-container,
html[lang="ar-SA"] .elementor-location-footer .elementor-section:not(:last-child) > .elementor-container {
  direction: ltr !important;
}
html[lang="ar-SA"] footer .elementor-section:not(:last-child) > .elementor-container > .elementor-column,
html[lang="ar-SA"] .elementor-location-footer .elementor-section:not(:last-child) > .elementor-container > .elementor-column {
  direction: rtl !important;
}
html[lang="ar-SA"] footer .footer-addons,
html[lang="ar-SA"] footer .growhub-contact-info-wrapper,
html[lang="ar-SA"] footer .growhub-page-links,
html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] footer .footer-addons > h1,
html[lang="ar-SA"] footer .footer-addons > h2,
html[lang="ar-SA"] footer .footer-addons > h3,
html[lang="ar-SA"] footer .footer-addons > h4,
html[lang="ar-SA"] footer .footer-addons > h5,
html[lang="ar-SA"] footer .footer-addons > h6,
html[lang="ar-SA"] footer .footer-addons .title,
html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe h1,
html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe h2,
html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe h3,
html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe h4 {
  font-size: 20px !important;
  line-height: 1.45 !important;
  margin-bottom: 16px !important;
}
html[lang="ar-SA"] footer .growhub-page-links ul,
html[lang="ar-SA"] footer .growhub-contact-info ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 9px !important;
  width: 100% !important;
}
html[lang="ar-SA"] footer .growhub-page-links ul li,
html[lang="ar-SA"] footer .growhub-contact-info ul li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}
html[lang="ar-SA"] footer .growhub-page-links ul li a,
html[lang="ar-SA"] footer .growhub-contact-info ul li,
html[lang="ar-SA"] footer .growhub-contact-info ul li a {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  text-align: right !important;
}
html[lang="ar-SA"] footer a[href^="tel:"],
html[lang="ar-SA"] footer a[href^="mailto:"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  text-align: left !important;
}
html[lang="ar-SA"] footer .elementor-widget-heading,
html[lang="ar-SA"] footer .elementor-widget-text-editor {
  text-align: center;
}
html[lang="ar-SA"] footer .elementor-widget-heading .elementor-heading-title {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  line-height: 1.45 !important;
}
html[lang="ar-SA"] footer .growhub-copyright-wrapper,
html[lang="ar-SA"] footer .growhub-copyright,
html[lang="ar-SA"] footer .copyright-text {
  direction: rtl !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 1199px) {
  html[lang="ar-SA"] .header-three .main-menu { padding-inline: 12px !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul { gap: 13px !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul > li > a { font-size: 14px !important; }
  html[lang="ar-SA"] .header-three .contact-content,
  html[lang="ar-SA"] .header-three .contact-content a { font-size: 16px !important; }
}

@media (max-width: 991px) {
  html[lang="ar-SA"] .header-three .site-branding { order: 1 !important; }
  html[lang="ar-SA"] .header-three .growhub-menu-toggle { order: 3 !important; }
  html[lang="ar-SA"] .growhub-menu-wrapper .main-menu > ul > li > a {
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    padding-block: 10px !important;
  }
  html[lang="ar-SA"] footer .elementor-section:not(:last-child) > .elementor-container,
  html[lang="ar-SA"] .elementor-location-footer .elementor-section:not(:last-child) > .elementor-container {
    direction: rtl !important;
  }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] p,
  html[lang="ar-SA"] li,
  html[lang="ar-SA"] .growhub-about-description,
  html[lang="ar-SA"] .progress-box-dec,
  html[lang="ar-SA"] .growhub-serive-v2-dec {
    font-size: 15.5px !important;
    line-height: 1.85 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
    font-size: clamp(34px, 9.5vw, 46px) !important;
    line-height: 1.32 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
    align-items: stretch !important;
    justify-content: flex-start !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
    width: 100% !important;
    max-width: 270px !important;
  }
  html[lang="ar-SA"] .growhub-about-dec-list ul li { gap: 9px !important; }
  html[lang="ar-SA"] footer,
  html[lang="ar-SA"] footer .footer-addons,
  html[lang="ar-SA"] footer .growhub-contact-info-wrapper,
  html[lang="ar-SA"] footer .growhub-page-links,
  html[lang="ar-SA"] footer .elementor-widget-growhub_subscribe {
    text-align: center !important;
  }
  html[lang="ar-SA"] footer .growhub-page-links ul,
  html[lang="ar-SA"] footer .growhub-contact-info ul {
    align-items: center !important;
  }
  html[lang="ar-SA"] footer .growhub-page-links ul li a,
  html[lang="ar-SA"] footer .growhub-contact-info ul li,
  html[lang="ar-SA"] footer .growhub-contact-info ul li a {
    text-align: center !important;
  }
}


/* ==============================================================
   v1.0.5 — Exact Growhub footer geometry repair
   Elementor footer template 6757 / inner section 1058a8e2.
   Keep the English desktop geometry and localize only text flow.
   ============================================================== */
@media (min-width: 992px) {
  /* Stop inherited RTL from reversing Elementor's four footer columns. */
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.15fr !important;
    column-gap: clamp(42px, 5vw, 90px) !important;
    align-items: start !important;
    direction: ltr !important;
    width: min(100%, 1380px) !important;
    margin-inline: auto !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container > .elementor-column {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    padding-inline: 0 !important;
    margin: 0 !important;
    direction: rtl !important;
  }
  /* Explicit DOM order = same physical order as the English footer. */
  html[lang="ar-SA"] .elementor-element-34ae2d06 { grid-column: 1 !important; }
  html[lang="ar-SA"] .elementor-element-6b0cc4ad { grid-column: 2 !important; }
  html[lang="ar-SA"] .elementor-element-6e6b2594 { grid-column: 3 !important; }
  html[lang="ar-SA"] .elementor-element-7735da51 { grid-column: 4 !important; }

  html[lang="ar-SA"] .elementor-element-1058a8e2 .footer-addons,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-subscribe-wrapper,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-contact-info-wrapper,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-link-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: right !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .widget-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .widget-title span {
    display: inline-block !important;
    white-space: nowrap !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-links ul,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-links ul li,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-links ul li a,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content p,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content a,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .sort-dec {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
    text-align: right !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 a[href^="tel:"] {
    display: inline-block !important;
    width: auto !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
  /* Profile copy must never collide with the Contact column. */
  html[lang="ar-SA"] .elementor-element-7735da51 .growhub-subscribe-box {
    padding-inline: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-7735da51 .sort-dec {
    max-width: 290px !important;
  }

  /* Bottom copyright/legal row: exactly two non-overlapping halves. */
  html[lang="ar-SA"] .elementor-element-81c6a0b > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    gap: 30px !important;
    direction: ltr !important;
    width: min(100%, 1380px) !important;
    margin-inline: auto !important;
  }
  html[lang="ar-SA"] .elementor-element-81c6a0b > .elementor-container > .elementor-column {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
  }
  html[lang="ar-SA"] .elementor-element-1f52fd1c { grid-column: 1 !important; }
  html[lang="ar-SA"] .elementor-element-4e7460df { grid-column: 2 !important; }
  html[lang="ar-SA"] .elementor-element-25e4e86f,
  html[lang="ar-SA"] .elementor-element-25e4e86f * {
    text-align: left !important;
  }
  html[lang="ar-SA"] .elementor-element-7624f11c .growhub-page-links > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 !important;
    direction: rtl !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-7624f11c .growhub-page-links > ul > li {
    display: inline-flex !important;
    width: auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-7624f11c .growhub-page-links > ul > li + li::before {
    content: "|";
    display: inline-block;
    margin-inline: 14px;
    opacity: .45;
    color: #fff;
  }
  html[lang="ar-SA"] .elementor-element-7624f11c .growhub-page-links > ul > li > a {
    line-height: 1.6 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 38px 44px !important;
    direction: ltr !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container > .elementor-column {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    direction: rtl !important;
  }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    direction: rtl !important;
    padding-inline: 24px !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 > .elementor-container > .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .footer-addons,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .widget-title,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-links ul li a,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content p,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-content a,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .sort-dec {
    text-align: right !important;
  }
  html[lang="ar-SA"] .elementor-element-1058a8e2 .growhub-page-links ul,
  html[lang="ar-SA"] .elementor-element-1058a8e2 .contact-info-items {
    align-items: stretch !important;
  }
  html[lang="ar-SA"] .elementor-element-81c6a0b > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding-inline: 20px !important;
  }
  html[lang="ar-SA"] .elementor-element-25e4e86f,
  html[lang="ar-SA"] .elementor-element-25e4e86f *,
  html[lang="ar-SA"] .elementor-element-7624f11c,
  html[lang="ar-SA"] .elementor-element-7624f11c * {
    text-align: center !important;
  }
  html[lang="ar-SA"] .elementor-element-7624f11c .growhub-page-links > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 18px !important;
  }
}

/* =========================================================
   v1.0.6 — HOMEPAGE / HEADER precision pass
   Goal: preserve the proven English physical composition while
   rendering clean Saudi Arabic inside each component.
   ========================================================= */

/* Header top strip: readable contacts with a real separator. */
html[lang="ar-SA"] .header-three .header-top-left .header-contact-items {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  direction: rtl !important;
  gap: 0 !important;
}
html[lang="ar-SA"] .header-three .header-top-left .header-contact-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-inline: 14px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
html[lang="ar-SA"] .header-three .header-top-left .header-contact-item:first-child {
  padding-inline-start: 0 !important;
}
html[lang="ar-SA"] .header-three .header-top-left .header-contact-item + .header-contact-item::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 50% !important;
  width: 1px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  background: rgba(255,255,255,.34) !important;
}
html[lang="ar-SA"] .header-three .header-top-left .header-contact-icon {
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html[lang="ar-SA"] .header-three .header-top-left .header-contact-content,
html[lang="ar-SA"] .header-three .header-top-left .header-contact-content a {
  margin: 0 !important;
  line-height: 1.45 !important;
}
html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
  font-size: 16.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

/* Desktop hero: never mirror the English geometry. Content remains in the
   same physical half as English; only the copy itself becomes RTL. */
@media (min-width: 992px) {
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-box-inner {
    direction: ltr !important;
    flex-direction: row !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-content-wrap {
    width: 50% !important;
    direction: rtl !important;
    text-align: right !important;
    padding-inline-end: 44px !important;
    padding-inline-start: 0 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-stitle,
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
    text-align: right !important;
    margin-inline: 0 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-title {
    max-width: 560px !important;
    font-size: clamp(48px, 3.55vw, 64px) !important;
    line-height: 1.28 !important;
    margin-top: 22px !important;
    margin-bottom: 42px !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
    width: 100% !important;
    direction: ltr !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 18px !important;
    text-align: left !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button > div,
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
    direction: rtl !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-button-two a {
    margin-left: 30px !important;
    margin-right: 0 !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .carousel-indicators {
    direction: ltr !important;
  }
}

/* Arabic title animation output must remain one shaped line/block rather than
   per-letter SplitText fragments. */
html[lang="ar-SA"] .growhub-slider-tab-stitle,
html[lang="ar-SA"] .growhub-slider-tab-title,
html[lang="ar-SA"] .animated-text-v2,
html[lang="ar-SA"] .title-anim {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  text-transform: none !important;
}

/* About/approach: create an intentional breathing gap at the image edge. */
html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-about-content,
html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-about-wrapper {
  box-sizing: border-box !important;
}
@media (min-width: 992px) {
  html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-about-content {
    padding-inline-end: 38px !important;
  }
}
html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-title {
  margin-bottom: 28px !important;
  line-height: 1.35 !important;
}
html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-about-description,
html[lang="ar-SA"] .elementor-widget-growhub_about_us .growhub-about-description p {
  text-align: right !important;
  direction: rtl !important;
  line-height: 1.95 !important;
}

/* Checklist: tick is physically LEFT of the Arabic sentence with a stable gap. */
html[lang="ar-SA"] .growhub-about-dec-list ul li {
  display: flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul li .icon {
  order: 0 !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  margin: 5px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html[lang="ar-SA"] .growhub-about-dec-list ul li > p,
html[lang="ar-SA"] .growhub-about-dec-list ul li > span,
html[lang="ar-SA"] .growhub-about-dec-list ul li > :not(.icon) {
  order: 1 !important;
  direction: rtl !important;
  text-align: right !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.8 !important;
}

/* Author/contact strip: preserve the English left/right division and keep the
   separator in the middle. Arabic labels are RTL; phone is isolated LTR. */
html[lang="ar-SA"] .about-author-wrapper {
  display: flex !important;
  direction: ltr !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}
html[lang="ar-SA"] .about-author-wrapper .about-author-info,
html[lang="ar-SA"] .about-author-wrapper .about-author-number {
  width: calc(50% - 10px) !important;
  min-width: 0 !important;
}
html[lang="ar-SA"] .about-author-wrapper .about-author-info {
  direction: rtl !important;
  justify-content: flex-end !important;
  text-align: right !important;
}
html[lang="ar-SA"] .about-author-wrapper .about-author-number {
  direction: rtl !important;
  justify-content: flex-start !important;
  text-align: right !important;
}
html[lang="ar-SA"] .about-author-wrapper .about-number {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

/* Services: Arabic paragraph is right aligned, CTA remains on the same physical
   left edge as English. */
html[lang="ar-SA"] .growhub-service-v2-contents,
html[lang="ar-SA"] .growhub-service-v2-contents p,
html[lang="ar-SA"] .growhub-serive-v2-dec,
html[lang="ar-SA"] .growhub-serive-v2-dec p {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .growhub-serive-v2-button {
  display: flex !important;
  direction: ltr !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

/* Mobile header: only hamburger + logo. Remove desktop contact label/number and
   the top strip completely, as requested. */
@media (max-width: 991px) {
  html[lang="ar-SA"] .header-three .header-top-wrapper,
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
    display: none !important;
  }
  html[lang="ar-SA"] .header-three .main-navigation {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 78px !important;
    gap: 16px !important;
  }
  html[lang="ar-SA"] .header-three .site-branding {
    order: 1 !important;
    margin: 0 !important;
  }
  html[lang="ar-SA"] .header-three .growhub-menu-toggle {
    order: 2 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  html[lang="ar-SA"] .header-three .site-branding img {
    max-width: 150px !important;
    height: auto !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-box-inner {
    direction: ltr !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-content-wrap {
    direction: rtl !important;
    text-align: right !important;
    width: 100% !important;
    padding-inline: 22px !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button {
    direction: ltr !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button > div,
  html[lang="ar-SA"] .elementor-widget-growhub_slider_tab .growhub-slider-tab-button a {
    direction: rtl !important;
  }
  html[lang="ar-SA"] .growhub-about-dec-list ul li {
    gap: 10px !important;
  }
  html[lang="ar-SA"] .about-author-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html[lang="ar-SA"] .about-author-wrapper .about-author-info,
  html[lang="ar-SA"] .about-author-wrapper .about-author-number {
    width: 100% !important;
  }
}

/* =========================================================
   v1.0.7 — EXACT CURRENT FOOTER TEMPLATE REPAIR
   Based on live Growhub Footer HTML supplied by the site:
   main links section data-id="22aa069e"
   columns: 71cd1529 / 6460f491 / 6c254414 / 7f552088
   bottom row data-id="25fed6eb"
   columns: 556b974b / 4e56df96
   Preserve the English physical geometry; localize content only.
   ========================================================= */

/* Brand block above the columns: keep it centered like English. */
html[lang="ar-SA"] .elementor-element-hurufbrandfooter,
html[lang="ar-SA"] .elementor-element-hurufbrandfooter > .elementor-container,
html[lang="ar-SA"] .elementor-element-hurufbrandcol,
html[lang="ar-SA"] .elementor-element-hurufbrandcol > .elementor-widget-wrap {
  direction: rtl !important;
  text-align: center !important;
}
html[lang="ar-SA"] .elementor-element-huruffooterlogo,
html[lang="ar-SA"] .elementor-element-huruffootertagline,
html[lang="ar-SA"] .elementor-element-huruffooterdesc {
  width: 100% !important;
  text-align: center !important;
}
html[lang="ar-SA"] .elementor-element-huruffootertagline .elementor-heading-title,
html[lang="ar-SA"] .elementor-element-huruffooterdesc,
html[lang="ar-SA"] .elementor-element-huruffooterdesc p {
  text-align: center !important;
  margin-inline: auto !important;
}

@media (min-width: 992px) {
  /* EXACT current 4-column footer row. */
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: clamp(42px, 4.25vw, 82px) !important;
    align-items: start !important;
    direction: ltr !important;
    width: min(100%, 1380px) !important;
    margin-inline: auto !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container > .elementor-column {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
  }

  /* Same physical left-to-right order as English DOM. */
  html[lang="ar-SA"] .elementor-element-71cd1529 { grid-column: 1 !important; }
  html[lang="ar-SA"] .elementor-element-6460f491 { grid-column: 2 !important; }
  html[lang="ar-SA"] .elementor-element-6c254414 { grid-column: 3 !important; }
  html[lang="ar-SA"] .elementor-element-7f552088 { grid-column: 4 !important; }

  html[lang="ar-SA"] .elementor-element-22aa069e .elementor-widget-wrap,
  html[lang="ar-SA"] .elementor-element-22aa069e .elementor-widget-container,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-link-wrapper,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-links,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-contact-info-wrapper,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-contact-info,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-subscribe-wrapper,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-subscribe-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html[lang="ar-SA"] .elementor-element-22aa069e .widget-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e .widget-title span {
    display: inline !important;
    white-space: normal !important;
  }

  /* Page links and contact/service lists: one clean vertical rhythm. */
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-links > ul,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-links > ul > li,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-links > ul > li > a,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-content,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-content a,
  html[lang="ar-SA"] .elementor-element-22aa069e .sort-dec {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
  html[lang="ar-SA"] .elementor-element-6c254414 a[href^="tel:"] {
    display: inline-block !important;
    width: auto !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  /* Company Profile column and CTA: same visual hierarchy / button shape as English. */
  html[lang="ar-SA"] .elementor-element-7f552088 .sort-dec {
    max-width: 320px !important;
    margin-bottom: 20px !important;
  }
  html[lang="ar-SA"] .elementor-element-7f552088 .growhub-subscribe-item:empty {
    display: none !important;
  }
  html[lang="ar-SA"] #huruf-profile-download-btn.huruf-footer-profile-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 18px 0 0 auto !important;
    padding: 13px 22px !important;
    border-radius: 999px !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    direction: rtl !important;
    text-align: center !important;
    cursor: pointer !important;
  }
  html[lang="ar-SA"] #huruf-profile-download-btn.huruf-footer-profile-btn > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* EXACT current copyright/legal section. */
  html[lang="ar-SA"] .elementor-element-25fed6eb > .elementor-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 32px !important;
    direction: ltr !important;
    width: min(100%, 1380px) !important;
    margin-inline: auto !important;
  }
  html[lang="ar-SA"] .elementor-element-25fed6eb > .elementor-container > .elementor-column {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }
  html[lang="ar-SA"] .elementor-element-556b974b { grid-column: 1 !important; }
  html[lang="ar-SA"] .elementor-element-4e56df96 { grid-column: 2 !important; }
  html[lang="ar-SA"] .elementor-element-556b974b .growhub-copyright-box {
    direction: rtl !important;
    text-align: left !important;
    white-space: normal !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    line-height: 1.7 !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 !important;
    direction: rtl !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul > li {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul > li + li::before {
    content: "|";
    display: inline-block !important;
    margin-inline: 14px !important;
    opacity: .48 !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul > li > a {
    width: auto !important;
    white-space: nowrap !important;
    text-align: right !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    line-height: 1.7 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 40px !important;
    direction: ltr !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container > .elementor-column {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] #huruf-profile-download-btn.huruf-footer-profile-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 50px !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-25fed6eb > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
    direction: ltr !important;
  }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    direction: ltr !important;
    padding-inline: 22px !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e > .elementor-container > .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] .elementor-element-22aa069e .widget-title,
  html[lang="ar-SA"] .elementor-element-22aa069e .growhub-page-links > ul > li > a,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-content,
  html[lang="ar-SA"] .elementor-element-22aa069e .contact-info-content a,
  html[lang="ar-SA"] .elementor-element-22aa069e .sort-dec {
    text-align: right !important;
  }
  html[lang="ar-SA"] #huruf-profile-download-btn.huruf-footer-profile-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 50px !important;
    margin: 16px 0 0 auto !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-25fed6eb > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    direction: rtl !important;
    padding-inline: 20px !important;
  }
  html[lang="ar-SA"] .elementor-element-556b974b .growhub-copyright-box,
  html[lang="ar-SA"] .elementor-element-4e56df96,
  html[lang="ar-SA"] .elementor-element-4e56df96 * {
    text-align: center !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-4e56df96 .growhub-page-links > ul > li + li::before {
    content: none !important;
  }
}

/* =========================================================
   v1.0.8 — FINAL HOME / HEADER / FOOTER COMPOSITION PASS
   Exact live Elementor IDs supplied from /main/ar/.
   Principle: preserve English physical geometry with LTR mechanics,
   while every Arabic text block remains genuine RTL.
   ========================================================= */

/* Global Arabic homepage typography — IBM Plex Sans Arabic only. */
html[lang="ar-SA"] body.home .growhub-template-home,
html[lang="ar-SA"] body.home .growhub-template-home *:not(i):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class*="flaticon"]):not([class*="topppa-icons"]) {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}
html[lang="ar-SA"] body.home .growhub-template-home p,
html[lang="ar-SA"] body.home .growhub-template-home [class*="-dec"],
html[lang="ar-SA"] body.home .growhub-template-home [class*="description"] {
  font-size: 16px !important;
  line-height: 1.9 !important;
  letter-spacing: 0 !important;
}

/* ---------------- HEADER ---------------- */
@media (min-width: 992px) {
  html[lang="ar-SA"] .header-three .header-top-box {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  html[lang="ar-SA"] .header-three .header-top-left,
  html[lang="ar-SA"] .header-three .header-top-right {
    direction: rtl !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-items {
    display: inline-flex !important;
    align-items: center !important;
    direction: ltr !important;
    gap: 0 !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 30px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 0 !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item + .header-contact-item {
    border-left: 1px solid rgba(255,255,255,.28) !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item + .header-contact-item::before { display:none !important; }
  html[lang="ar-SA"] .header-three .header-contact-item .header-contact-icon {
    margin: 0 !important;
    width: auto !important;
    min-width: 16px !important;
    line-height: 1 !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item .header-contact-content-box,
  html[lang="ar-SA"] .header-three .header-contact-item .header-contact-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] .header-three .header-main-wrapper .main-navigation {
    direction: ltr !important; /* logo/menu/phone keep the same physical positions as English */
  }
  html[lang="ar-SA"] .header-three .site-branding { order:1 !important; }
  html[lang="ar-SA"] .header-three .main-menu { order:2 !important; }
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper { order:3 !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul {
    direction: rtl !important;
    gap: clamp(20px,1.55vw,30px) !important;
  }
  html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
    direction: ltr !important;
    gap: 14px !important;
  }
  html[lang="ar-SA"] .header-three .header-3-contact-icon { margin:0 !important; }
  html[lang="ar-SA"] .header-three .header-3-contact-info { direction:rtl !important; text-align:right !important; }
}

/* Mobile header = logo + hamburger only. */
@media (max-width: 991px) {
  html[lang="ar-SA"] .header-three .header-top-wrapper,
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper { display:none !important; }
  html[lang="ar-SA"] .header-three .main-navigation {
    direction:ltr !important;
    min-height:76px !important;
    padding-inline:14px !important;
  }
  html[lang="ar-SA"] .header-three .site-branding { order:2 !important; margin-left:auto !important; }
  html[lang="ar-SA"] .header-three .growhub-menu-toggle { order:1 !important; margin:0 !important; }
  html[lang="ar-SA"] .header-three .site-branding img { width:auto !important; max-width:145px !important; max-height:58px !important; }
}

/* ---------------- HERO ---------------- */
@media (min-width: 992px) {
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-box-inner {
    direction:ltr !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-content-wrap {
    direction:rtl !important;
    text-align:right !important;
    width:54% !important;
    max-width:760px !important;
    padding:0 0 0 0 !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-stitle {
    max-width:610px !important;
    margin:0 0 18px auto !important;
    text-align:right !important;
    font-size:15px !important;
    line-height:1.7 !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-title {
    width:610px !important;
    max-width:100% !important;
    margin:0 0 34px auto !important;
    font-size:54px !important;
    font-weight:500 !important;
    line-height:1.24 !important;
    text-align:right !important;
    text-wrap:balance !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-button {
    width:610px !important;
    max-width:100% !important;
    margin:0 0 0 auto !important;
    display:flex !important;
    flex-direction:row !important;
    direction:ltr !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:16px !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-button > div { margin:0 !important; }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-button a {
    direction:rtl !important;
    min-width:150px !important;
    min-height:56px !important;
    padding:13px 24px !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    border-radius:999px !important;
  }
}
@media (max-width: 991px) {
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-title {
    width:min(100%,520px) !important;
    margin:0 0 26px auto !important;
    font-size:clamp(38px,7.7vw,52px) !important;
    line-height:1.26 !important;
    text-wrap:balance !important;
  }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-stitle { margin-bottom:14px !important; }
  html[lang="ar-SA"] .elementor-element-1e0fd24f .growhub-slider-tab-button {
    direction:ltr !important;
    justify-content:flex-start !important;
    margin-inline:0 auto !important;
  }
}

/* ---------------- SECTION HEADINGS / GOALS ---------------- */
html[lang="ar-SA"] .elementor-element-huruffocus01,
html[lang="ar-SA"] .elementor-element-5d25131e,
html[lang="ar-SA"] .elementor-element-7b8ba5bc {
  padding-top:78px !important;
  padding-bottom:34px !important;
}
html[lang="ar-SA"] .elementor-element-huruffocus01 .growhub-section-title,
html[lang="ar-SA"] .elementor-element-1273fee8 .growhub-section-title,
html[lang="ar-SA"] .elementor-element-4e861220 .growhub-section-title {
  text-align:center !important;
  font-size:42px !important;
  line-height:1.35 !important;
  margin:0 !important;
}
html[lang="ar-SA"] .elementor-element-183fa2f0 .progress-box-item {
  direction:rtl !important;
  text-align:right !important;
  padding:42px 38px 38px !important;
}
html[lang="ar-SA"] .elementor-element-183fa2f0 .progress-box-title { font-size:18px !important; line-height:1.5 !important; }
html[lang="ar-SA"] .elementor-element-183fa2f0 .progress-box-dec { font-size:16px !important; line-height:1.9 !important; }

/* ---------------- ABOUT / APPROACH ---------------- */
@media (min-width: 992px) {
  html[lang="ar-SA"] .elementor-element-6d6dd154 > .elementor-container {
    direction:ltr !important; /* same physical image/content composition as English */
    align-items:center !important;
  }
  html[lang="ar-SA"] .elementor-element-6d6dd154 .elementor-element-4aaf6f17 { direction:ltr !important; }
  html[lang="ar-SA"] .elementor-element-6d6dd154 .elementor-element-3e52609f { direction:rtl !important; }
  html[lang="ar-SA"] .elementor-element-3e52609f > .elementor-widget-wrap {
    padding-inline:56px 36px !important;
  }
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-content {
  direction:rtl !important;
  text-align:right !important;
  padding:0 !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-small-title {
  display:block !important;
  margin-bottom:10px !important;
  text-align:right !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-title {
  margin:0 0 26px !important;
  text-align:right !important;
  font-size:48px !important;
  line-height:1.3 !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-description {
  max-width:650px !important;
  margin:0 0 26px auto !important;
  text-align:right !important;
  line-height:1.95 !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list {
  margin-top:20px !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list ul {
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list ul li {
  width:100% !important;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:start !important;
  direction:ltr !important;
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1.75 !important;
  text-align:right !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list ul li .icon {
  grid-column:1 !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  margin:3px 0 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:17px !important;
  line-height:1 !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list ul li .icon + * { grid-column:2 !important; }
html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-about-dec-list ul li {
  unicode-bidi:plaintext !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-wrapper {
  margin-top:34px !important;
  padding:12px 16px !important;
  min-height:96px !important;
  border-radius:14px !important;
  direction:ltr !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:18px !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-wrapper::before {
  content:"" !important;
  grid-column:2 !important;
  width:1px !important;
  height:58px !important;
  background:#e4e7ed !important;
  justify-self:center !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-info {
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  direction:ltr !important;
  justify-content:flex-start !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-content {
  direction:rtl !important;
  text-align:right !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-number {
  grid-column:3 !important;
  grid-row:1 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  direction:rtl !important;
  justify-content:flex-start !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-number .about-number-icon {
  margin-inline:0 12px !important;
}
html[lang="ar-SA"] .elementor-element-758c8c11 .about-number a { direction:ltr !important; unicode-bidi:isolate !important; }

/* ---------------- SERVICES ---------------- */
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-service-v2-items { direction:ltr !important; }
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-service-v2-item {
  direction:rtl !important;
  text-align:right !important;
  min-height:100% !important;
}
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-service-v2-contents {
  direction:rtl !important;
  text-align:right !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
}
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-serive-v2-title {
  text-align:right !important;
  font-size:30px !important;
  line-height:1.45 !important;
  margin-bottom:14px !important;
}
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-serive-v2-dec {
  text-align:right !important;
  direction:rtl !important;
  line-height:1.9 !important;
}
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-serive-v2-button {
  margin-top:auto !important;
  padding-top:28px !important;
  display:flex !important;
  direction:ltr !important;
  justify-content:flex-start !important;
  width:100% !important;
}
html[lang="ar-SA"] .elementor-element-8e4b3d6 .growhub-serive-v2-button a {
  direction:rtl !important;
  border-radius:999px !important;
  min-height:50px !important;
  padding:12px 22px !important;
}

/* ---------------- WHY CHOOSE US ---------------- */
@media (min-width: 992px) {
  html[lang="ar-SA"] .elementor-element-7c8e651d > .elementor-container {
    direction:ltr !important; /* preserve English image-left / content-right composition */
  }
  html[lang="ar-SA"] .elementor-element-259ca2c0 { direction:rtl !important; }
  html[lang="ar-SA"] .elementor-element-1178ae67 > .elementor-container { direction:rtl !important; }
}
html[lang="ar-SA"] .elementor-element-6a306ee4 .growhub-section-title-content,
html[lang="ar-SA"] .elementor-element-6a306ee4 .growhub-section-title,
html[lang="ar-SA"] .elementor-element-6a306ee4 .growhub-section-small-title,
html[lang="ar-SA"] .elementor-element-6a306ee4 .title-anim {
  direction:rtl !important;
  text-align:right !important;
}
html[lang="ar-SA"] .elementor-element-6a306ee4 .growhub-section-title {
  max-width:650px !important;
  margin:10px 0 32px auto !important;
  font-size:46px !important;
  line-height:1.35 !important;
  text-wrap:balance !important;
}
html[lang="ar-SA"] .elementor-element-f450a02 .growhub-icon-box-inner {
  direction:rtl !important;
  text-align:right !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:18px !important;
}
html[lang="ar-SA"] .elementor-element-f450a02 .growhub-icon-box-icon { flex:0 0 auto !important; margin:0 !important; }
html[lang="ar-SA"] .elementor-element-f450a02 .growhub-icon-box-content { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] .elementor-element-f450a02 .growhub-icon-box-title,
html[lang="ar-SA"] .elementor-element-f450a02 .growhub-icon-box-dec { text-align:right !important; }

/* ---------------- BOTTOM MEETING BANNER ---------------- */
@media (min-width: 768px) {
  html[lang="ar-SA"] .elementor-element-4a262620 > .elementor-container {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    direction:ltr !important;
    align-items:center !important;
  }
  html[lang="ar-SA"] .elementor-element-7dd1c569 {
    grid-column:2 !important; /* Arabic copy on the physical right */
    grid-row:1 !important;
    width:auto !important;
    direction:rtl !important;
  }
  html[lang="ar-SA"] .elementor-element-4c298a8c {
    grid-column:1 !important; /* CTA button on the physical left */
    grid-row:1 !important;
    width:auto !important;
    direction:ltr !important;
  }
  html[lang="ar-SA"] .elementor-element-4c298a8c .growhub-button-wrapper,
  html[lang="ar-SA"] .elementor-element-4c298a8c .growhub-botton {
    display:flex !important;
    justify-content:flex-start !important;
  }
}
html[lang="ar-SA"] .elementor-element-1b6fe9d1 .growhub-section-title-content,
html[lang="ar-SA"] .elementor-element-1b6fe9d1 .growhub-section-title,
html[lang="ar-SA"] .elementor-element-1b6fe9d1 .growhub-section-small-title,
html[lang="ar-SA"] .elementor-element-1b6fe9d1 .title-anim {
  direction:rtl !important;
  text-align:right !important;
}
html[lang="ar-SA"] .elementor-element-1b6fe9d1 .growhub-section-title {
  max-width:660px !important;
  margin:8px 0 0 auto !important;
  font-size:45px !important;
  line-height:1.34 !important;
  text-wrap:balance !important;
}
html[lang="ar-SA"] .elementor-element-2869becb .theme-btns {
  direction:rtl !important;
  border-radius:999px !important;
  min-height:54px !important;
  padding:13px 26px !important;
}

/* ---------------- FOOTER BUTTON GUARANTEE ---------------- */
html[lang="ar-SA"] .elementor-element-7f552088 .huruf-footer-profile-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:auto !important;
  min-height:52px !important;
  margin:20px 0 0 auto !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  font-family:"IBM Plex Sans Arabic",sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  text-align:center !important;
  direction:rtl !important;
  white-space:nowrap !important;
}

/* ---------------- PROFILE POPUP ---------------- */
html[lang="ar-SA"] #huruf-profile-gate,
html[lang="ar-SA"] #huruf-profile-gate * { font-family:"IBM Plex Sans Arabic",sans-serif !important; }
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] #huruf-profile-gate label { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] #huruf-profile-gate input:not([name="country_code"]):not([type="email"]):not([type="tel"]) { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] #huruf-profile-gate input[type="email"],
html[lang="ar-SA"] #huruf-profile-gate input[type="tel"],
html[lang="ar-SA"] #huruf-profile-gate input[name="country_code"] { direction:ltr !important; text-align:left !important; unicode-bidi:isolate !important; }

/* Responsive refinements for the exact homepage blocks. */
@media (max-width: 767px) {
  html[lang="ar-SA"] .elementor-element-huruffocus01,
  html[lang="ar-SA"] .elementor-element-5d25131e,
  html[lang="ar-SA"] .elementor-element-7b8ba5bc { padding-top:52px !important; padding-bottom:24px !important; }
  html[lang="ar-SA"] .elementor-element-huruffocus01 .growhub-section-title,
  html[lang="ar-SA"] .elementor-element-1273fee8 .growhub-section-title,
  html[lang="ar-SA"] .elementor-element-4e861220 .growhub-section-title { font-size:34px !important; }
  html[lang="ar-SA"] .elementor-element-758c8c11 .growhub-title { font-size:38px !important; }
  html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-wrapper {
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    padding:16px !important;
  }
  html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-wrapper::before { display:none !important; }
  html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] .elementor-element-758c8c11 .about-author-number { width:100% !important; }
  html[lang="ar-SA"] .elementor-element-6a306ee4 .growhub-section-title,
  html[lang="ar-SA"] .elementor-element-1b6fe9d1 .growhub-section-title { font-size:36px !important; }
  html[lang="ar-SA"] .elementor-element-4a262620 > .elementor-container { display:flex !important; flex-direction:column !important; gap:22px !important; }
  html[lang="ar-SA"] .elementor-element-4c298a8c .growhub-button-wrapper,
  html[lang="ar-SA"] .elementor-element-4c298a8c .growhub-botton { justify-content:flex-start !important; }
}

/* =========================================================
   v1.0.9 — CLIENT-HANDOFF HOME PRECISION PASS
   Final overrides intentionally live last so older compatibility layers
   cannot fight the confirmed current Header Three / Home / Footer DOM.
   ========================================================= */

/* HOME ABOUT: genuine Arabic reading order; ticks on the RIGHT. */
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content,
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description,
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description {
  max-width: 680px !important;
  margin: 0 0 24px auto !important;
  font-size: 16px !important;
  line-height: 2 !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li {
  display: flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: 15.5px !important;
  line-height: 1.85 !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .icon {
  order: 0 !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 4px 0 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .huruf-list-text {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  direction: rtl !important;
  text-align: right !important;
}

/* HOME About title/image spacing. */
@media (min-width: 992px) {
  html[lang="ar-SA"] body.home .elementor-element-6d6dd154 > .elementor-container {
    direction: ltr !important;
    align-items: center !important;
    column-gap: clamp(42px, 4vw, 72px) !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-3e52609f > .elementor-widget-wrap {
    padding: 34px 54px 34px 26px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-small-title,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-title {
    text-align: right !important;
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-title {
    font-size: 46px !important;
    line-height: 1.35 !important;
    margin-bottom: 18px !important;
  }
}

/* About author/contact strip: English physical shape, clean Arabic internals. */
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
  overflow: hidden !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info {
  direction: ltr !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
  direction: ltr !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label {
  direction: rtl !important;
  text-align: right !important;
}

/* HEADER: preserve exact English physical geometry and clear spacing. */
@media (min-width: 992px) {
  html[lang="ar-SA"] .header-three .main-header .main-navigation {
    display: flex !important;
    direction: ltr !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 96px !important;
  }
  html[lang="ar-SA"] .header-three .site-branding { order: 1 !important; flex: 0 0 auto !important; }
  html[lang="ar-SA"] .header-three .main-menu { order: 2 !important; flex: 1 1 auto !important; padding-inline: 28px !important; }
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper { order: 3 !important; flex: 0 0 auto !important; }
  html[lang="ar-SA"] .header-three .main-menu > ul {
    display: flex !important;
    direction: rtl !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(22px, 1.7vw, 34px) !important;
  }
  html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
    font-size: 17px !important;
    font-weight: 500 !important;
    min-height: 96px !important;
  }
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
    display: flex !important;
    direction: ltr !important;
    align-items: center !important;
    gap: 14px !important;
  }
  html[lang="ar-SA"] .header-three .header-top-box { direction: ltr !important; }
  html[lang="ar-SA"] .header-three .header-contact-items {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item {
    display: flex !important;
    direction: ltr !important;
    align-items: center !important;
    gap: 9px !important;
    padding-inline: 16px !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item + .header-contact-item {
    border-left: 1px solid rgba(255,255,255,.25) !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-content-box,
  html[lang="ar-SA"] .header-three .header-contact-content { direction: rtl !important; }
}

/* Hero: no split blue/selection artifacts, clean two-line Arabic title. */
html[lang="ar-SA"] body.home .elementor-element-1e0fd24f .growhub-slider-tab-title,
html[lang="ar-SA"] body.home .elementor-element-1e0fd24f .growhub-slider-tab-title * {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 992px) {
  html[lang="ar-SA"] body.home .elementor-element-1e0fd24f .growhub-slider-tab-title {
    width: 630px !important;
    max-width: 630px !important;
    font-size: 52px !important;
    line-height: 1.28 !important;
    text-wrap: balance !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-1e0fd24f .growhub-slider-tab-button {
    width: 630px !important;
    direction: ltr !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }
}

/* FOOTER: same four-column English geometry and a safe bottom row. */
@media (min-width: 992px) {
  html[lang="ar-SA"] footer .elementor-element-22aa069e > .elementor-container {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: clamp(42px,4vw,76px) !important;
    width: min(calc(100% - 48px),1380px) !important;
    margin: 0 auto !important;
  }
  html[lang="ar-SA"] footer .elementor-element-22aa069e > .elementor-container > .elementor-column {
    width: auto !important;
    min-width: 0 !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] footer .elementor-element-25fed6eb > .elementor-container {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    align-items: center !important;
    gap: 32px !important;
    width: min(calc(100% - 48px),1380px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] footer .elementor-element-556b974b .growhub-copyright-box {
    direction: rtl !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul {
    direction: rtl !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li + li::before {
    content: none !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li + li {
    border-right: 1px solid rgba(255,255,255,.36) !important;
    margin-right: 16px !important;
    padding-right: 16px !important;
  }
}
html[lang="ar-SA"] footer .elementor-element-7f552088 .huruf-footer-profile-btn {
  border: 0 !important;
  background: #2fa394 !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: transform .2s ease, filter .2s ease !important;
}
html[lang="ar-SA"] footer .elementor-element-7f552088 .huruf-footer-profile-btn:hover,
html[lang="ar-SA"] footer .elementor-element-7f552088 .huruf-footer-profile-btn:focus-visible {
  filter: brightness(.96) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(255,255,255,.7) !important;
  outline-offset: 2px !important;
}

/* COMPANY PROFILE POPUP: Saudi Arabic form presentation. */
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box {
  width: min(560px,calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  padding: 38px 36px 34px !important;
  border-radius: 24px !important;
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-close {
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-kicker {
  margin-bottom: 10px !important;
  padding-left: 50px !important;
  color: #159681 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html[lang="ar-SA"] #huruf-profile-gate h3 {
  margin: 0 0 10px !important;
  font-size: 30px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  text-align: right !important;
}
html[lang="ar-SA"] #huruf-profile-gate > .huruf-profile-gate-box > p,
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box > p {
  margin: 0 0 24px !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  text-align: right !important;
}
html[lang="ar-SA"] #huruf-profile-gate form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
html[lang="ar-SA"] #huruf-profile-gate label {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] #huruf-profile-gate label > input {
  margin-top: 8px !important;
}
html[lang="ar-SA"] #huruf-profile-gate input {
  min-height: 52px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-phone {
  display: grid !important;
  grid-template-columns: 104px minmax(0,1fr) !important;
  direction: rtl !important;
  gap: 10px !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-phone input[name="country_code"] {
  grid-column: 1 !important;
  text-align: center !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-phone input[name="mobile"] {
  grid-column: 2 !important;
  text-align: left !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-submit {
  min-height: 54px !important;
  margin-top: 6px !important;
  border-radius: 999px !important;
  display: flex !important;
  direction: rtl !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-submit b {
  transform: scaleX(-1) !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-status {
  direction: rtl !important;
  text-align: right !important;
  line-height: 1.65 !important;
}

/* Tablet/mobile footer + popup. */
@media (max-width: 991px) {
  html[lang="ar-SA"] footer .elementor-element-25fed6eb > .elementor-container {
    width: min(calc(100% - 32px),720px) !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 767px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li { gap: 10px !important; }
  html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 30px 20px 24px !important;
    border-radius: 18px !important;
  }
  html[lang="ar-SA"] #huruf-profile-gate h3 { font-size: 25px !important; }
  html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-phone { grid-template-columns: 92px minmax(0,1fr) !important; }
  html[lang="ar-SA"] footer .elementor-element-25fed6eb > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  html[lang="ar-SA"] footer .elementor-element-556b974b .growhub-copyright-box { text-align: center !important; white-space: normal !important; }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 0 !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li + li {
    border-right: 1px solid rgba(255,255,255,.36) !important;
    margin-right: 12px !important;
    padding-right: 12px !important;
  }
}

/* ======================================================================
   v1.0.10 — FINAL HOME / HEADER / FOOTER ALIGNMENT PASS
   Based on the current live Header Three + Home + Footer DOM supplied by
   the site owner. This block intentionally overrides earlier experiments.
   ====================================================================== */

/* HEADER TOP STRIP — match English height and spacing exactly. */
@media (min-width: 992px) {
  html[lang="ar-SA"] .header-three .header-top-wrapper {
    min-height: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
  }
  html[lang="ar-SA"] .header-three .header-top-wrapper .container-1380,
  html[lang="ar-SA"] .header-three .header-top-box {
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
  }
  /* Preserve same physical arrangement as English: contact block left,
     utility links right. Arabic text itself remains RTL. */
  html[lang="ar-SA"] .header-three .header-top-box {
    direction: ltr !important;
    justify-content: space-between !important;
  }
  html[lang="ar-SA"] .header-three .header-top-left {
    order: 1 !important;
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }
  html[lang="ar-SA"] .header-three .header-top-right {
    order: 2 !important;
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 100% !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-items {
    display: flex !important;
    direction: ltr !important;
    align-items: stretch !important;
    height: 52px !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-item + .header-contact-item {
    border-left: 1px solid rgba(255,255,255,.22) !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-icon {
    flex: 0 0 auto !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
  html[lang="ar-SA"] .header-three .header-contact-content-box,
  html[lang="ar-SA"] .header-three .header-contact-content {
    display: flex !important;
    align-items: center !important;
    min-height: 100% !important;
    margin: 0 !important;
  }
  html[lang="ar-SA"] .header-three .header-top-menu > ul {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  /* MAIN HEADER — same physical geometry as English. */
  html[lang="ar-SA"] .header-three .main-header,
  html[lang="ar-SA"] .header-three .header-main-wrapper,
  html[lang="ar-SA"] .header-three .main-navigation {
    min-height: 96px !important;
  }
  html[lang="ar-SA"] .header-three .main-navigation {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }
  html[lang="ar-SA"] .header-three .site-branding {
    order: 1 !important;
    flex: 0 0 auto !important;
  }
  html[lang="ar-SA"] .header-three .main-menu {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 28px !important;
  }
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
    order: 3 !important;
    flex: 0 0 auto !important;
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }
  html[lang="ar-SA"] .header-three .header-3-contact-icon {
    order: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  html[lang="ar-SA"] .header-three .header-3-contact-info {
    order: 2 !important;
    text-align: right !important;
    direction: rtl !important;
  }
  html[lang="ar-SA"] .header-three .main-menu > ul {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(24px,1.6vw,34px) !important;
  }
  html[lang="ar-SA"] .header-three .main-menu > ul > li > a {
    min-height: 96px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
  }
}

/* Mobile header = logo + hamburger only, clean and balanced. */
@media (max-width: 991px) {
  html[lang="ar-SA"] .header-three .header-top-wrapper,
  html[lang="ar-SA"] .header-three .header-three-contact-wrapper {
    display: none !important;
  }
  html[lang="ar-SA"] .header-three .main-header,
  html[lang="ar-SA"] .header-three .header-main-wrapper,
  html[lang="ar-SA"] .header-three .main-navigation {
    min-height: 82px !important;
  }
  html[lang="ar-SA"] .header-three .main-navigation {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  html[lang="ar-SA"] .header-three .site-branding { order: 1 !important; }
  html[lang="ar-SA"] .header-three .growhub-menu-toggle { order: 2 !important; margin: 0 !important; }
}

/* HOME METHODOLOGY — tick on the RIGHT, Arabic copy beside it with a clean gap. */
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul {
  direction: rtl !important;
  width: 100% !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li {
  direction: rtl !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  text-align: right !important;
  margin: 0 0 14px !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .icon {
  order: 1 !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  margin: 4px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .huruf-list-text {
  order: 2 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: right !important;
  direction: rtl !important;
  line-height: 1.8 !important;
}

/* CTA arrows: give Arabic label breathing room and keep direction intentional. */
html[lang="ar-SA"] .theme-btns > i,
html[lang="ar-SA"] .growhub-botton .theme-btns > i,
html[lang="ar-SA"] .growhub-serive-v2-button .theme-btns > i {
  margin-right: 10px !important;
  margin-left: 0 !important;
  flex: 0 0 auto !important;
}
html[lang="ar-SA"] .elementor-element-2869becb .theme-btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
html[lang="ar-SA"] .elementor-element-2869becb .theme-btns > i { margin: 0 !important; }

/* FOOTER bottom row — copyright physically left, legal links physically right. */
@media (min-width: 768px) {
  html[lang="ar-SA"] footer .elementor-element-25fed6eb > .elementor-container {
    direction: ltr !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(calc(100% - 48px),1380px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  html[lang="ar-SA"] footer .elementor-element-556b974b,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  html[lang="ar-SA"] footer .elementor-element-556b974b .elementor-widget-wrap {
    justify-content: flex-start !important;
  }
  html[lang="ar-SA"] footer .elementor-element-556b974b .growhub-copyright-box {
    direction: rtl !important;
    text-align: left !important;
    width: 100% !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .elementor-widget-wrap,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-link-wrapper,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links {
    width: 100% !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul {
    width: 100% !important;
    direction: rtl !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }
}

/* Company profile footer CTA must be a real interactive button. */
html[lang="ar-SA"] #huruf-profile-download-btn.huruf-footer-profile-btn,
html[lang="ar-SA"] .huruf-footer-profile-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Profile popup — more polished Arabic proportions and bidi behavior. */
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box {
  width: min(580px,calc(100vw - 32px)) !important;
  padding: 40px 38px 34px !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-kicker {
  padding-left: 52px !important;
  font-size: 13px !important;
}
html[lang="ar-SA"] #huruf-profile-gate h3 {
  font-size: 30px !important;
  line-height: 1.45 !important;
  max-width: 440px !important;
}
html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-submit b {
  margin-inline-start: 10px !important;
}

@media (max-width: 767px) {
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul {
    justify-content: center !important;
  }
  html[lang="ar-SA"] #huruf-profile-gate .huruf-profile-gate-box {
    width: calc(100vw - 20px) !important;
    padding: 30px 20px 24px !important;
  }
}

/* =========================================================
   v1.0.11 — HEADER TOP CONTACT SEPARATOR PRECISION FIX
   Keep exactly one divider BETWEEN email/contact and phone.
   Remove any divider that can render on the outside edge.
   ========================================================= */
@media (min-width: 1025px) {
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item + .header-contact-item {
    border-left: 0 !important;
    border-right: 0 !important;
  }

  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item::before,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item::after,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item + .header-contact-item::before,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item + .header-contact-item::after {
    content: none !important;
    display: none !important;
  }

  /* In the live Header Three DOM the second item is the email/contact item
     and renders physically to the left in Arabic. Its RIGHT edge is the
     boundary between email/contact and phone, so the divider belongs here. */
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item:nth-child(2) {
    border-right: 1px solid rgba(255,255,255,.28) !important;
  }
}

/* =========================================================
   v1.0.12 — HOME FINAL MICRO-POLISH
   1) One top-strip separator only, with breathing room.
   2) Better phone/email icon spacing.
   3) Clean Arabic mobile author/contact card.
   ========================================================= */

@media (min-width: 1025px) {
  /* Reset all previous contact separators first. */
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item + .header-contact-item {
    border: 0 !important;
    position: relative !important;
  }

  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item::before,
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item::after {
    content: none !important;
    display: none !important;
  }

  /* Live Header Three order: phone first, contact/email second.
     The second item's physical right edge is the boundary between them.
     Draw ONE short divider there, inset from top/bottom. */
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item:nth-child(2) {
    padding-right: 25px !important;
    margin-right: 10px !important;
  }
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item:nth-child(2)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: -5px !important;
    top: 50% !important;
    width: 1px !important;
    height: 24px !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,.30) !important;
    pointer-events: none !important;
  }

  /* Keep each icon comfortably separated from its label. */
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item {
    gap: 11px !important;
  }
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-icon {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html[lang="ar-SA"] .header-three .header-top-left .header-contact-item:first-child {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* Mobile methodology author/contact card: Arabic-first, balanced and compact. */
@media (max-width: 767px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::before {
    display: none !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info {
    border-bottom: 1px solid rgba(15,55,91,.12) !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon {
    order: 1 !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    margin: 0 !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    margin: 0 0 3px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-sname,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label > span {
    display: block !important;
    margin: 0 0 3px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  /* Checklist remains Arabic reading order with ticks anchored on the right. */
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li {
    display: grid !important;
    grid-template-columns: 20px minmax(0,1fr) !important;
    direction: rtl !important;
    column-gap: 11px !important;
    align-items: start !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .icon {
    grid-column: 1 !important;
    order: unset !important;
    margin-top: 3px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-dec-list ul li .huruf-list-text {
    grid-column: 2 !important;
    order: unset !important;
    text-align: right !important;
  }
}

/* =========================================================
   v1.0.13 — HOME MOBILE METHODOLOGY FINAL MICRO-POLISH
   Center the methodology paragraph and keep the author/contact
   strip as two balanced columns on phone screens.
   ========================================================= */
@media (max-width: 767px) {
  /* Methodology description: centered, readable and evenly wrapped. */
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description > div,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description p {
    width: 100% !important;
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    direction: rtl !important;
    line-height: 1.9 !important;
    padding-inline: 6px !important;
  }

  /* Keep the card in two columns instead of stacking vertically. */
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 16px !important;
    bottom: 16px !important;
    left: 50% !important;
    width: 1px !important;
    height: auto !important;
    background: rgba(15,55,91,.13) !important;
    transform: translateX(-.5px) !important;
    pointer-events: none !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    width: auto !important;
    min-width: 0 !important;
    min-height: 102px !important;
    padding: 13px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    box-sizing: border-box !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info {
    direction: ltr !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    direction: ltr !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon {
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    margin: 0 0 2px !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-sname,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label > span {
    display: block !important;
    margin: 0 0 2px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    display: block !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    padding-inline: 9px !important;
    gap: 7px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    font-size: 13.5px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    font-size: 13px !important;
  }
}

/* V1.0.14 — Home services heading spacing: match English visual rhythm. */
html[lang="ar-SA"] .elementor-element-4e861220 {
  margin-bottom: 52px !important;
}
html[lang="ar-SA"] .elementor-element-4e861220 .growhub-section-title-wrapper,
html[lang="ar-SA"] .elementor-element-4e861220 .growhub-section-title-content,
html[lang="ar-SA"] .elementor-element-4e861220 .growhub-section-title {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  html[lang="ar-SA"] .elementor-element-4e861220 {
    margin-bottom: 34px !important;
  }
}

/* =========================================================
   V1.0.15 — HOME MOBILE METHODOLOGY / AUTHOR FINAL REPAIR
   - prevent SplitText word-per-line damage
   - remove stray center divider
   - preserve two-column author/contact card without name breaks
   ========================================================= */
@media (max-width: 767px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::after {
    content: none !important;
    display: none !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description {
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    margin: 18px auto 24px !important;
    padding: 0 14px !important;
    text-align: center !important;
    direction: rtl !important;
    line-height: 1.95 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description > div,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description p {
    display: inline !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: inherit !important;
    direction: inherit !important;
    white-space: normal !important;
  }

  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1.14fr) minmax(0, .86fr) !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 96px !important;
    padding: 12px 10px !important;
    gap: 8px !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 0 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info {
    direction: ltr !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    direction: ltr !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label {
    min-width: 0 !important;
    width: auto !important;
    direction: rtl !important;
    text-align: right !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-sname {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label > span {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr) !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    padding-inline: 7px !important;
    gap: 6px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    font-size: 12px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    font-size: 11px !important;
  }
}


/* =========================================================
   V1.0.16 — HOME SERVICES CARD GAPS + MOBILE FOOTER RIGHT ALIGN
   ========================================================= */
/* Preserve the English 2-column services geometry but add breathing room
   between every card instead of letting borders touch. */
html[lang="ar-SA"] body.home .elementor-element-8e4b3d6 .growhub-service-v2-items {
  margin-left: -10px !important;
  margin-right: -10px !important;
  row-gap: 20px !important;
}
html[lang="ar-SA"] body.home .elementor-element-8e4b3d6 .growhub-service-v2-items > [class*="col-"] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html[lang="ar-SA"] body.home .elementor-element-8e4b3d6 .growhub-service-v2-item {
  height: 100% !important;
}

/* Footer mobile/tablet: every Arabic footer block hugs the right edge.
   This intentionally overrides older centering rules from the theme. */
@media (max-width: 767px) {
  html[lang="ar-SA"] footer .elementor-element-22aa069e,
  html[lang="ar-SA"] footer .elementor-element-22aa069e > .elementor-container,
  html[lang="ar-SA"] footer .elementor-element-22aa069e > .elementor-container > .elementor-column,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .elementor-widget-wrap,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .elementor-widget-container,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-page-link-wrapper,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-page-links,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-contact-info-wrapper,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-contact-info,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-subscribe-wrapper,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-subscribe-box {
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
  }
  html[lang="ar-SA"] footer .elementor-element-22aa069e .widget-title,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .widget-title span,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .sort-dec,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .contact-info-content,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .contact-info-content a {
    width: 100% !important;
    text-align: right !important;
  }
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-page-links > ul,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .contact-info-items {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    align-items: flex-end !important;
  }
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-page-links > ul > li,
  html[lang="ar-SA"] footer .elementor-element-22aa069e .contact-info-item {
    width: 100% !important;
    text-align: right !important;
    justify-content: flex-start !important;
  }
  html[lang="ar-SA"] footer .elementor-element-22aa069e .growhub-page-links > ul > li > a {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }
  html[lang="ar-SA"] footer #huruf-profile-download-btn.huruf-footer-profile-btn {
    margin-left: auto !important;
    margin-right: 0 !important;
    align-self: flex-end !important;
  }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] body.home .elementor-element-8e4b3d6 .growhub-service-v2-items {
    margin-left: 0 !important;
    margin-right: 0 !important;
    row-gap: 18px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-8e4b3d6 .growhub-service-v2-items > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   V1.0.17 — FINAL MOBILE METHODOLOGY WIDTH + AUTHOR CARD FIX
   Exact live widget: elementor-element-758c8c11
   ========================================================= */
@media (max-width: 767px) {
  /* The two 50% Elementor columns must stack to full width on phones. */
  html[lang="ar-SA"] body.home .elementor-element-6d6dd154 > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    direction: ltr !important;
    width: 100% !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-6d6dd154 > .elementor-container > .elementor-column,
  html[lang="ar-SA"] body.home .elementor-element-4aaf6f17,
  html[lang="ar-SA"] body.home .elementor-element-3e52609f {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-3e52609f > .elementor-widget-wrap,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 > .elementor-widget-container,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Kill every legacy divider/edge line around this widget. */
  html[lang="ar-SA"] body.home .elementor-element-3e52609f,
  html[lang="ar-SA"] body.home .elementor-element-3e52609f > .elementor-widget-wrap,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 > .elementor-widget-container,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    border-left: 0 !important;
    border-right: 0 !important;
    border-inline: 0 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-3e52609f::before,
  html[lang="ar-SA"] body.home .elementor-element-3e52609f::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-wrapper::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-content::after,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::before,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
  }

  /* Methodology copy must be one normal centered paragraph, never a narrow SplitText column. */
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: 520px !important;
    min-width: 0 !important;
    margin: 18px auto 26px !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: center !important;
    line-height: 1.9 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description > div,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description > span,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .growhub-about-description p {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: inherit !important;
    white-space: normal !important;
  }

  /* Preserve two card columns, but stack icon/text inside each half so Arabic never becomes one-letter-per-line. */
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-wrapper {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(42,158,146,.22) !important;
    border-radius: 14px !important;
    background: #fff !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 146px !important;
    padding: 14px 8px !important;
    gap: 7px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: center !important;
    border: 0 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: center !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name {
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: center !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-sname,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a {
    display: block !important;
    width: 100% !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-info,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-number {
    min-height: 138px !important;
    padding-inline: 5px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-icon,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-img img {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-name { font-size: 12.5px !important; }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-author-content .author-sname,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number-label > span { font-size: 10px !important; }
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number,
  html[lang="ar-SA"] body.home .elementor-element-758c8c11 .about-number a { font-size: 11.5px !important; }
}


/* =========================================================
   v1.0.18 — MOBILE FOOTER BOTTOM ROW MATCH ENGLISH
   Exact live footer IDs supplied by site owner:
   25fed6eb = bottom row, 556b974b = copyright,
   4e56df96 = legal links.
   On phones, mirror the English visual structure:
   copyright centered on first row; legal links centered in one row below.
   ========================================================= */
@media (max-width: 767px) {
  html[lang="ar-SA"] footer .elementor-element-25fed6eb {
    width: 100% !important;
    left: 0 !important;
  }

  html[lang="ar-SA"] footer .elementor-element-25fed6eb > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 18px 16px !important;
    gap: 10px !important;
    direction: ltr !important;
    box-sizing: border-box !important;
  }

  html[lang="ar-SA"] footer .elementor-element-556b974b,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[lang="ar-SA"] footer .elementor-element-556b974b .elementor-widget-wrap,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .elementor-widget-wrap {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[lang="ar-SA"] footer .elementor-element-556b974b .growhub-copyright-wrapper,
  html[lang="ar-SA"] footer .elementor-element-556b974b .growhub-copyright-box {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    direction: rtl !important;
    white-space: normal !important;
    line-height: 1.65 !important;
  }

  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-link-wrapper,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    direction: rtl !important;
    list-style: none !important;
  }

  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  /* One separator only between neighboring legal links, exactly like English. */
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li + li {
    border-right: 1px solid rgba(255,255,255,.42) !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li + li::before,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li::before,
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li::after {
    content: none !important;
    display: none !important;
  }

  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li > a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    direction: rtl !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 390px) {
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li {
    padding-inline: 7px !important;
  }
  html[lang="ar-SA"] footer .elementor-element-4e56df96 .growhub-page-links > ul > li > a {
    font-size: 12px !important;
  }
}


/* =========================================================
   v1.0.19 — ABOUT US AR-SA FINAL TYPOGRAPHY / RESPONSIVE / ARROWS
   Keep the English physical composition while Arabic copy remains RTL.
   ========================================================= */
html[lang="ar-SA"] .breadcroumn-contnt,
html[lang="ar-SA"] .breadcroumb-contnt,
html[lang="ar-SA"] .breadcroumb-area .breadcroumn-contnt {
  direction: rtl !important;
  text-align: center !important;
}
html[lang="ar-SA"] .breadcroumn-contnt .page-title,
html[lang="ar-SA"] .breadcroumb-contnt .page-title {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 46px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  margin: 0 0 14px !important;
}
html[lang="ar-SA"] .breadcroumn-contnt .bre-sub,
html[lang="ar-SA"] .breadcroumb-contnt .bre-sub {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  direction: rtl !important;
}

/* About custom HTML page: typography harmonized with homepage. */
html[lang="ar-SA"] .haf4 {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .haf4 .haf4-wrap { direction: rtl !important; }
html[lang="ar-SA"] .haf4 .haf4-two {
  direction: ltr !important; /* preserve English physical image/text composition */
}
html[lang="ar-SA"] .haf4 .haf4-two > * {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] .haf4 .haf4-k {
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
html[lang="ar-SA"] .haf4 h2 {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 42px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
html[lang="ar-SA"] .haf4 h3 {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
html[lang="ar-SA"] .haf4 p,
html[lang="ar-SA"] .haf4 .haf4-lead,
html[lang="ar-SA"] .haf4 .haf4-list span,
html[lang="ar-SA"] .haf4 .haf4-pills span {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
  letter-spacing: 0 !important;
}
html[lang="ar-SA"] .haf4 article { text-align: right !important; direction: rtl !important; }
html[lang="ar-SA"] .haf4 .haf4-list,
html[lang="ar-SA"] .haf4 .haf4-pills { direction: rtl !important; }

/* All Arabic CTAs: the directional arrow must point left, with breathing room. */
html[lang="ar-SA"] .theme-btns i.fa-arrow-right,
html[lang="ar-SA"] .theme-btns i.fas.fa-arrow-right,
html[lang="ar-SA"] .haf4-btn b,
html[lang="ar-SA"] a b.huruf-arrow,
html[lang="ar-SA"] button b.huruf-arrow {
  display: inline-block !important;
  transform: none !important;
}
html[lang="ar-SA"] .theme-btns i.fa-arrow-right::before,
html[lang="ar-SA"] .theme-btns i.fas.fa-arrow-right::before {
  content: "\f060" !important; /* Font Awesome arrow-left */
}
html[lang="ar-SA"] .theme-btns i,
html[lang="ar-SA"] .haf4-btn b {
  margin-right: 10px !important;
  margin-left: 0 !important;
}
html[lang="ar-SA"] .haf4-btn {
  direction: rtl !important;
  gap: 10px !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

/* About cards and sections: enough breathing room on all breakpoints. */
html[lang="ar-SA"] .haf4-intro,
html[lang="ar-SA"] .haf4-purpose,
html[lang="ar-SA"] .haf4-approach,
html[lang="ar-SA"] .haf4-projects { overflow: hidden !important; }
html[lang="ar-SA"] .haf4 .haf4-cards,
html[lang="ar-SA"] .haf4 .haf4-project-grid { direction: ltr !important; }
html[lang="ar-SA"] .haf4 .haf4-cards > *,
html[lang="ar-SA"] .haf4 .haf4-project-grid > * { direction: rtl !important; text-align:right !important; }

@media (max-width: 1024px) {
  html[lang="ar-SA"] .breadcroumn-contnt .page-title,
  html[lang="ar-SA"] .breadcroumb-contnt .page-title { font-size: 38px !important; }
  html[lang="ar-SA"] .haf4 h2 { font-size: 36px !important; }
  html[lang="ar-SA"] .haf4 .haf4-two { gap: 42px !important; }
}

@media (max-width: 767px) {
  html[lang="ar-SA"] .breadcroumn-contnt,
  html[lang="ar-SA"] .breadcroumb-contnt { padding-inline: 18px !important; }
  html[lang="ar-SA"] .breadcroumn-contnt .page-title,
  html[lang="ar-SA"] .breadcroumb-contnt .page-title {
    font-size: 31px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  html[lang="ar-SA"] .breadcroumn-contnt .bre-sub,
  html[lang="ar-SA"] .breadcroumb-contnt .bre-sub { font-size: 13px !important; }

  html[lang="ar-SA"] .haf4 .haf4-wrap {
    width: min(100% - 34px, 1180px) !important;
  }
  html[lang="ar-SA"] .haf4 .haf4-two {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  html[lang="ar-SA"] .haf4 h2 {
    font-size: 30px !important;
    line-height: 1.35 !important;
  }
  html[lang="ar-SA"] .haf4 h3 { font-size: 20px !important; }
  html[lang="ar-SA"] .haf4 p,
  html[lang="ar-SA"] .haf4 .haf4-lead,
  html[lang="ar-SA"] .haf4 .haf4-list span,
  html[lang="ar-SA"] .haf4 .haf4-pills span {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }
  html[lang="ar-SA"] .haf4-intro,
  html[lang="ar-SA"] .haf4-purpose,
  html[lang="ar-SA"] .haf4-approach,
  html[lang="ar-SA"] .haf4-projects { padding-top: 66px !important; padding-bottom: 66px !important; }
  html[lang="ar-SA"] .haf4 .haf4-cards,
  html[lang="ar-SA"] .haf4 .haf4-project-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  html[lang="ar-SA"] .haf4 .haf4-cta,
  html[lang="ar-SA"] .haf4-cta .haf4-wrap {
    text-align: right !important;
  }
}

/* ======================================================================
   V1.0.21 — CONFERENCES / EVENTS: Saudi Arabic completion
   Arabic-only. English master is deliberately untouched.
   ====================================================================== */
html[lang="ar-SA"] .hcf-list,
html[lang="ar-SA"] .hcf-card,
html[lang="ar-SA"] .hcf-body,
html[lang="ar-SA"] .hcf-desc,
html[lang="ar-SA"] .hcf-meta {
  direction: rtl !important;
  text-align: right !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

html[lang="ar-SA"] .hcf-list {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
}

html[lang="ar-SA"] .hcf-card {
  overflow: hidden !important;
}

html[lang="ar-SA"] .hcf-body h2 {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-date {
  direction: rtl !important;
  text-align: right !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-weight: 600 !important;
}

html[lang="ar-SA"] .hcf-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px 24px !important;
  margin-block: 14px 18px !important;
}

html[lang="ar-SA"] .hcf-meta span {
  display: inline-flex !important;
  direction: rtl !important;
  unicode-bidi: plaintext !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-desc,
html[lang="ar-SA"] .hcf-desc p {
  font-size: 17px !important;
  line-height: 1.95 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-register {
  direction: rtl !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html[lang="ar-SA"] .hcf-register .huruf-conf-arrow {
  display: inline-block !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Modal remains the same functional form / same AJAX backend, only visual language changes. */
html[lang="ar-SA"] .hcf-modal,
html[lang="ar-SA"] .hcf-modal-shell,
html[lang="ar-SA"] #hcf-registration-form {
  direction: rtl !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

html[lang="ar-SA"] .hcf-modal-shell {
  width: min(560px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  padding: 38px 36px 34px !important;
  border-radius: 26px !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-modal-close {
  right: auto !important;
  left: 18px !important;
}

html[lang="ar-SA"] .hcf-modal-head {
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-modal-kicker {
  letter-spacing: .08em !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-modal-head h3 {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  line-height: 1.45 !important;
  margin: 9px 0 8px !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-modal-head p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  text-align: right !important;
}

html[lang="ar-SA"] .hcf-field {
  text-align: right !important;
  margin-top: 20px !important;
}

html[lang="ar-SA"] .hcf-field > label {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html[lang="ar-SA"] .hcf-field > label em {
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

html[lang="ar-SA"] .hcf-field input {
  width: 100% !important;
  min-height: 52px !important;
  margin-top: 8px !important;
  padding: 12px 16px !important;
  text-align: right !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

html[lang="ar-SA"] .hcf-phone-row {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: 108px minmax(0,1fr) !important;
  gap: 10px !important;
}

html[lang="ar-SA"] .hcf-phone-row input,
html[lang="ar-SA"] .hcf-phone-row .hcf-code,
html[lang="ar-SA"] .hcf-phone-row .hcf-phone {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

html[lang="ar-SA"] .hcf-field small {
  display: block !important;
  margin-top: 8px !important;
  text-align: right !important;
  line-height: 1.6 !important;
}

html[lang="ar-SA"] .hcf-submit {
  direction: rtl !important;
  width: 100% !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html[lang="ar-SA"] .hcf-form-status {
  direction: rtl !important;
  text-align: right !important;
  line-height: 1.7 !important;
}

@media (max-width: 767px) {
  html[lang="ar-SA"] .hcf-list {
    width: calc(100% - 28px) !important;
  }
  html[lang="ar-SA"] .hcf-card {
    display: block !important;
    margin-bottom: 22px !important;
    border-radius: 18px !important;
  }
  html[lang="ar-SA"] .hcf-image,
  html[lang="ar-SA"] .hcf-body {
    width: 100% !important;
    max-width: none !important;
  }
  html[lang="ar-SA"] .hcf-body {
    padding: 24px 20px 26px !important;
  }
  html[lang="ar-SA"] .hcf-body h2 {
    font-size: 25px !important;
    line-height: 1.5 !important;
  }
  html[lang="ar-SA"] .hcf-desc,
  html[lang="ar-SA"] .hcf-desc p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }
  html[lang="ar-SA"] .hcf-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  html[lang="ar-SA"] .hcf-register {
    width: 100% !important;
    min-height: 50px !important;
  }
  html[lang="ar-SA"] .hcf-modal-shell {
    width: calc(100vw - 22px) !important;
    max-height: calc(100dvh - 22px) !important;
    padding: 30px 18px 24px !important;
    border-radius: 20px !important;
  }
  html[lang="ar-SA"] .hcf-modal-head h3 {
    font-size: 27px !important;
  }
  html[lang="ar-SA"] .hcf-phone-row {
    grid-template-columns: 92px minmax(0,1fr) !important;
    gap: 8px !important;
  }
  html[lang="ar-SA"] .hcf-field input {
    min-height: 50px !important;
  }
}


/* ================================================================
   HURUF V1.0.22 — FINAL ARABIC BLOG / CONTACT / MOBILE MENU PASS
   Arabic only: English master remains untouched.
   ================================================================ */
html[lang="ar-SA"] body,
html[lang="ar-SA"] .site-main,
html[lang="ar-SA"] .breadcroumb-area { font-family:"IBM Plex Sans Arabic",sans-serif !important; }

/* Mobile off-canvas: keep the close X fully inside the LEFT edge. */
@media (max-width:991.98px){
  html[lang="ar-SA"] .growhub-menu-wrapper .growhub-menu-area { position:relative !important; direction:rtl !important; text-align:right !important; }
  html[lang="ar-SA"] .growhub-menu-wrapper .growhub-menu-area > .growhub-menu-toggle {
    position:absolute !important; top:18px !important; left:18px !important; right:auto !important;
    margin:0 !important; transform:none !important; z-index:99999 !important;
  }
  html[lang="ar-SA"] .growhub-menu-wrapper .mobile-logo { padding-left:60px !important; padding-right:18px !important; text-align:right !important; }
  html[lang="ar-SA"] .growhub-mobile-menu,
  html[lang="ar-SA"] .growhub-mobile-menu ul,
  html[lang="ar-SA"] .growhub-mobile-menu li,
  html[lang="ar-SA"] .growhub-mobile-menu a { direction:rtl !important; text-align:right !important; }
}

/* Blog/archive RTL. */
html[lang="ar-SA"] body.blog .breadcroumb-area .page-title { font-family:"IBM Plex Sans Arabic",sans-serif !important; }
html[lang="ar-SA"] body.blog .content-right-sidebar { direction:rtl !important; }
html[lang="ar-SA"] body.blog .single-post-item,
html[lang="ar-SA"] body.blog .post-content-wrapper,
html[lang="ar-SA"] body.blog .post-title,
html[lang="ar-SA"] body.blog .post-excerpt,
html[lang="ar-SA"] body.blog #secondary,
html[lang="ar-SA"] body.blog #secondary .widget { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] body.blog .post-title { font-size:clamp(24px,2vw,34px) !important; line-height:1.45 !important; }
html[lang="ar-SA"] body.blog .post-excerpt { font-size:16px !important; line-height:2 !important; }
html[lang="ar-SA"] body.blog .post-meta ul { display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; gap:10px 20px !important; direction:rtl !important; }
html[lang="ar-SA"] body.blog .post-meta li { margin:0 !important; }
html[lang="ar-SA"] body.blog .post-read-more { text-align:right !important; }
html[lang="ar-SA"] body.blog .post-read-more .theme-button { display:inline-flex !important; align-items:center !important; gap:10px !important; direction:rtl !important; }
html[lang="ar-SA"] body.blog #secondary .wp-block-search__inside-wrapper { direction:rtl !important; }
html[lang="ar-SA"] body.blog #secondary input[type="search"] { text-align:right !important; direction:rtl !important; }
html[lang="ar-SA"] body.blog #secondary .wp-block-search__button { white-space:nowrap !important; }
html[lang="ar-SA"] body.blog #secondary ul { padding-right:0 !important; padding-left:0 !important; }
html[lang="ar-SA"] body.blog #secondary li { text-align:right !important; }
html[lang="ar-SA"] body.blog #secondary .growhubcore-widget-post-thum li { direction:rtl !important; }
html[lang="ar-SA"] body.blog #secondary .growhubcore-widget-post-thum-content { text-align:right !important; }
@media (max-width:991.98px){
  html[lang="ar-SA"] body.blog .content-right-sidebar { display:block !important; }
  html[lang="ar-SA"] body.blog .content-right-sidebar > [class*="col-"] { width:100% !important; max-width:100% !important; }
  html[lang="ar-SA"] body.blog #secondary { margin-top:42px !important; }
}

/* Contact page: the visitor-facing form and information read naturally RTL. */
html[lang="ar-SA"] .huruf-contact-form { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] .huruf-contact-form .huruf-form-grid { direction:rtl !important; }
html[lang="ar-SA"] .huruf-contact-form .huruf-field,
html[lang="ar-SA"] .huruf-contact-form label { text-align:right !important; direction:rtl !important; }
html[lang="ar-SA"] .huruf-contact-form input:not([type="email"]):not([type="tel"]),
html[lang="ar-SA"] .huruf-contact-form textarea { direction:rtl !important; text-align:right !important; }
html[lang="ar-SA"] .huruf-contact-form input[type="email"],
html[lang="ar-SA"] .huruf-contact-form input[type="tel"] { direction:ltr !important; text-align:left !important; unicode-bidi:isolate !important; }
html[lang="ar-SA"] .huruf-contact-form .huruf-submit { text-align:left !important; }
html[lang="ar-SA"] .huruf-contact-form input[type="submit"] { min-width:150px !important; }
@media (max-width:767.98px){
  html[lang="ar-SA"] .huruf-contact-form .huruf-form-grid { grid-template-columns:1fr !important; }
  html[lang="ar-SA"] .huruf-contact-form .huruf-submit,
  html[lang="ar-SA"] .huruf-contact-form input[type="submit"] { width:100% !important; text-align:center !important; }
}

/* ================================================================
   HURUF V1.0.25 — CONTACT PAGE PRECISION RTL PASS
   Arabic route only. English master is intentionally untouched.
   ================================================================ */
html[lang="ar-SA"] body.page-id-6426 .elementor-element-13b3acc0,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-13b3acc0 .elementor-container,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-13b3acc0 .elementor-widget-wrap {
  direction: rtl !important;
}

/* Contact information card: every Arabic label/content reads from the right. */
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .growhub-contact-info-box-wrapper,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .growhub-contact-info-inner,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .growhub-contact-titles,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-items,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-content,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-label,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-dec {
  direction: rtl !important;
  text-align: right !important;
}

html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .info-sub-title,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .info-title,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .info-title-content {
  direction: rtl !important;
  text-align: right !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .info-title {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  line-height: 1.45 !important;
}

/* Icon on the right, content beside it, with a consistent gap. */
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-item {
  direction: rtl !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-icon {
  flex: 0 0 auto !important;
  margin: 2px 0 0 0 !important;
}
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Phone itself stays numerically LTR but is anchored on the right. */
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 a[href^="tel:"],
html[lang="ar-SA"] body.page-id-6426 .elementor-element-29550723 .contact-info-dec a[href^="tel:"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  text-align: left !important;
}

/* CF7 wrapper itself must no longer advertise/render as LTR. */
html[lang="ar-SA"] body.page-id-6426 .elementor-element-ea69070 .wpcf7,
html[lang="ar-SA"] body.page-id-6426 .elementor-element-ea69070 .wpcf7-form,
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form {
  direction: rtl !important;
  text-align: right !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

/* Keep the same two-column geometry, but all labels/controls align to the right. */
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-form-grid {
  direction: rtl !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-field {
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-field > label {
  display: block !important;
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
  margin: 0 0 9px !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input,
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  text-align: right !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input::placeholder,
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form textarea::placeholder {
  text-align: right !important;
  direction: rtl !important;
}

/* Email/phone characters remain LTR for correctness, while the value starts from the right edge. */
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input[type="email"],
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input[type="tel"] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: right !important;
}

/* Subject/message and response messages fully RTL. */
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input[name="your-subject"],
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form textarea[name="your-message"],
html[lang="ar-SA"] body.page-id-6426 .wpcf7-response-output,
html[lang="ar-SA"] body.page-id-6426 .wpcf7-not-valid-tip,
html[lang="ar-SA"] body.page-id-6426 .screen-reader-response {
  direction: rtl !important;
  text-align: right !important;
}

/* Submit button belongs on the right in Arabic. */
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-submit {
  direction: rtl !important;
  display: flex !important;
  justify-content: flex-start !important;
  text-align: right !important;
}
html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input[type="submit"] {
  width: auto !important;
  min-width: 160px !important;
  text-align: center !important;
}

@media (max-width: 767.98px) {
  html[lang="ar-SA"] body.page-id-6426 .elementor-element-13b3acc0 .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }
  html[lang="ar-SA"] body.page-id-6426 .elementor-element-13b3acc0 .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
  }
  html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form .huruf-submit {
    justify-content: flex-start !important;
  }
  html[lang="ar-SA"] body.page-id-6426 .huruf-contact-form input[type="submit"] {
    width: 100% !important;
  }
}


/* V1.0.26 — cross-browser vertical scrolling safety.
   Do not alter desktop/layout direction. Horizontal overflow remains managed by
   the existing theme/RTL rules; this only guarantees a valid vertical scroll
   container after mobile menus or modals close. */
html { min-height: 100%; }
body { min-height: 100%; }
@supports (-webkit-touch-callout: none) {
  html, body { -webkit-overflow-scrolling: touch; }
}


/* V1.0.28 — mobile scroll stability.
   Do not force html/body to become alternate scroll roots. Native browser scrolling
   is preserved; only accidental horizontal overflow is constrained. */
@media (max-width:1199px) {
  html, body {
    max-width: 100%;
  }
  body:not(.locked):not(.huruf-profile-gate-open) {
    touch-action: auto !important;
  }
}


/* V1.0.29 — native mobile one-finger vertical pan.
   This is intentionally layout-neutral: no widths, order, alignment or RTL changes. */
@media (max-width:1199px) and (pointer:coarse) {
  html:not(.huruf-profile-gate-open),
  html:not(.huruf-profile-gate-open) body:not(.locked):not(.huruf-profile-gate-open) {
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior-y: auto !important;
  }

  .growhub-menu-wrapper:not(.growhub-body-visible),
  .canva-growhub-wrapper:not(.active),
  #huruf-profile-gate:not(.open) {
    pointer-events: none !important;
  }

  .growhub-menu-wrapper.growhub-body-visible,
  .canva-growhub-wrapper.active,
  #huruf-profile-gate.open {
    pointer-events: auto !important;
  }
}