.elementor-65 .elementor-element.elementor-element-c3ee463{padding:145px 0px 0150px 0px;}.elementor-65 .elementor-element.elementor-element-e7f7207 > .elementor-widget-container{padding:150px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-4ac41bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-65 .elementor-element.elementor-element-4ac41bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-65 .elementor-element.elementor-element-d9b3126 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-65 .elementor-element.elementor-element-d9b3126 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-65 .elementor-element.elementor-element-54ab94f{padding:115px 0px 150px 0px;}.elementor-65 .elementor-element.elementor-element-f365000{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-65 .elementor-element.elementor-element-252facc{padding:115px 0px 150px 0px;}.elementor-65 .elementor-element.elementor-element-f46398b{text-align:left;}@media(min-width:768px){.elementor-65 .elementor-element.elementor-element-f365000{--content-width:1600px;}}@media(max-width:1024px){.elementor-65 .elementor-element.elementor-element-c3ee463{padding:95px 0px 100px 0px;}}/* Start custom CSS for hero-banner, class: .elementor-element-9f87d03 *//* ===========================
   Minimal safe RTL support
   Applies ONLY when html[lang="ar"] OR body.rtl-mode exists
   Doesn't change fonts/positions for English
   =========================== */

/* Enable RTL direction only (minimal invasive) */
html[lang="ar"],
body.rtl-mode {
  direction: rtl !important;
  unicode-bidi: embed;
}

/* Keep containers centered (don't break layout) */
html[lang="ar"] .container,
body.rtl-mode .container,
html[lang="ar"] .site,
body.rtl-mode .site {
  margin-left: auto !important;
  margin-right: auto !important;
  /* don't force text-align here so layout of non-text elements remains intact */
}

/* Preserve centered blocks explicitly (e.g., hero sections) */
html[lang="ar"] .text-center,
body.rtl-mode .text-center,
html[lang="ar"] .aligncenter,
body.rtl-mode .aligncenter {
  text-align: center !important;
}

/* Make textual content read naturally to the right without moving block positions:
   headings, paragraphs and block editor content get right-aligned, but inline elements and floats remain as-is */
html[lang="ar"] body.rtl-mode p,
html[lang="ar"] body.rtl-mode h1,
html[lang="ar"] body.rtl-mode h2,
html[lang="ar"] body.rtl-mode h3,
html[lang="ar"] body.rtl-mode h4,
html[lang="ar"] body.rtl-mode h5,
html[lang="ar"] body.rtl-mode h6,
html[lang="ar"] body.rtl-mode .entry-content,
html[lang="ar"] body.rtl-mode .post-content,
html[lang="ar"] body.rtl-mode .wp-block,
html[lang="ar"] body.rtl-mode .elementor-widget {
  text-align: right !important;
  /* do not change display/float/margin to avoid moving layout */
}

/* Images: ensure logos/brand images stay visible and centered where expected */
html[lang="ar"] img,
body.rtl-mode img,
html[lang="ar"] .logo,
body.rtl-mode .logo,
html[lang="ar"] .brand-logo,
body.rtl-mode .brand-logo {
  visibility: visible !important;
  opacity: 1 !important;
  /* default: don't change float; but center inline images */
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Navigation/menu: do not flip layout by default; keep structure, but align text right */
html[lang="ar"] .main-navigation,
body.rtl-mode .main-navigation,
html[lang="ar"] nav,
body.rtl-mode nav {
  text-align: right;
}

/* Buttons/Inline controls: align text to center/right but don't change their position */
html[lang="ar"] button,
body.rtl-mode button,
html[lang="ar"] .btn,
body.rtl-mode .btn {
  text-align: center;
}

/* Flexbox: ONLY flip flex-direction if the developer marks the container with .rtl-flip
   (prevents accidental moving of items) */
html[lang="ar"] .rtl-flip,
body.rtl-mode .rtl-flip {
  flex-direction: row-reverse !important;
}

/* Float helpers: optional — use only if you added those helpers to elements */
html[lang="ar"] .float-left-keep,
body.rtl-mode .float-left-keep { float: left !important; }
html[lang="ar"] .float-right-keep,
body.rtl-mode .float-right-keep { float: right !important; }

/* Safety: ensure text that should remain LTR (codes, numbers, inline English) keep direction */
html[lang="ar"] .ltr,
body.rtl-mode .ltr { direction: ltr !important; unicode-bidi: isolate; text-align: left !important; }

/* Small responsive guard: don't apply heavy overrides on very small screens */
@media (max-width: 767px) {
  html[lang="ar"] img,
  body.rtl-mode img {
    max-width: 100%;
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-e6bd24c *//* استدعاء خط Tajawal من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

/* تطبيق الخط على النسخة العربية */
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] div,
html[lang="ar"] button {
    font-family: 'Tajawal', sans-serif !important;
}/* End custom CSS */