.elementor-75 .elementor-element.elementor-element-291071e{--display:flex;}/* Start custom CSS *//* ========= DigiVici Services – Mobile-first, colorful ========= */
:root{
  --bg:#f6f8fb;
  --ink:#0f172a;
  --muted:#64748b;

  --grad1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  --grad2:linear-gradient(135deg,#00d4ff,#0099cc);

  --card-bg:#fff;
  --glass-bg:rgba(255,255,255,.10);
  --glass-br:rgba(255,255,255,.25);

  --shadow:0 14px 30px rgba(2,14,38,.12);
  --shadow-strong:0 24px 48px rgba(2,14,38,.16);

  --radius-xl:22px;
  --radius-lg:18px;
  --radius-md:14px;

  --max:1200px;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:"Heebo","Assistant",system-ui,Arial,sans-serif;line-height:1.65;margin:0}

.dv-svc-container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* ===== Hero ===== */
.dv-svc-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--grad1);color:#fff;padding:110px 0 70px;
}
.dv-svc-hero__bg span{
  position:absolute;inset:auto;border-radius:50%;filter:blur(40px);opacity:.5
}
.dv-svc-hero__bg .b1{width:220px;height:220px;top:-40px;right:8%;background:#00d4ff99}
.dv-svc-hero__bg .b2{width:180px;height:180px;bottom:10%;left:12%;background:#ffffff33}
.dv-svc-hero__bg .b3{width:260px;height:260px;bottom:-80px;right:-60px;background:#0099cc55}

.dv-svc-hero__content{text-align:center}
.dv-svc-hero__title{font-weight:900;font-size:clamp(30px,5vw,46px);margin:0 0 10px}
.dv-svc-hero__title .hl{color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5)}
.dv-svc-hero__subtitle{margin:0;color:#e8f0ff;font-size:clamp(16px,2.4vw,18px)}

/* ===== Section base ===== */
.dv-svc-section{padding:70px 0;background:#f8fafc}
.dv-svc-head{text-align:center;margin-bottom:38px}
.dv-svc-title{font-weight:900;font-size:clamp(26px,3.8vw,36px);margin:0 0 8px;color:#1e2859}
.dv-svc-subtitle{margin:0 auto;color:var(--muted);max-width:720px}

/* Gradient slab with glass cards */
.dv-svc-slab{
  background:var(--grad1);padding:80px 0;color:#fff;position:relative;isolation:isolate;
}
.dv-svc-head--light .dv-svc-subtitle{color:#e9f3ff}
.dv-svc-title--light{color:#fff}

/* ===== Grid & Card ===== */
.dv-svc-grid{
  display:grid;gap:26px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.dv-svc-card{
  background:var(--card-bg);border-radius:var(--radius-xl);
  padding:28px 22px;text-align:center;box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease;
}
.dv-svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}

.dv-svc-card--glass{
  background:var(--glass-bg);backdrop-filter:blur(10px);
  border:1px solid var(--glass-br);
}
.dv-svc-card__title{margin:8px 0 8px;font-weight:800;color:#1e2859}
.dv-svc-card__title--light{color:#fff}
.dv-svc-card__txt{margin:0;color:var(--muted)}
.dv-svc-card__txt--light{color:#f3f7ff}

.dv-svc-icon{
  width:76px;height:76px;margin:0 auto 10px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background:var(--grad2);box-shadow:0 10px 22px rgba(0,212,255,.28);
  font-size:26px;
}
.dv-svc-icon--glass{background:var(--grad2);opacity:.95}

/* Chips */
.dv-svc-chips{margin:14px 0 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.chip{
  display:inline-block;font:700 12px/1 "Heebo",system-ui,Arial;
  padding:7px 12px;border-radius:999px;background:#e7f7ff;color:#0a5170
}
.chip:nth-child(2){background:#e8ffe9;color:#115b2b}
.chip:nth-child(3){background:#fff4e1;color:#7c4107}

/* Tooltips */
.has-tip{position:relative;cursor:help}
.has-tip::after{
  content:attr(data-tip);position:absolute;inset:auto auto 110% 50%;
  transform:translateX(-50%);min-width:180px;max-width:220px;
  white-space:normal;background:#0f172a;color:#fff;
  padding:8px 10px;border-radius:10px;opacity:0;pointer-events:none;
  transition:opacity .15s;box-shadow:0 10px 20px rgba(0,0,0,.25);z-index:5;
}
.has-tip:hover::after,.has-tip:focus-visible::after{opacity:1}

/* Steps */
.dv-svc-steps{
  list-style:none;margin:0;display:grid;gap:20px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0
}
.step{
  background:#fff;border-radius:var(--radius-lg);padding:22px;text-align:center;
  box-shadow:var(--shadow)
}
.step .n{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 10px;background:var(--grad1);color:#fff;font-weight:900
}

/* CTA */
.dv-svc-cta{
  background:var(--grad1);color:#fff;padding:70px 0;text-align:center
}
.dv-svc-cta__wrap{max-width:720px}
.dv-svc-cta__title{margin:0 0 8px;font-size:clamp(26px,3.6vw,34px);font-weight:900}
.dv-svc-cta__txt{margin:0 0 18px;color:#e9f3ff}
.dv-svc-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:26px;font-weight:800;text-decoration:none}
.dv-svc-btn--primary{background:var(--grad2);color:#fff;box-shadow:0 12px 28px rgba(0,212,255,.28)}
.dv-svc-btn--primary:hover{transform:translateY(-2px)}
.dv-svc-btn--ghost{border:2px solid #fff;color:#fff}
.dv-svc-btn--ghost:hover{background:#fff;color:#1e2859}

/* Glossary */
.dv-svc-gloss{padding:32px 0 60px;background:#f8fafc}
.dv-svc-gloss details{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:16px}
.dv-svc-gloss summary{cursor:pointer;font-weight:800}

/* Icons lib (Font Awesome) safe defaults if not already loaded) */
@font-face{font-family:'Font Awesome 5 Free';src:local('☺');font-weight:900}
/* (באתר חי נטען דרך CDN, כאן רק ריק-פלייסר כך שלא יישבר ה-layout) *//* End custom CSS */