/* المميزات والأسباب — independent component */
@font-face{font-family:SignatureCairo;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/cairo-1.woff2") format("woff2")}
@font-face{font-family:SignatureCairo;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/cairo-2.woff2") format("woff2")}
@font-face{font-family:SignatureCairo;font-style:normal;font-weight:700;font-display:swap;src:url("fonts/cairo-3.woff2") format("woff2")}
@font-face{font-family:SignatureCairo;font-style:normal;font-weight:800;font-display:swap;src:url("fonts/cairo-4.woff2") format("woff2")}
@font-face{font-family:SignatureCairo;font-style:normal;font-weight:900;font-display:swap;src:url("fonts/cairo-5.woff2") format("woff2")}
/* Preview wrapper. Copy the .sc section to embed the component. */
.special-section-benefits html { box-sizing: border-box; }
.special-section-benefits *, .special-section-benefits *::before, .special-section-benefits *::after { box-sizing: inherit; }
.special-section-benefits body { margin: 0; background: #f6f8f3; }
.special-section-benefits .component-preview { max-width: 1132px; margin: 28px auto; padding: 32px; background: #fff; border: 1px solid #e1e8dd; border-radius: 20px; }
@media (max-width: 650px) { .special-section-benefits .component-preview { margin: 16px 12px; padding: 18px 12px; } }

.special-section-benefits .sc {
  --green:#07523f;
  --mid:#27845f;
  --sage:#edf5ec;
  --gold:#c49a41;
  --ink:#42544e;
  --line:#d6e3d8;
  font-family:SignatureCairo,Tahoma,sans-serif;
  direction:rtl;
  color:var(--ink);
  font-size:16px;
  line-height:1.9;
  container-type:inline-size;
  min-width:0;
}

.special-section-benefits .sc * {
  box-sizing:border-box;
}

.special-section-benefits .sc h2,
.special-section-benefits .sc h3,
.special-section-benefits .sc p,
.special-section-benefits .sc ul,
.special-section-benefits .sc ol,
.special-section-benefits .sc blockquote,
.special-section-benefits .sc figure {
  margin:0;
}

.special-section-benefits .sc h2 {
  font-size:26px;
  color:var(--green);
  line-height:1.6;
  font-weight:800;
}

.special-section-benefits .sc h3 {
  font-size:19px;
  line-height:1.6;
  color:var(--green);
  font-weight:800;
}

.special-section-benefits .sc p {
  overflow-wrap:anywhere;
}

.special-section-benefits .sc a {
  color:var(--green);
  text-underline-offset:5px;
}

.special-section-benefits .sc :focus-visible {
  outline:3px solid var(--gold);
  outline-offset:4px;
}

.special-section-benefits .sc .sc-head {
  margin-bottom:28px;
}

.special-section-benefits .sc .sc-head p {
  font-size:14px;
  color:#687b70;
  margin-top:5px;
}

.special-section-benefits .sc-icon {
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}

.special-section-benefits .sc-primary {
  background:var(--green);
  color:white!important;
}

.special-section-benefits .sc-paths {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:-1;
  overflow:visible;
}

.special-section-benefits .sc-benefits {
  position:relative;
  display:grid;
  grid-template-columns:1fr 180px 1fr;
  column-gap:20px;
  row-gap:36px;
  isolation:isolate;
  padding:15px 0;
}

.special-section-benefits .sc-benefit {
  display:flex;
  gap:16px;
  align-items:flex-start;
  min-width:0;
}

.special-section-benefits .sc-benefit p {
  font-size:14px;
  margin-top:9px;
}

.special-section-benefits .sc-benefit h3 {
  font-size:18px;
}

.special-section-benefits .sc-benefit .sc-badge {
  width:68px;
  height:82px;
  position:relative;
  flex:0 0 68px;
  display:grid;
  place-items:center;
  color:white;
}

.special-section-benefits .sc-badge>svg:first-child {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-1;
}

.special-section-benefits .sc-badge .sc-icon {
  width:30px;
  height:30px;
}

.special-section-benefits .sc-benefit.sc-right {
  grid-column:1;
  flex-direction:row-reverse;
}

.special-section-benefits .sc-benefit.sc-left {
  grid-column:3;
}

.special-section-benefits .sc-center {
  grid-column:2;
  grid-row:1 / span var(--rows);
  align-self:center;
  justify-self:center;
  width:158px;
  height:215px;
}

.special-section-benefits .sc-center svg {
  width:100%;
  height:100%;
}

.special-section-benefits .sc-benefits .sc-paths {
  z-index:-2;
}

@container(max-width:700px) {
.special-section-benefits .sc h2 {
  font-size:22px;
}

.special-section-benefits .sc-head {
  margin-bottom:20px!important;
}

.special-section-benefits .sc-benefits {
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
}

.special-section-benefits .sc-center {
  width:95px;
  height:124px;
  align-self:center;
  margin-bottom:20px;
}

.special-section-benefits .sc-benefit,
.special-section-benefits .sc-benefit.sc-right {
  flex-direction:row;
  gap:15px;
  padding:18px 0;
  border-bottom:1px solid #e1d3af;
}

.special-section-benefits .sc-benefit:last-child {
  border:0;
}

.special-section-benefits .sc-benefit .sc-badge {
  width:52px;
  height:65px;
  flex-basis:52px;
}

.special-section-benefits .sc-benefits .sc-paths {
  display:none;
}
}

@media(prefers-reduced-motion:reduce) {
.special-section-benefits .sc * {
  scroll-behavior:auto!important;
}
}

@media print {
.special-section-benefits .sc {
  break-inside:avoid;
}

.special-section-benefits .sc-paths {
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
}

/* Editable layout values extracted from HTML. */
.special-section-benefits .sc-value-1 { --rows:2; }
.special-section-benefits .sc-value-2 { grid-row:1; }
.special-section-benefits .sc-value-3 { grid-row:2; }
.special-section-benefits .sc-value-4 { grid-row:1; }
.special-section-benefits .sc-value-5 { grid-row:2; }

.special-section-benefits .component-preview{margin:20px 0;padding:16px;border:0;max-width:none;background:transparent}