.elementor-10138 .elementor-element.elementor-element-b42749b{--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;--margin-top:-69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-10138 .elementor-element.elementor-element-b42749b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10138 .elementor-element.elementor-element-1b246c3{padding:0px 0px 0px 0px;}.elementor-10138 .elementor-element.elementor-element-7afd2031{--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;--overlay-opacity:0.5;overflow:visible;}.elementor-10138 .elementor-element.elementor-element-7afd2031:not(.elementor-motion-effects-element-type-background), .elementor-10138 .elementor-element.elementor-element-7afd2031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151724;}.elementor-10138 .elementor-element.elementor-element-7afd2031::before, .elementor-10138 .elementor-element.elementor-element-7afd2031 > .elementor-background-video-container::before, .elementor-10138 .elementor-element.elementor-element-7afd2031 > .e-con-inner > .elementor-background-video-container::before, .elementor-10138 .elementor-element.elementor-element-7afd2031 > .elementor-background-slideshow::before, .elementor-10138 .elementor-element.elementor-element-7afd2031 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10138 .elementor-element.elementor-element-7afd2031 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#151724;--background-overlay:'';}.elementor-10138 .elementor-element.elementor-element-1ca89933{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-section-title{color:#7434FA;font-size:62px;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-section-title:hover{color:#FFFFFF;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-section-title > span{color:#FFFFFF;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#FFCE05;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-border-divider{width:100px;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;}.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-border-divider, .elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-border-divider::before{height:4px;}.elementor-10138 .elementor-element.elementor-element-651f31a1{background-color:#151724;}.elementor-10138 .elementor-element.elementor-element-59b4fbc9{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-10138 .elementor-element.elementor-element-33366196{--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;--overlay-opacity:0.5;overflow:visible;}.elementor-10138 .elementor-element.elementor-element-33366196:not(.elementor-motion-effects-element-type-background), .elementor-10138 .elementor-element.elementor-element-33366196 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10138 .elementor-element.elementor-element-33366196::before, .elementor-10138 .elementor-element.elementor-element-33366196 > .elementor-background-video-container::before, .elementor-10138 .elementor-element.elementor-element-33366196 > .e-con-inner > .elementor-background-video-container::before, .elementor-10138 .elementor-element.elementor-element-33366196 > .elementor-background-slideshow::before, .elementor-10138 .elementor-element.elementor-element-33366196 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10138 .elementor-element.elementor-element-33366196 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}@media(max-width:767px){.elementor-10138 .elementor-element.elementor-element-1ca89933 .elementskit-section-title-wraper .elementskit-section-title > span{padding:20px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10138 .elementor-element.elementor-element-b42749b{--width:1010px;}}/* Start custom CSS for html, class: .elementor-element-1b246c3 *//* =========================================================
   ZAGATR — Healthcare Page
   Accent: #0057a5 (clinical blue)
   ========================================================= */

#healthcare-page{
  --bg:#0f1117; --bg-2:#141a23;
  --ink:#0e0f14; --surface:#ffffff;
  --text:#ffffff; --muted:#cbd1dc;
  --accent:#0057a5;
  --accent-2:#33a1ff;
  --brand:#ffce05;
  --shadow:0 18px 40px rgba(0,0,0,.35);
  --soft:0 0 16px 5px rgba(147,147,147,.20);
  --soft-2:0 0 16px 5px rgba(0,0,0,.20);
  --r:14px;
}

#healthcare-page, #healthcare-page *{ box-sizing:border-box; }
#healthcare-page img{ max-width:100%; height:auto; display:block; } /* prevent overflow */
#healthcare-page section{ margin-top:40px; }

/* ---------- LAYOUT / CONTAINER ---------- */
#healthcare-page .hc-container{ width:min(1200px,92%); margin-inline:auto; padding-inline:16px; }
#healthcare-page .hc-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  align-items:start;
}
@media (max-width:1024px){
  #healthcare-page .hc-row{ grid-template-columns:1fr; gap:24px; }
}

/* ---------- HERO ---------- */
#healthcare-page .hc-hero{
  padding:72px 0;
  background:
    radial-gradient(1200px 500px at 85% -200px, rgba(0,87,165,.25), transparent 60%),
    radial-gradient(900px 400px at -200px 60%, rgba(255,209,102,.18), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg-2));
  color:var(--text);
}
#healthcare-page .hc-hero__media{ grid-area:1/1; }
#healthcare-page .hc-hero__img{
  width:100%; border-radius:12px; box-shadow:var(--soft);
  aspect-ratio: 3 / 2; object-fit:cover; /* keeps image crisp on mobile */
}
#healthcare-page .hc-hero__text{ grid-area:1/2; }
#healthcare-page .hc-kicker{
  display:inline-block; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  background:linear-gradient(90deg, var(--accent), #33a1ff); color:#fff; padding:8px 14px; border-radius:999px;
}
#healthcare-page .hc-title{ font-size:clamp(28px,5vw,56px); line-height:1.08; font-weight:800; margin:14px 0 10px; }
#healthcare-page .hc-desc{ color:var(--muted); font-size:clamp(15px,3.6vw,18px); line-height:1.7; max-width:65ch; }

#healthcare-page .hc-actions{ display:flex; gap:12px; flex-wrap:wrap; }
#healthcare-page .btn{
  --h:50px; display:inline-flex; align-items:center; gap:10px; height:var(--h); padding:0 18px; border-radius:999px;
  font-weight:800; letter-spacing:.02em; text-decoration:none; transition:transform .2s, box-shadow .2s, background .2s, color .2s;
}
#healthcare-page .btn__icon{ width:30px; height:30px; display:inline-grid; place-items:center; border-radius:50%; background:#fff; color:var(--accent); font-weight:900; }
#healthcare-page .btn--primary{ background:linear-gradient(180deg, var(--accent), #024c8f); color:#fff; box-shadow:0 10px 28px rgba(0,0,0,.28); }
#healthcare-page .btn--primary:hover{ transform:translateY(-2px); box-shadow:0 16px 40px rgba(0,0,0,.35); }
#healthcare-page .btn--ghost{ background:#0f1119; color:#fff; border:1px solid rgba(255,255,255,.18); }
#healthcare-page .btn--ghost:hover{ border-color:rgba(0,87,165,.45); box-shadow:0 0 0 3px rgba(0,87,165,.25) inset; }

@media (max-width:600px){
  #healthcare-page .hc-hero{ padding:48px 0; }
  #healthcare-page .btn{ --h:46px; padding:0 16px; }
}

/* ---------- INTRO / FEATURES ---------- */
#healthcare-page .hc-row--mirror{ grid-template-columns:1fr 1fr; grid-template-areas:"copy visual"; }
#healthcare-page .hc-intro__copy{ grid-area:copy; }
#healthcare-page .hc-intro__visual{ grid-area:visual; }
#healthcare-page .hc-intro__img{ width:100%; border-radius:12px; box-shadow:var(--soft); }

#healthcare-page .hc-badge{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:12px 14px; border-radius:999px; font-size:clamp(16px,3.8vw,22px); color:#fff;
  background:linear-gradient(90deg, var(--accent), var(--accent-2));
}
#healthcare-page .hc-h2{ font-weight:800; font-size:clamp(24px,4.4vw,42px); margin:10px 0 12px; color:#000; }
#healthcare-page .hc-text{ color:#000; font-size:clamp(15px,3.6vw,16px); line-height:1.7; }

#healthcare-page .hc-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
#healthcare-page .hc-features .hc-card{
  color:#000; font-size:14px; box-shadow:var(--soft); padding:14px; font-weight:700; border-radius:12px;
  background:#fff; transition:transform .15s, box-shadow .2s, background .2s; border:1px solid rgba(0,0,0,.06);
}
#healthcare-page .hc-features .hc-card:hover{ transform:translateY(-2px); background:#e6f2ff; border-color:rgba(0,87,165,.35); }
@media (max-width:991px){ #healthcare-page .hc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ #healthcare-page .hc-grid{ grid-template-columns:1fr; } }

/* Maturity block */
#healthcare-page .hc-assess{ margin-top:16px; border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:16px; background:#fff; box-shadow:var(--soft); }
#healthcare-page .hc-assess h3{ font-size:18px; font-weight:800; margin:0 0 8px; color:#111; }
#healthcare-page .hc-assess__grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
#healthcare-page .hc-assess__grid label{ display:flex; flex-direction:column; gap:6px; font-weight:700; color:#222; font-size:14px; }
#healthcare-page .hc-assess__score{ margin-top:8px; font-weight:800; color:#111; }
#healthcare-page .pill{ display:inline-block; padding:4px 10px; border-radius:999px; background:#f5f5f7; margin-left:6px; font-weight:800; }

/* KPI ribbon */
#healthcare-page .hc-kpi{ margin-top:14px; }
#healthcare-page .hc-kpi__row{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
#healthcare-page .kpi__val{ color:#010101; text-align:center; font-size:20px; font-weight:800; line-height:1; }
#healthcare-page .kpi__lbl{ font-weight:500; font-size:12px; color:#6a6869; text-align:center; }
@media (max-width:900px){ #healthcare-page .hc-kpi__row{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){ #healthcare-page .hc-kpi__row{ grid-template-columns:repeat(2,1fr); } }

/* ---------- SOLUTIONS ---------- */
#healthcare-page .hc-solutions{
  background:
    radial-gradient(1000px 420px at 110% -180px, rgba(0,87,165,.15), transparent 60%),
    var(--bg);
  color:var(--text);
  padding:72px 0;
}
#healthcare-page .hc-solutions__row{ display:grid; grid-template-columns:.85fr 1fr; gap:40px; }
#healthcare-page .hc-panel{
  background:#151724; border:1px solid #2a2d3a; border-radius:18px; padding:24px 18px; box-shadow:var(--shadow); position:sticky; top:24px; height:fit-content;
}
#healthcare-page .hc-panel__kicker{
  font-weight:800; text-transform:uppercase; font-size:20px; color:#0f1117;
  display:inline-block; padding:6px 12px; border-radius:999px; background:linear-gradient(90deg, var(--brand), #ffeaa9);
}
#healthcare-page .hc-panel__title{ font-size:clamp(24px,4.8vw,44px); line-height:1.15; margin:12px 0 6px; font-weight:800; }
#healthcare-page .hc-panel__text{ color:var(--muted); font-size:15.5px; line-height:1.7; }

#healthcare-page .hc-tabs{ display:flex; flex-direction:column; gap:8px; padding-left:0; margin:18px 0 0; list-style:none; }
#healthcare-page .hc-tab > span{
  display:block; padding:14px; border-radius:12px; background:#0f1119; border:1px solid #2a2d3a;
  transition:background .25s, border-color .25s, transform .2s, box-shadow .25s;
}
#healthcare-page .hc-tab > span small{ display:block; color:#e9ecf1; font-weight:700; font-size:15px; }
#healthcare-page .hc-tab:hover > span,
#healthcare-page .hc-tab.active > span{
  background:linear-gradient(90deg, rgba(0,87,165,.25), rgba(0,209,178,.18));
  border-color:rgba(0,87,165,.5); box-shadow:inset 0 0 0 2px rgba(0,87,165,.25); transform:translateX(2px);
}

#healthcare-page .hc-right .hc-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#healthcare-page .hc-cardbox{
  border:1px solid #2a2d3a; border-radius:14px;
  background:linear-gradient(180deg,#1a1d2a,#141724); padding:18px; height:100%;
  transition:border-color .25s, box-shadow .25s, transform .25s, background .25s;
}
#healthcare-page .hc-card__title{ font-weight:800; font-size:18px; margin:2px 0 10px; color:#fff; }
#healthcare-page .hc-card__text{ color:#b7bcc7; font-size:15px; line-height:1.75; }
#healthcare-page .hc-cardbox:hover{
  border-color:rgba(0,87,165,.55);
  box-shadow:0 12px 30px rgba(0,0,0,.35), 0 0 0 4px rgba(0,87,165,.50) inset;
  transform:translateY(-2px);
  background:linear-gradient(180deg,#202437,#171a28);
}
#healthcare-page .hc-cardcol.active .hc-cardbox{
  border-color:rgba(0,209,178,.55);
  box-shadow:0 12px 30px rgba(0,0,0,.35), 0 0 0 4px rgba(0,209,178,.18) inset;
  background:linear-gradient(180deg,#1e2233,#15192a);
}
@media (max-width:1200px){ #healthcare-page .hc-solutions__row{ grid-template-columns:1fr; } #healthcare-page .hc-panel{ position:relative; top:auto; } }
@media (max-width:991px){ #healthcare-page .hc-right .hc-cards{ grid-template-columns:1fr; gap:16px; } }

/* Widgets */
#healthcare-page .hc-widgets{ margin-top:28px; }
#healthcare-page .hc-widgettitle{ font-size:20px; font-weight:900; margin:0 0 10px; color:#fff; }
#healthcare-page .hc-widgets__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
#healthcare-page .hc-widget{
  background:#0f1117; color:#e9ecf1; border:1px solid #2a2d3a; border-radius:12px; padding:14px; box-shadow:0 12px 30px rgba(0,0,0,0.25);
}
#healthcare-page .rowgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
#healthcare-page .hc-widget label{ display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:800; color:#cdd3df; }
#healthcare-page .hc-widget input{ background:#0b0d14; color:#fff; border:1px solid #2a2d3a; border-radius:8px; padding:8px; outline:none; width:100%; }
#healthcare-page .hc-widget .out{ font-size:13px; margin-top:6px; color:#cbd1dc; }
@media (max-width:768px){ #healthcare-page .hc-widgets__grid{ grid-template-columns:1fr; } #healthcare-page .rowgrid{ grid-template-columns:1fr; } }

/* ---------- DESIGN PRINCIPLES ---------- */
#healthcare-page .hc-consider{
  background:#f5f9ff; color:#000; padding:56px 0;
  border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06);
}
#healthcare-page .hc-row--consider{ grid-template-columns:1fr; gap:12px; }
#healthcare-page .hc-consider__badge{
  display:inline-block; font-weight:800; letter-spacing:.06em; padding:10px 14px; border-radius:999px; color:#fff;
  background:
    linear-gradient(0deg, rgba(0,0,0,.35), rgba(0,0,0,.35)),
    url("https://zagatech.pro/assets/images/healthcare/head_bg.webp") center/cover no-repeat;
  font-size:clamp(14px,3.6vw,18px);
}
#healthcare-page .hc-consider__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:10px; }
#healthcare-page .hc-consider__list{
  margin:0; padding-left:0; list-style:none; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:12px; box-shadow:var(--soft); padding:16px;
}
#healthcare-page .hc-consider__list li{ position:relative; padding-left:28px; margin:0 0 8px; line-height:1.6; }
#healthcare-page .hc-consider__list li:last-child{ margin-bottom:0; }
#healthcare-page .hc-consider__list li::before{
  content:""; position:absolute; left:6px; top:.55em; width:10px; height:10px; border-radius:50%; background:var(--accent);
  box-shadow:0 0 0 4px rgba(0,87,165,.18);
}
@media (max-width:767.98px){ #healthcare-page .hc-consider__grid{ grid-template-columns:1fr; } }

/* ---------- BENEFITS ---------- */
#healthcare-page .hc-benefits{
  background: radial-gradient(900px 380px at -160px -120px, rgba(0,87,165,.12), transparent 60%), #ffffff;
  color:#000; padding:56px 0;
}
#healthcare-page .hc-row--benefits{ grid-template-columns:.9fr 1.1fr; gap:28px; align-items:start; }
@media (max-width:991px){ #healthcare-page .hc-row--benefits{ grid-template-columns:1fr; } }

#healthcare-page .hc-benefits__badge{
  display:inline-block; font-weight:800; letter-spacing:.06em; padding:10px 14px; border-radius:999px; color:#fff;
  background:linear-gradient(90deg, var(--accent), var(--accent-2));
  font-size:clamp(14px,3.6vw,18px);
}
#healthcare-page .hc-benefits__list{ display:flex; flex-direction:column; gap:12px; }
#healthcare-page .bn-card{
  display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:flex-start;
  padding:14px; border-radius:12px; background:#0f1117; color:#e9ecf1; border:1px solid #2a2d3a; box-shadow:0 12px 30px rgba(0,0,0,0.25);
}
#healthcare-page .bn-num{
  width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-weight:900;
  background:linear-gradient(180deg, var(--accent-2), var(--accent)); color:#fff;
}
#healthcare-page .bn-title{ margin:2px 0 4px; font-weight:800; font-size:16px; color:#fff; }
#healthcare-page .bn-text{ margin:0; color:#cbd1dc; }

/* ---------- STACK / INTEGRATIONS ---------- */
#healthcare-page .hc-stack{ background:#fff; color:#000; padding:56px 0; }
#healthcare-page .tag{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:10px 14px; border-radius:999px; color:#fff;
  background:linear-gradient(90deg, var(--accent), var(--accent-2)); font-size:clamp(14px,3.6vw,18px);
}
#healthcare-page .marquee{ overflow:hidden; position:relative; width:100%; margin-top:10px; }
#healthcare-page .marquee__track{ display:flex; width:max-content; gap:34px; animation:marq 28s linear infinite; }
@keyframes marq{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
#healthcare-page .logo{ height:34px; object-fit:contain; display:block; filter:contrast(1.05) saturate(1.02); }

/* Mini service catalog — hardened + responsive */
#healthcare-page #hc-integrations .hc-row{
  display:grid !important; grid-template-columns:1fr 1fr; gap:24px; align-items:start;
}
#healthcare-page #hc-integrations .hc-row > *{
  width:100% !important; min-width:0 !important; justify-self:stretch !important; text-align:left !important; float:none !important;
}
#healthcare-page #hc-integrations .svcgrid{
  display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;
}
#healthcare-page #hc-integrations .svcgrid > *{
  display:block !important; width:100% !important; max-width:none !important; margin:0 !important; float:none !important;
}
#healthcare-page .svccard{
  border:1px solid rgba(0,0,0,.08); background:#fff; border-radius:12px; padding:14px; box-shadow:var(--soft);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#healthcare-page .svccard:hover{ transform:translateY(-2px); box-shadow:var(--soft-2); border-color:rgba(0,87,165,.35); }
#healthcare-page .svccard h4{ margin:0 0 6px; font-weight:900; font-size:16px; }
#healthcare-page .svccard p{ margin:0; color:#444; font-size:14px; }
@media (max-width:991px){
  #healthcare-page #hc-integrations .hc-row{ grid-template-columns:1fr; }
  #healthcare-page #hc-integrations .svcgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:575px){ #healthcare-page #hc-integrations .svcgrid{ grid-template-columns:1fr; } }

/* ---------- PROCESS ---------- */
#healthcare-page .hc-process{ background:#fff; color:#000; padding:56px 0; }
#healthcare-page .slo{ width:min(1200px,92%); margin:0 auto 12px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
#healthcare-page .slo .lbl{ font-weight:800; font-size:13px; color:#333; }
#healthcare-page .slo .val{ font-weight:900; }
#healthcare-page .slo > div{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:10px 12px; box-shadow:var(--soft); display:flex; justify-content:space-between; }
@media (max-width:650px){ #healthcare-page .slo{ grid-template-columns:1fr; } }

#healthcare-page .hc-proc__timeline{ position:relative; }
#healthcare-page .tl{ position:relative; padding:10px 0; }
#healthcare-page .tl::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; background:linear-gradient(180deg, transparent, rgba(0,0,0,.12), transparent); transform:translateX(-50%); }
#healthcare-page .tl__row{ position:relative; display:flex; margin:8px 0 24px; }
#healthcare-page .tl__row:last-child{ margin-bottom:8px; }
#healthcare-page .tl__row::before{ content:""; position:absolute; left:50%; top:16px; transform:translate(-50%,-50%); width:12px; height:12px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 6px rgba(255,206,5,0.15); }
#healthcare-page .tl__card{ background:#13141b; border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:20px 18px; box-shadow:0 8px 28px rgba(0,0,0,0.25); color:#fff; }
#healthcare-page .tl--even .tl__card{ margin-left:auto; }
#healthcare-page .tl--odd  .tl__card{ margin-right:auto; max-width:92%; }
#healthcare-page .hc-proc__aside .hc-h2{ margin-top:0; }
#healthcare-page .hc-proc__img{ max-width:100%; height:auto; border-radius:12px; box-shadow:var(--soft-2); }
#healthcare-page .pir{ margin:10px 0 14px; }
#healthcare-page .pir summary{ cursor:pointer; font-weight:800; }
#healthcare-page .pir__body{ background:#f7f8fb; border:1px solid rgba(0,0,0,.06); border-radius:10px; padding:12px; }

@media (max-width:991px){
  #healthcare-page .tl::before{ left:24px; transform:none; }
  #healthcare-page .tl__row::before{ left:24px; }
  #healthcare-page .tl--even .tl__card, #healthcare-page .tl--odd .tl__card{ margin:0 0 0 48px; }
}

/* ---------- SEGMENTS ---------- */
#healthcare-page .hc-segments{ background:#fffbec; color:#000; padding:56px 0; }
#healthcare-page .seg__head{ display:grid; gap:10px; }
#healthcare-page .seg__badge{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:8px 12px; border-radius:999px; background:#fff; color:#2c2725; font-size:clamp(18px,5vw,30px);
  box-shadow:0 10px 25px rgba(0,0,0,0.10);
}
#healthcare-page .seg__lead{ color:#000; font-size:clamp(15px,3.8vw,18px); line-height:1.7; }
#healthcare-page .seg__grid{ display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:20px; }
@media (max-width:991px){ #healthcare-page .seg__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ #healthcare-page .seg__grid{ grid-template-columns:1fr; } }
#healthcare-page .seg__card{ background:#13141b; border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:16px; color:#e9ecf1; box-shadow:0 10px 25px rgba(0,0,0,0.20); }
#healthcare-page .seg__thumb{ margin:0; border-radius:12px; overflow:hidden; background:#0f1117; aspect-ratio:16/9; }
#healthcare-page .seg__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
#healthcare-page .seg__title{ font-size:18px; font-weight:800; color:#ffffff; margin:12px 2px 6px; }
#healthcare-page .seg__text{ font-size:15px; line-height:1.6; color:#b7bcc7; margin:0 2px 6px; }
#healthcare-page .seg__badges{ display:flex; gap:6px; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
#healthcare-page .seg__badges li{ background:#252938; color:#fff; font-size:11px; border:1px solid rgba(255,255,255,.16); padding:4px 8px; border-radius:999px; }

/* ---------- CTA + POLICIES ---------- */
#healthcare-page .hc-cta{ background:#fff; color:#000; padding:56px 0 24px; }
#healthcare-page .cta__wrap{ display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; }
@media (max-width:767.98px){ #healthcare-page .cta__wrap{ grid-template-columns:1fr; } }
#healthcare-page .policies{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; margin-top:16px; }
#healthcare-page .policy{
  display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px;
  background:linear-gradient(135deg, var(--brand), #ff9a05); color:#000; font-weight:800; font-size:15px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,0.15);
  transition:all .2s ease;
}
#healthcare-page .policy:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,0.22); }

/* ---------- Accessibility & utilities ---------- */
#healthcare-page .btn:focus-visible,
#healthcare-page a:focus-visible,
#healthcare-page .hc-tab:focus-visible { outline:3px solid rgba(0,87,165,.6); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
  #healthcare-page .marquee__track{ animation:none!important; }
}

/* ==== Healthcare timeline uses the original ZAGATR scroll pattern ==== */
#healthcare-page #hc-process .hc-proc__timeline{ position:relative; z-index:1; }

#healthcare-page #hc-process .hc-proc__scroll{
  position:relative;
  max-height:720px;
  overflow:auto;
  padding-right:8px;
  -webkit-overflow-scrolling:touch;
}

/* Scrollbar styling (same as sample) */
#healthcare-page #hc-process .hc-proc__scroll::-webkit-scrollbar{ width:6px; }
#healthcare-page #hc-process .hc-proc__scroll::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.25); border-radius:999px;
}

/* Vertical spine + dots (kept from your sample) */
#healthcare-page #hc-process .tl{ position:relative; padding:10px 0; }
#healthcare-page #hc-process .tl::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,0.12), transparent);
  transform:translateX(-50%); pointer-events:none;
}
#healthcare-page #hc-process .tl__row{ position:relative; display:flex; margin:8px 0 24px; }
#healthcare-page #hc-process .tl__row:last-child{ margin-bottom:8px; }
#healthcare-page #hc-process .tl__row::before{
  content:""; position:absolute; left:50%; top:16px; transform:translate(-50%,-50%);
  width:12px; height:12px; border-radius:50%;
  background:#edbf09; box-shadow:0 0 0 6px rgba(237,191,9,0.15);
}

/* Card styling (already present; duplicated here to keep it together) */
#healthcare-page #hc-process .tl__card{
  background:#13141b; border:1px solid rgba(255,255,255,0.08);
  border-radius:14px; padding:20px 18px;
  box-shadow:0 8px 28px rgba(0,0,0,0.25); color:#fff;
}
#healthcare-page #hc-process .tl--even .tl__card{ margin-left:auto; }
#healthcare-page #hc-process .tl--odd  .tl__card{ margin-right:auto; max-width:92%; }

/* Responsive offsets, same as your ITSM sample */
@media (max-width:991px){
  #healthcare-page #hc-process .tl::before{ left:24px; transform:none; }
  #healthcare-page #hc-process .tl__row::before{ left:24px; }
  #healthcare-page #hc-process .tl--even .tl__card,
  #healthcare-page #hc-process .tl--odd  .tl__card{
    margin:0 0 0 48px;
  }
}

/* Small screens: keep vertical layout, allow full-height (disable max-height if desired) */
@media (max-width:575px){
  #healthcare-page #hc-process .hc-proc__scroll{ max-height:unset; }
  #healthcare-page #hc-process .tl__card{ padding:16px 14px; }
}


/* ===== ZagaTech — Healthcare blurb (scoped) ===== */
#zt-hc-overview.zt-hc {
  --accent: #5ac8a6;
  --ink: #0e0f14;
  --muted: #3a4356;
  --surface: #f7f9fc;

  padding: 28px 0;
  background: #fff;
  color: var(--ink);
}

#zt-hc-overview .zt-hc__wrap{
  width: min(1100px, 92%);
  margin-inline: auto;
  background: var(--surface);
  border-left: 6px solid var(--accent);
  border-radius: 12px;
  padding: 20px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

#zt-hc-overview .zt-hc__title{
  margin: 0 0 8px;
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .2px;
}

#zt-hc-overview .zt-hc__text{
  margin: 0;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.7;
  color: var(--muted);
  font-weight: 500;
}

#zt-hc-overview .zt-hc__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

#zt-hc-overview .zt-hc__tags li{
  padding: 6px 10px;
  border-radius: 999px;
  background: #e9f7f2;
  color: #0b3a2e;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .2px;
  border: 1px solid rgba(90,200,166,.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-651f31a1 *//* ===============================
   ZagaTech Technology Card Grid
   =============================== */

/* === Container Grid for Cards === */
.row.row_soltn_col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px; /* space between cards */
    margin-top: 40px;
}

/* === Columns: 4 per row on Desktop === */
.row.row_soltn_col > div {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    box-sizing: border-box;
}

/* === 2 per row on Tablets === */
@media (max-width: 991px) {
    .row.row_soltn_col > div {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

/* === 1 per row on Mobile === */
@media (max-width: 576px) {
    .row.row_soltn_col > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* === Card Styling === */
.card.card_black_glassy {
    background: rgba(255, 255, 255, 0.03);
    border: 8px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    overflow: hidden;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.card.card_black_glassy:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.7);
    background: rgba(255, 255, 255, 0.05);
}

/* === Card Content === */
.card_black_glassy .card-body {
    padding: 20px;
    text-align: centr;
}

/* === Technology Section Headings === */
.tech_head_center {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-transform: capitalize;
}

/* === Technology List Styling === */
.tech_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.tech_ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #ddd;
    font-weight: 400;
}

.tech_ul li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffce05;
    border-radius: 50%;
    left: 0;
    top: 6px;
    box-shadow: 0 0 6px rgba(255, 206, 5, 0.9);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1de6cfa4 *//* =========================
   Hire Developers (scoped)
   ========================= */
#zt-hire {
  --zth-bg: radial-gradient(1200px 500px at 10% -10%, rgba(237,191,9,0.12), transparent 40%),
            radial-gradient(1200px 600px at 110% 110%, rgba(255,255,255,0.06), transparent 45%),
            transparent;
  --zth-text: #e9ecf1;
  --zth-muted: #b7bcc7;
  --zth-title: #ffffff;
  --zth-accent: #edbf09;
  --zth-chip-bg: #141722;
  --zth-chip-border: rgba(255,255,255,0.10);
  --zth-chip-hover: #181c2a;
  --zth-shadow: 0 10px 25px rgba(0,0,0,0.20);
  --zth-shadow-hover: 0 18px 42px rgba(0,0,0,0.28);
  --zth-radius: 14px;

  background: var(--zth-bg);
  color: var(--zth-text);
  position: relative;
  overflow: hidden;
}

/* Optional light variant: <section class="zth light"> */
#zt-hire.light {
  --zth-text: #2c2725;
  --zth-muted: #4f4f4f;
  --zth-title: #101114;
  --zth-chip-bg: #ffffff;
  --zth-chip-border: rgba(0,0,0,0.10);
  --zth-chip-hover: #f6f7fa;
}

#zt-hire .zth__container { position: relative; z-index: 1; }

/* Headings & body copy */
#zt-hire .zth__badge{
  display:inline-block;
  font-weight:800;
  letter-spacing:.3px;
  padding:8px 16px;
  border-radius:999px;
  font-size:36px;
  line-height:1;
  margin:0 0 8px 0;
  color:#00; /* readable over image */

  /* Image + overlay */
  background:
    linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)),
    url('https://zagatech.pro/assets/images/home/head_bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Optional subtle border for contrast on light backgrounds */
  border: 1px solid rgba(255,255,255,.15);
}

/* Optional: gentle background pan (premium feel) */
@media (prefers-reduced-motion: no-preference){
  #zt-hire .zth__badge{
    background-size: 120% auto, cover; /* animate only the gradient layer size */
    animation: zthBadgePan 12s ease-in-out infinite alternate;
  }
  @keyframes zthBadgePan{
    0%   { background-position: center, center; }
    100% { background-position: 80% center, center; }
  }
}


#zt-hire .zth__title{
  color: var(--zth-title);
  font-weight: 900;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.2;
  margin: 0;
}

#zt-hire .zth__copy { margin-top: 4px; }
#zt-hire .zth__text{
  color: var(--zth-muted);
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 10px 0;
  color: #000;
}

/* Feature chips wrapper */
#zt-hire .zth__features {
  margin-top: 10px;
  /* optional: ignore Bootstrap's row gaps so spacing is chip-controlled */
  --bs-gutter-y: 0;
}

/* optional: neutralize mb-3 on col wrappers */
#zt-hire .zth__features > [class*="col-"] {
  margin-bottom: 0 !important;
}

/* Chip base + vertical spacing */
#zt-hire .zth__chip{
  background: var(--zth-chip-bg);
  border: 1px solid var(--zth-chip-border);
  border-radius: var(--zth-radius);
  padding: 14px 14px;
  margin-block: 8px;              /* ← space above & below each chip */
  box-shadow: var(--zth-shadow);
  transition: transform .16s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  /* hover color tokens */
  --chip-hover-bg: rgba(255,205,5,.70);
  --chip-hover-border: rgba(237,191,9,.55);
  --chip-hover-text: var(--zth-title);
}

/* a touch more space on desktops */
@media (min-width: 992px){
  #zt-hire .zth__chip{ margin-block: 12px; }
}

/* Leading check icon */
#zt-hire .zth__chip::before{
  content: "✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--zth-accent);
  color: #000;
  font-weight: 900;
  font-size: 14px;
  flex: 0 0 22px;
}

#zt-hire .zth__chip span{
  color: var(--zth-title);
  font-weight: 800;
  font-size: 15px;
}

/* Single hover rule (deduped) */
#zt-hire .zth__chip:hover{
  transform: translateY(-2px);
  background: var(--chip-hover-bg);
  box-shadow: var(--zth-shadow-hover);
  border-color: var(--chip-hover-border);
}
#zt-hire .zth__chip:hover span{ color: var(--chip-hover-text); }




/* Media (image) */
@keyframes zthFloat {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-10px); }
}
#zt-hire .zth__media { position: relative; }
#zt-hire .zth__image{
  max-width: 100%; height: auto; display:block;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  animation: zthFloat 4.5s ease-in-out infinite;
}

/* Responsive refinements */
@media (max-width: 575px){
  #zt-hire .zth__badge{ font-size: 14px; }
  #zt-hire .zth__title{ font-size: clamp(24px, 6vw, 28px); }
  #zt-hire .zth__text{ font-size: 15px; }
  #zt-hire .zth__chip span{ font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e549cdb */.ztx_whychoose {
  background-color: #fff;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ztx_why_dot {
  position: absolute;
  top: 40%;
  right: 55%;
  width: 70px;
  animation: float 6s ease-in-out infinite;
  z-index: 0;
}

.ztx_banner_title_xl {
  font-size: 5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  margin-bottom: 1.2rem;
}

.ztx_banner_title_xl .ztx_highlight_yellow {
  background: linear-gradient(180deg, #ffce05 100%, transparent 50%);
  display: inline-block;
}

.ztx_title_blk_big {
  font-size: 3.1rem;
  font-weight: 400;
  color: #000000;
  margin-top: 1rem;
}

.ztx_paracontent {
  font-size: 1rem;
  color: #0c0d0e;
  font-weight: 500;
  line-height: 1.7;
  text-align: justify;
}

.ztx_hr_black_big {
  height: 4px;
  width: 80px;
  background: #000;
  border: none;
  margin: 1rem 0;
}

.ztx_img_sec {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
}

.ztx_img_full {
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.ztx_pos_1,
.ztx_pos_2 {
  position: absolute;
  z-index: 3;
}

.ztx_pos_1 {
  top: -20px;
  left: -40px;
}

.ztx_pos_2 {
  bottom: -20px;
  right: -30px;
}

.ztx_progress_sec {
  margin-top: 2rem;
}

.ztx_progress_head {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #000;
}

.ztx_progress_div {
  height: 10px;
  background: #e0e0e0;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.ztx_progress_fill {
  height: 100%;
  background-color: #ffce05;
  border-radius: 20px;
  transition: width 0.5s ease-in-out;
}

.ztx_progress_text {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  display: inline-block;
  margin-left: 8px;
}

.ztx_btn_group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1.1rem;
}

.btn-home {
  background-color: #000;
  color: #fff;
  padding: 0.5rem 1.1rem;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 80px;
  transition: 0.3s ease-in-out;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.2rem;
}

.btn-home:hover {
  background-color: #ffce05;
  color: #000;
  border-radius: 80px;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 992px) {
  .ztx_banner_title_xl {
    text-align: center;
    font-size: 2.4rem;
  }
  .ztx_img_sec {
    text-align: center;
  }
  .ztx_btn_group {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .ztx_banner_title_xl {
    font-size: 2rem;
  }
  .ztx_title_blk_big {
    font-size: 1.1rem;
    text-align: center;
  }
  .ztx_paracontent {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS *//* ---- Fix hero image being cut (Elementor/theme wrappers) ---- */

/* your section must never clip */
.hero-section { 
  overflow: visible !important; 
  border-radius: 0 !important; 
  /* make sure no fixed height */
  height: auto !important; 
  min-height: 0 !important;
}

/* common Elementor containers that cause clipping */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-container {
  overflow: visible !important;
  border-radius: 0 !important;
}

/* sometimes the theme page/content wraps also clip */
.entry-content,
.site-main,
.content-area {
  overflow: visible !important;
}

/* ensure the image itself never crops */
.hero-img {
  display: block;
  width: 100%;
  max-width: none;             /* let it render full height */
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;  /* stop top/bottom cropping */
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  position: relative;
  z-index: 1;
}

/* give the image column room */
.hero-row { 
  grid-template-columns: 1fr 1fr;  /* equal columns */
  align-items: start;              /* avoid vertical centering squeeze */
}

/* make sure the img wrapper itself doesn't clip */
.hero-img-wrap { 
  overflow: visible !important; 
}/* End custom CSS */