:root {
  --color-primary: #3b82f6;
  --color-secondary: #64748b;
  --color-accent: #f59e0b;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-text-primary: #0f172a;
  --color-text-secondary: #64748b;
  --color-border: #e2e8f0;
  --color-primary-light-1: #77a8f9;
  --color-primary-light-2: #b1cefb;
  --color-primary-light-3: #e7f0fe;
  --color-primary-dark-1: #0b60ea;
  --color-primary-dark-2: #0848af;
  --color-primary-dark-3: #063075;
  --color-secondary-light-1: #8694a7;
  --color-secondary-light-2: #a9b3c1;
  --color-secondary-light-3: #cdd2db;
  --color-secondary-dark-1: #4b5768;
  --color-secondary-dark-2: #313944;
  --color-secondary-dark-3: #181b21;
  --color-accent-light-1: #f7b645;
  --color-accent-light-2: #facd80;
  --color-accent-light-3: #fce4ba;
  --color-accent-dark-1: #ba7908;
  --color-accent-dark-2: #7f5305;
  --color-accent-dark-3: #452c03;
  --color-background-light-1: #f2f2f2;
  --color-background-light-2: #f2f2f2;
  --color-background-light-3: #f2f2f2;
  --color-background-dark-1: #e0e0e0;
  --color-background-dark-2: #c2c2c2;
  --color-background-dark-3: #a3a3a3;
  --color-surface-light-1: #edf2f7;
  --color-surface-light-2: #edf2f7;
  --color-surface-light-3: #edf2f7;
  --color-surface-dark-1: #cddbea;
  --color-surface-dark-2: #a2bdd7;
  --color-surface-dark-3: #779ec5;
  --color-text-primary-light-1: #1f3056;
  --color-text-primary-light-2: #2f4883;
  --color-text-primary-light-3: #4061b0;
  --color-text-primary-dark-1: #070a13;
  --color-text-primary-dark-2: #070a13;
  --color-text-primary-dark-3: #070a13;
  --color-text-secondary-light-1: #8694a7;
  --color-text-secondary-light-2: #a9b3c1;
  --color-text-secondary-light-3: #cdd2db;
  --color-text-secondary-dark-1: #4b5768;
  --color-text-secondary-dark-2: #313944;
  --color-text-secondary-dark-3: #181b21;
  --color-border-light-1: #eef2f6;
  --color-border-light-2: #eef2f6;
  --color-border-light-3: #eef2f6;
  --color-border-dark-1: #b8c7db;
  --color-border-dark-2: #90a7c6;
  --color-border-dark-3: #6887b1;
}

[data-theme="dark"] {
  --color-primary: #2372f5;
  --color-secondary: #74849b;
  --color-accent: #f59e0a;
  --color-background: #0d0d0d;
  --color-surface: #e6edf4;
  --color-text-primary: #233662;
  --color-text-secondary: #74849b;
  --color-border: #d1dbe7;
  --color-primary-light-1: #5f98f8;
  --color-primary-light-2: #99bffa;
  --color-primary-light-3: #cfe1fd;
  --color-primary-dark-1: #4b8cf7;
  --color-primary-dark-2: #0f67f4;
  --color-primary-dark-3: #0a4ebe;
  --color-secondary-light-1: #586679;
  --color-secondary-light-2: #3e4856;
  --color-secondary-light-3: #242932;
  --color-secondary-dark-1: #97a3b4;
  --color-secondary-dark-2: #bbc3ce;
  --color-secondary-dark-3: #dee1e7;
  --color-accent-light-1: #f6ac2d;
  --color-accent-light-2: #f9c367;
  --color-accent-light-3: #fbdaa2;
  --color-accent-dark-1: #f5a519;
  --color-accent-dark-2: #c98308;
  --color-accent-dark-3: #8e5b06;
  --color-background-light-1: #0d0d0d;
  --color-background-light-2: #0d0d0d;
  --color-background-light-3: #0d0d0d;
  --color-background-dark-1: #1f1f1f;
  --color-background-dark-2: #3d3d3d;
  --color-background-dark-3: #5c5c5c;
  --color-surface-light-1: #dbe5ef;
  --color-surface-light-2: #dbe5ef;
  --color-surface-light-3: #dbe5ef;
  --color-surface-dark-1: #bbcee2;
  --color-surface-dark-2: #90b0cf;
  --color-surface-dark-3: #6591bd;
  --color-text-primary-light-1: #334f8e;
  --color-text-primary-light-2: #4367bb;
  --color-text-primary-light-3: #718ccb;
  --color-text-primary-dark-1: #1c274b;
  --color-text-primary-dark-2: #1c274b;
  --color-text-primary-dark-3: #1c274b;
  --color-text-secondary-light-1: #586679;
  --color-text-secondary-light-2: #3e4856;
  --color-text-secondary-light-3: #242932;
  --color-text-secondary-dark-1: #97a3b4;
  --color-text-secondary-dark-2: #bbc3ce;
  --color-text-secondary-dark-3: #dee1e7;
  --color-border-light-1: #dde5ed;
  --color-border-light-2: #dde5ed;
  --color-border-light-3: #dde5ed;
  --color-border-dark-1: #a7bad2;
  --color-border-dark-2: #7f9abd;
  --color-border-dark-3: #577aa8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --color-primary: #2372f5;
  --color-secondary: #74849b;
  --color-accent: #f59e0a;
  --color-background: #0d0d0d;
  --color-surface: #e6edf4;
  --color-text-primary: #233662;
  --color-text-secondary: #74849b;
  --color-border: #d1dbe7;
  --color-primary-light-1: #5f98f8;
  --color-primary-light-2: #99bffa;
  --color-primary-light-3: #cfe1fd;
  --color-primary-dark-1: #4b8cf7;
  --color-primary-dark-2: #0f67f4;
  --color-primary-dark-3: #0a4ebe;
  --color-secondary-light-1: #586679;
  --color-secondary-light-2: #3e4856;
  --color-secondary-light-3: #242932;
  --color-secondary-dark-1: #97a3b4;
  --color-secondary-dark-2: #bbc3ce;
  --color-secondary-dark-3: #dee1e7;
  --color-accent-light-1: #f6ac2d;
  --color-accent-light-2: #f9c367;
  --color-accent-light-3: #fbdaa2;
  --color-accent-dark-1: #f5a519;
  --color-accent-dark-2: #c98308;
  --color-accent-dark-3: #8e5b06;
  --color-background-light-1: #0d0d0d;
  --color-background-light-2: #0d0d0d;
  --color-background-light-3: #0d0d0d;
  --color-background-dark-1: #1f1f1f;
  --color-background-dark-2: #3d3d3d;
  --color-background-dark-3: #5c5c5c;
  --color-surface-light-1: #dbe5ef;
  --color-surface-light-2: #dbe5ef;
  --color-surface-light-3: #dbe5ef;
  --color-surface-dark-1: #bbcee2;
  --color-surface-dark-2: #90b0cf;
  --color-surface-dark-3: #6591bd;
  --color-text-primary-light-1: #334f8e;
  --color-text-primary-light-2: #4367bb;
  --color-text-primary-light-3: #718ccb;
  --color-text-primary-dark-1: #1c274b;
  --color-text-primary-dark-2: #1c274b;
  --color-text-primary-dark-3: #1c274b;
  --color-text-secondary-light-1: #586679;
  --color-text-secondary-light-2: #3e4856;
  --color-text-secondary-light-3: #242932;
  --color-text-secondary-dark-1: #97a3b4;
  --color-text-secondary-dark-2: #bbc3ce;
  --color-text-secondary-dark-3: #dee1e7;
  --color-border-light-1: #dde5ed;
  --color-border-light-2: #dde5ed;
  --color-border-light-3: #dde5ed;
  --color-border-dark-1: #a7bad2;
  --color-border-dark-2: #7f9abd;
  --color-border-dark-3: #577aa8;
  }
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { direction: rtl; min-height: 100%; font-family: 'IBM Plex Sans Arabic', 'Cairo', system-ui, -apple-system, sans-serif; }
img { max-width: 100%; }
a { color: inherit; }
/* Focus visible (a11y) — يظهر فقط عند التنقّل بلوحة المفاتيح */
:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #3b82f6; outline-offset: 2px;
}

@keyframes bp-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes bp-slide-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.bp-section-mp9ilwd3-2 {
  width: 100%;
  padding: 80px 48px 80px 48px;
}

.bp-section-mp9io109-830 {
  width: 100%;
  padding: 0px 0px 0px 0px;
  background: var(--color-background, #ffffff);
}

.bp-container-mp9io109-831 {
  display: flex;
  padding: 0px 48px 0px 48px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 80px;
  background: var(--color-background, #ffffff);
  border: [object Object]px solid var(--color-border, #e2e8f0);
}

.bp-container-mp9io109-832 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
}

.bp-icon-mp9io109-833 {
  width: 32px;
  height: 32px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9io109-834 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9io109-835 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
}

.bp-link-mp9io109-836 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9io109-836:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9io109-837 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9io109-837:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9io109-838 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9io109-838:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9io109-839 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9io109-839:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9io109-840 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9io109-840:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-button-mp9io109-841 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9io109-841:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9io109-841__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-section-mp9io3j2-842 {
  width: 100%;
  padding: 0px 0px 0px 0px;
  background: var(--color-background, #ffffff);
}

.bp-container-mp9io3j2-843 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 100vh;
  background: var(--color-primary, #3b82f6);
}

.bp-image-mp9io3j2-844 {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 0px 0px 0px 0px;
}

.bp-container-mp9io3j2-845 {
  display: flex;
  padding: 0px 48px 0px 48px;
  margin: 0px 0px 0px 0px;
  gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  background: #000000;
}

.bp-container-mp9io3j2-846 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 90%;
}

.bp-text-mp9io3j2-847 {
  font-family: 'Cairo', sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 1.1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
  animation: bp-fade-in 800ms ease-out 0ms both;
}

.bp-text-mp9io3j2-848 {
  font-family: 'Cairo', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-surface, #f8fafc);
  text-align: center;
  margin: 0px 0px 0px 0px;
  animation: bp-fade-in 800ms ease-out 200ms both;
}

.bp-container-mp9io3j2-849 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
  gap: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
}

.bp-button-mp9io3j2-850 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9io3j2-850:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9io3j2-850__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9io3j2-850.bp-entrance {
  animation: bp-slide-up 600ms ease-out 400ms both;
}

.bp-button-mp9io3j2-851 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-background, #ffffff);
  color: var(--color-primary, #3b82f6);
  border: 1px solid var(--color-primary, #3b82f6);
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9io3j2-851:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-primary, #3b82f6);
  border: 1px solid var(--color-primary, #3b82f6);
}
.bp-button-mp9io3j2-851__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9io3j2-851.bp-entrance {
  animation: bp-slide-up 600ms ease-out 500ms both;
}

.bp-section-mp9ipnu5-883 {
  width: 100%;
  padding: 80px 48px 80px 48px;
  background: var(--color-background, #ffffff);
}

.bp-container-mp9ipnu5-884 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-885.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 0ms both;
}

.bp-text-mp9ipnu5-885 {
  font-family: 'Cairo', sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-text-primary, #0f172a);
  text-align: center;
  margin: 0px 0px 0px 0px;
  opacity: 0;
}

.bp-text-mp9ipnu5-886.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 100ms both;
}

.bp-text-mp9ipnu5-886 {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-secondary, #64748b);
  text-align: center;
  margin: 0px 0px 0px 0px;
  opacity: 0;
}

.bp-container-mp9ipnu5-887 {
  display: grid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.bp-container-mp9ipnu5-888.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 200ms both;
}

.bp-container-mp9ipnu5-888 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-889 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-890 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-891 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-892 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-893 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-primary, #3b82f6);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-894 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-895 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-896 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-897.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 300ms both;
}

.bp-container-mp9ipnu5-897 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-898 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-899 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-900 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-901 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-902 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-accent, #f59e0b);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-903 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-904 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-905 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-906.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 400ms both;
}

.bp-container-mp9ipnu5-906 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-907 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-908 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-909 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-910 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-911 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-primary, #3b82f6);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-912 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-913 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-914 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-915.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 500ms both;
}

.bp-container-mp9ipnu5-915 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-916 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-917 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-918 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-919 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-920 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-accent, #f59e0b);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-921 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-922 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-923 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-924.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 600ms both;
}

.bp-container-mp9ipnu5-924 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-925 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-926 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-927 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-928 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-929 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-primary, #3b82f6);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-930 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-931 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-932 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-933.bp-anim-visible {
  animation: bp-slide-up 600ms ease-out 700ms both;
}

.bp-container-mp9ipnu5-933 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-surface, #f8fafc);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ipnu5-934 {
  display: block;
  width: 100%;
  height: 240px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ipnu5-935 {
  display: flex;
  padding: 24px 24px 24px 24px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ipnu5-936 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ipnu5-937 {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ipnu5-938 {
  display: flex;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 0px 0px;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-accent, #f59e0b);
  border-radius: 20px 20px 20px 20px;
}

.bp-icon-mp9ipnu5-939 {
  width: 16px;
  height: 16px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ipnu5-940 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ipnu5-941 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-section-mp9ips4b-942 {
  width: 100%;
  padding: 100px 48px 100px 48px;
  background: var(--color-surface, #f8fafc);
  position: relative;
}

.bp-container-mp9ips4b-943 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ips4b-944.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 0ms both;
}

.bp-text-mp9ips4b-944 {
  font-family: 'Cairo', sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-text-primary, #0f172a);
  text-align: center;
  margin: 0px 0px 0px 0px;
  opacity: 0;
}

.bp-text-mp9ips4b-945.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 100ms both;
}

.bp-text-mp9ips4b-945 {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-secondary, #64748b);
  text-align: center;
  margin: 0px 0px 48px 0px;
  opacity: 0;
}

.bp-container-mp9ips4b-946 {
  display: grid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.bp-container-mp9ips4b-947.bp-anim-visible {
  animation: bp-slide-up 700ms ease-out 200ms both;
}

.bp-container-mp9ips4b-947 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-background, #ffffff);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ips4b-948 {
  display: block;
  width: 100%;
  height: 280px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ips4b-949 {
  display: flex;
  padding: 28px 28px 28px 28px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ips4b-950 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ips4b-951 {
  font-family: 'Cairo', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4b-952 {
  display: flex;
  padding: 8px 16px 8px 16px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-accent, #f59e0b);
  border-radius: 20px 20px 20px 20px;
}

.bp-text-mp9ips4b-953 {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4b-954 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4b-955 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4b-956 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4b-957 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4b-958 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4b-959 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ips4b-960 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 4px 0px 0px 0px;
}

.bp-container-mp9ips4b-961 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-button-mp9ips4b-962 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4b-962:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9ips4b-962__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9ips4c-963 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-963:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9ips4c-963__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-container-mp9ips4c-964.bp-anim-visible {
  animation: bp-slide-up 700ms ease-out 300ms both;
}

.bp-container-mp9ips4c-964 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-background, #ffffff);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ips4c-965 {
  display: block;
  width: 100%;
  height: 280px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ips4c-966 {
  display: flex;
  padding: 28px 28px 28px 28px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ips4c-967 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ips4c-968 {
  font-family: 'Cairo', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-969 {
  display: flex;
  padding: 8px 16px 8px 16px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-primary, #3b82f6);
  border-radius: 20px 20px 20px 20px;
}

.bp-text-mp9ips4c-970 {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-971 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-972 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-973 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-974 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-975 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-976 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ips4c-977 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 4px 0px 0px 0px;
}

.bp-container-mp9ips4c-978 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-button-mp9ips4c-979 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-979:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9ips4c-979__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9ips4c-980 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-980:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9ips4c-980__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-container-mp9ips4c-981.bp-anim-visible {
  animation: bp-slide-up 700ms ease-out 400ms both;
}

.bp-container-mp9ips4c-981 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-background, #ffffff);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ips4c-982 {
  display: block;
  width: 100%;
  height: 280px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ips4c-983 {
  display: flex;
  padding: 28px 28px 28px 28px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ips4c-984 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ips4c-985 {
  font-family: 'Cairo', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-986 {
  display: flex;
  padding: 8px 16px 8px 16px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-primary, #3b82f6);
  border-radius: 20px 20px 20px 20px;
}

.bp-text-mp9ips4c-987 {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-988 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-989 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-990 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-991 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-992 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-993 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ips4c-994 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 4px 0px 0px 0px;
}

.bp-container-mp9ips4c-995 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-button-mp9ips4c-996 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-996:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9ips4c-996__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9ips4c-997 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-997:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9ips4c-997__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-container-mp9ips4c-998.bp-anim-visible {
  animation: bp-slide-up 700ms ease-out 500ms both;
}

.bp-container-mp9ips4c-998 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: var(--color-background, #ffffff);
  border-radius: 16px 16px 16px 16px;
  opacity: 0;
}

.bp-image-mp9ips4c-999 {
  display: block;
  width: 100%;
  height: 280px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 0px 0px;
}

.bp-container-mp9ips4c-1000 {
  display: flex;
  padding: 28px 28px 28px 28px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp9ips4c-1001 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9ips4c-1002 {
  font-family: 'Cairo', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary, #0f172a);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-1003 {
  display: flex;
  padding: 8px 16px 8px 16px;
  margin: 0px 0px 0px 0px;
  gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  background: var(--color-accent, #f59e0b);
  border-radius: 20px 20px 20px 20px;
}

.bp-text-mp9ips4c-1004 {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-1005 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-1006 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-1007 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9ips4c-1008 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9ips4c-1009 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9ips4c-1010 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp9ips4c-1011 {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary, #64748b);
  text-align: start;
  margin: 4px 0px 0px 0px;
}

.bp-container-mp9ips4c-1012 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-button-mp9ips4c-1013 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-primary, #3b82f6);
  color: var(--color-background, #ffffff);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-1013:hover {
  background: var(--color-accent, #f59e0b);
  color: var(--color-background, #ffffff);
}
.bp-button-mp9ips4c-1013__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9ips4c-1014 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9ips4c-1014:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9ips4c-1014__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-section-mp9inysj-823 {
  width: 100%;
  padding: 100px 48px 100px 48px;
  background: var(--color-primary, #3b82f6);
}

.bp-container-mp9inysj-824 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9inysj-825.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 0ms both;
}

.bp-text-mp9inysj-825 {
  font-family: 'Cairo', sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
  opacity: 0;
}

.bp-text-mp9inysj-826.bp-anim-visible {
  animation: bp-fade-in 600ms ease-out 100ms both;
}

.bp-text-mp9inysj-826 {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-background, #ffffff);
  text-align: center;
  margin: 0px 0px 0px 0px;
  opacity: 0;
}

.bp-container-mp9inysj-827 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
}

.bp-button-mp9inysj-828 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: var(--color-background, #ffffff);
  color: var(--color-primary, #3b82f6);
  border: 1px solid var(--color-primary, #3b82f6);
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9inysj-828:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-primary, #3b82f6);
  border: 1px solid var(--color-primary, #3b82f6);
}
.bp-button-mp9inysj-828__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-link-mp9inysj-829 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9inysj-829:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-section-mp9iog8l-852 {
  width: 100%;
  padding: 80px 48px 40px 48px;
  background: var(--color-text-primary, #0f172a);
}

.bp-container-mp9iog8l-853 {
  display: grid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 48px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.bp-container-mp9iog8l-854 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9iog8l-855 {
  font-family: 'Cairo', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-background, #ffffff);
  text-align: start;
  margin: 0px 0px 8px 0px;
}

.bp-link-mp9iog8l-856 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9iog8l-856:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9iog8l-857 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9iog8l-857:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9iog8l-858 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9iog8l-858:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9iog8l-859 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9iog8l-859:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-link-mp9iog8l-860 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp9iog8l-860:hover {
  color: var(--color-accent, #f59e0b);
  text-decoration: underline;
}

.bp-container-mp9iog8l-861 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9iog8l-862 {
  font-family: 'Cairo', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-background, #ffffff);
  text-align: start;
  margin: 0px 0px 8px 0px;
}

.bp-container-mp9iog8l-863 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9iog8l-864 {
  width: 20px;
  height: 20px;
  color: #f59e0b;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9iog8l-865 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-surface, #f8fafc);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9iog8l-866 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9iog8l-867 {
  width: 20px;
  height: 20px;
  color: #f59e0b;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9iog8l-868 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-surface, #f8fafc);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9iog8l-869 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-icon-mp9iog8l-870 {
  width: 20px;
  height: 20px;
  color: #f59e0b;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.bp-text-mp9iog8l-871 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-surface, #f8fafc);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-container-mp9iog8l-872 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9iog8l-873 {
  font-family: 'Cairo', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-background, #ffffff);
  text-align: start;
  margin: 0px 0px 8px 0px;
}

.bp-container-mp9iog8l-874 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-button-mp9iog8l-875 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9iog8l-875:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9iog8l-875__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9iog8l-876 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9iog8l-876:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9iog8l-876__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9iog8l-877 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9iog8l-877:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9iog8l-877__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-button-mp9iog8l-878 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  background: transparent;
  color: var(--color-text-primary, #0f172a);
  border: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp9iog8l-878:hover {
  background: var(--color-surface, #f8fafc);
  color: var(--color-text-primary, #0f172a);
}
.bp-button-mp9iog8l-878__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-image-mp9iog8l-879 {
  display: block;
  width: 200px;
  height: auto;
  margin: 16px 0px 0px 0px;
  object-fit: contain;
}

.bp-divider-mp9iog8l-880 {
  margin: 40px 0px 24px 0px;
  width: 100%;
  border-top: 1px solid #e2e8f0;
  height: 0;
}

.bp-container-mp9iog8l-881 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp9iog8l-882 {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-surface, #f8fafc);
  text-align: center;
  margin: 0px 0px 0px 0px;
}


/* Universal — يطبق على كل الأحجام */
/*
 * overflow-x: clip بدل hidden:
 *   1. clip ما يـ establish scrolling container (hidden يـ establish)
 *   2. مهم لأن sticky positioning ما يكسر — لو body كان scrolling container،
 *      الـ sticky يلتصق به (مش بالـ viewport) و body ما يـ scroll → sticky ما يفعّل
 * Browser support: Chrome 90+, Firefox 81+, Safari 16+ (~98% global).
 * Fallback لـ hidden للمتصفحات القديمة (cascade).
 */
html, body { overflow-x: hidden; overflow-x: clip; max-width: 100vw; }
img, video { max-width: 100%; height: auto; }
button, a { min-height: 32px; }
[data-bp-form] input, [data-bp-form] textarea, [data-bp-form] select {
  max-width: 100%;
}
/* منع overflow من URLs/كلمات طويلة */
p, span, h1, h2, h3, h4, h5, h6, li, td { overflow-wrap: break-word; word-wrap: break-word; }
/* Containers يـ wrap بدل overflow */
[data-bp-dir="row"] { flex-wrap: wrap; }

/* 📱 Mobile (≤640px) */
@media (max-width: 640px) {
  /* 1. Containers row → column */
  [data-bp-dir="row"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  /* 2. Grids → عمود واحد (يشمل Container grids + CardsGrid + nested grids) */
  [data-bp-display="grid"],
  [data-bp-cards-grid] .grid-w,
  [data-bp-cards-grid] .grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  /* 2.5. Containers بـ fixed widths → 100% (يمنع overflow أفقي) */
  [class^="bp-container-"], [class*=" bp-container-"] {
    max-width: 100% !important;
  }
  /* 3. Section padding مخفّض + max-width 100% */
  section[class^="bp-section-"], section[class*=" bp-section-"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    max-width: 100% !important;
  }
  /* 4. Headings sizes */
  h1, [class*="bp-text-"] h1 { font-size: clamp(24px, 7vw, 32px) !important; line-height: 1.2 !important; }
  h2, [class*="bp-text-"] h2 { font-size: clamp(20px, 5.5vw, 26px) !important; line-height: 1.25 !important; }
  h3, [class*="bp-text-"] h3 { font-size: clamp(17px, 4.5vw, 20px) !important; line-height: 1.3 !important; }
  /* 5. Body text — تأكد قابل للقراءة */
  p, [class*="bp-text-"] p { font-size: clamp(15px, 4vw, 16px) !important; line-height: 1.6 !important; }
  /* 5.5 Text widgets بـ width fixed → auto */
  [class^="bp-text-"], [class*=" bp-text-"] {
    max-width: 100% !important;
  }
  /* 6. Cards full-width */
  [class^="bp-card-"], [class*=" bp-card-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 7. Buttons — touch-friendly (44px min per Apple HIG) */
  [class*="bp-button-"], a[class*="bp-button-"], button[class*="bp-button-"] {
    min-height: 44px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    justify-content: center !important;
  }
  /* 8. NavMenus — تحطّم لـ vertical */
  [data-bp-navmenu] ul, ul[class^="bp-nav-"], ul[class*=" bp-nav-"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  [data-bp-navmenu] a, ul[class^="bp-nav-"] a, ul[class*=" bp-nav-"] a {
    width: 100% !important;
    padding: 12px 16px !important;
    justify-content: flex-start !important;
  }
  /* 9. Map widget — height مرن */
  [class*="bp-map-"] {
    width: 100% !important;
    height: clamp(240px, 50vh, 360px) !important;
  }
  /* 10. Forms — كل field full-width + spacing مريح */
  [data-bp-form] input, [data-bp-form] textarea, [data-bp-form] select {
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important; /* يمنع iOS zoom */
  }
  [data-bp-form] textarea { min-height: 100px !important; }
  [data-bp-form] {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 11. Tables — scroll أفقي بدل تكسير */
  table { display: block; overflow-x: auto; }
  /* 12. Image widget — height auto (لو في height بـ px ثابت) */
  [class^="bp-image-"] img, [class*=" bp-image-"] img {
    width: 100% !important;
    height: auto !important;
  }
  /* 13. Hero/Feature sections بـ height fixed → min-height مرن */
  section[class^="bp-section-"][style*="height"],
  section[class*=" bp-section-"][style*="height"] {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* 📱 Tablet (641-1024px) */
@media (min-width: 641px) and (max-width: 1024px) {
  /* Grid 3+ cols → 2 cols (يشمل Container + CardsGrid) */
  [data-bp-display="grid"],
  [data-bp-cards-grid] .grid-w,
  [data-bp-cards-grid] .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  /* Section padding أقل من desktop */
  section[class^="bp-section-"], section[class*=" bp-section-"] {
    padding-left: clamp(24px, 4vw, 48px) !important;
    padding-right: clamp(24px, 4vw, 48px) !important;
  }
  /* Headings */
  h1 { font-size: clamp(32px, 6vw, 48px) !important; }
  h2 { font-size: clamp(26px, 4.5vw, 36px) !important; }
}