.elementor-9797 .elementor-element.elementor-element-3897a33{--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:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-9797 .elementor-element.elementor-element-3897a33.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9797 .elementor-element.elementor-element-50764596{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-9797 .elementor-element.elementor-element-550018c4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-9797 .elementor-element.elementor-element-550018c4 .ce_cta__content__title{font-size:24px;line-height:24px;color:#000000;}.elementor-9797 .elementor-element.elementor-element-550018c4 .ce_cta__content__text{color:#ffffff;}.elementor-9797 .elementor-element.elementor-element-18eeea67{--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-9797 .elementor-element.elementor-element-18eeea67:not(.elementor-motion-effects-element-type-background), .elementor-9797 .elementor-element.elementor-element-18eeea67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151724;}.elementor-9797 .elementor-element.elementor-element-18eeea67::before, .elementor-9797 .elementor-element.elementor-element-18eeea67 > .elementor-background-video-container::before, .elementor-9797 .elementor-element.elementor-element-18eeea67 > .e-con-inner > .elementor-background-video-container::before, .elementor-9797 .elementor-element.elementor-element-18eeea67 > .elementor-background-slideshow::before, .elementor-9797 .elementor-element.elementor-element-18eeea67 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9797 .elementor-element.elementor-element-18eeea67 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#151724;--background-overlay:'';}.elementor-9797 .elementor-element.elementor-element-78b4020c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-section-title{color:#7434FA;font-size:62px;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-section-title:hover{color:#FFFFFF;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-section-title > span{color:#FFFFFF;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#FFCE05;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-border-divider{width:100px;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;}.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-border-divider, .elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-border-divider::before{height:4px;}.elementor-9797 .elementor-element.elementor-element-2aaa036b{background-color:#151724;}.elementor-9797 .elementor-element.elementor-element-61729a2f{--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-9797 .elementor-element.elementor-element-61729a2f:not(.elementor-motion-effects-element-type-background), .elementor-9797 .elementor-element.elementor-element-61729a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9797 .elementor-element.elementor-element-61729a2f::before, .elementor-9797 .elementor-element.elementor-element-61729a2f > .elementor-background-video-container::before, .elementor-9797 .elementor-element.elementor-element-61729a2f > .e-con-inner > .elementor-background-video-container::before, .elementor-9797 .elementor-element.elementor-element-61729a2f > .elementor-background-slideshow::before, .elementor-9797 .elementor-element.elementor-element-61729a2f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9797 .elementor-element.elementor-element-61729a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-9797 .elementor-element.elementor-element-64ded669{--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;}@media(max-width:767px){.elementor-9797 .elementor-element.elementor-element-78b4020c .elementskit-section-title-wraper .elementskit-section-title > span{padding:20px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-9797 .elementor-element.elementor-element-3897a33{--width:889px;}}/* Start custom CSS for html, class: .elementor-element-c140ca6 *//* =========================================================
   ZagaTech — ITSM Page (scoped to #itsm-page)
   Pattern: ZTX-DEV-1 (mirrored 1,2,3,7) + ITSM modules
   ========================================================= */

/* -------- Tokens -------- */
#itsm-page{
  --bg:#0f1117; --bg-accent:#141a23;
  --brand:#ffce05; --brand-2:#00d1b2;
  --text:#ffffff; --muted:#cbd1dc;
  --ink:#0f1117; --surface:#ffffff;
  --btn-text:#0e0f14; --shadow:0 20px 50px 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);
  --radius-sm:8px; --radius:14px; --radius-xl:28px;
}

/* Ensure padding doesn’t blow out widths */
#itsm-page, #itsm-page * , #itsm-page *::before, #itsm-page *::after{ box-sizing:border-box; }

/* ≥35px space between sections */
#itsm-page section{ margin-top:35px; }

/* --------------------------------------------
   SECTION 1 — HERO (mirrored)
-------------------------------------------- */
#itsm-page .hero-container{ width:100%; max-width:1200px; margin-inline:auto; padding-inline:24px; }
#itsm-page #itsm-hero.hero-section{
  background:
    radial-gradient(1200px 500px at 85% -200px, rgba(0,209,178,.25), transparent 60%),
    radial-gradient(900px 400px at -200px 60%, rgba(255,209,102,.18), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg-accent));
  padding:72px 0; overflow:visible!important;
}
#itsm-page #itsm-hero .hero-row{
  display:grid; grid-template-columns:1fr 1fr; gap:50px;
  grid-template-areas:"img text"; align-items:start;
}
#itsm-page #itsm-hero .hero-img-wrap{ grid-area:img; display:flex; justify-content:flex-start; overflow:visible!important; }
#itsm-page #itsm-hero .hero-text{ grid-area:text; color:var(--text); }

#itsm-page .hero-tag{
  display:inline-block; letter-spacing:.08em; text-transform:uppercase; font-weight:800; font-size:22px; color:#121319;
  background:linear-gradient(90deg, var(--brand), #ffe9a9); padding:8px 14px; border-radius:999px; box-shadow:var(--shadow);
}
#itsm-page .hero-title{ color:var(--text); font-size:clamp(32px,4vw,56px); line-height:1.05; font-weight:800; margin:14px 0 10px; }
#itsm-page .hero-desc{ color:var(--muted); font-size:clamp(16px,1.4vw,18px); line-height:1.7; max-width:58ch; font-weight:600; margin:10px 0 18px; }

#itsm-page .hero-btn-wrap{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
#itsm-page .hero-btn{
  --h:50px; display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(180deg, #fff, #e9edf3); color:var(--btn-text);
  height:var(--h); padding:0 18px 0 12px; border-radius:calc(var(--h)/2); text-decoration:none; font-weight:800; letter-spacing:.02em; position:relative;
  box-shadow:0 10px 28px rgba(0,0,0,.28); transition:transform .25s ease, box-shadow .25s ease, background .25s ease; will-change:transform;
}
#itsm-page .hero-btn--ghost{ background:#0f1119; color:#ffce05; border:1px solid rgba(255,255,255,.18); }
#itsm-page .hero-btn:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 16px 40px rgba(0,0,0,.35), 0 0 15px rgba(0,209,178,.4); background:linear-gradient(180deg,#000,#f5f7fa); }
#itsm-page .hero-btn:active{ transform:translateY(0) scale(.98); }
#itsm-page .hero-btn-icon{
  display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%;
  background:linear-gradient(180deg, #f2f5fa, #dfe6f0); box-shadow:inset 0 2px 6px rgba(0,0,0,.05);
}
#itsm-page .hero-btn-shape{ position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:0 0 0 0 rgba(0,209,178,.45); animation:itsmHeroPulse 2.2s ease-out infinite; }
@keyframes itsmHeroPulse{ 0%{box-shadow:0 0 0 0 rgba(0,209,178,.45);} 70%{box-shadow:0 0 0 14px rgba(0,209,178,0);} 100%{box-shadow:0 0 0 0 rgba(0,209,178,0);} }

#itsm-page .hero-img{ display:block; width:100%; height:auto; object-fit:contain!important; position:relative; z-index:1; transition:transform .6s ease; }
#itsm-page .hero-img-wrap:hover .hero-img{ transform:translateY(-6px); }

#itsm-page .health{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; font-size:14px; color:#d7dbe6; }
#itsm-page .chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:#121421; border:1px solid rgba(255,255,255,.1); }
#itsm-page .chip--sev{ background:#241416; border-color:#5b1b22; }

@media (max-width:1024px){
  #itsm-page #itsm-hero .hero-row{ grid-template-columns:1fr; grid-template-areas:"text" "img"; gap:28px; }
  #itsm-page #itsm-hero.hero-section{ padding:56px 0; }
}
@media (max-width:640px){
  #itsm-page .hero-btn{ --h:46px; padding:0 16px 0 10px; }
  #itsm-page .hero-btn-icon{ width:32px; height:32px; }
}

/* --------------------------------------------
   SECTION 2 — INTRO (mirrored: visual RIGHT)
-------------------------------------------- */
#itsm-page .section-webdev{ font-size:16px; line-height:1.6; color:#000; }
#itsm-page .container--wide{ position:relative; }
#itsm-page .has-bottom-space{ padding-bottom:50px; }
#itsm-page .mb-30{ margin-bottom:30px; }

#itsm-page .section-webdev__kicker{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:20px 8px; border-radius:999px; font-size:26px; color:#000;
  background:linear-gradient(135deg, #edbf09 0%, #f57c00 100%), url('https://zagatech.pro/assets/images/home/head_bg.webp');
  background-size:cover; background-blend-mode:overlay; box-shadow:0 4px 12px rgba(0,0,0,.25);
}
#itsm-page .section-webdev__title{ margin-top:10px; font-size:clamp(28px,3.8vw,44px); line-height:1.2; font-weight:800; color:#000; }
#itsm-page .section-webdev__text{ font-size:16px; color:#000; margin:0 0 16px 0; font-weight:500; }
#itsm-page .section-webdev__image{ width:100%; height:auto; border-radius:12px; display:block; object-fit:cover; box-shadow:var(--soft); }

#itsm-page .feature-card{
  color:#000; font-size:14px; box-shadow:var(--soft); padding:16px; font-weight:600; border-radius:var(--radius-sm);
  height:100%; cursor:pointer; margin-top:5px; margin-bottom:9px; background:var(--surface);
  transition:box-shadow .25s ease, background-color .25s ease, transform .2s ease;
}
#itsm-page .feature-card:hover, #itsm-page .feature-card:focus-visible{ background-color:#ffce05; box-shadow:var(--soft-2); transform:translateY(-2px); outline:none; }

/* ITSM Maturity block */
#itsm-page .assessment{ margin-top:16px; border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:16px; background:#fff; box-shadow:var(--soft); }
#itsm-page .assessment h3{ font-size:18px; font-weight:800; margin:0 0 8px; color:#111; }
#itsm-page .as-control{ display:flex; align-items:center; gap:12px; }
#itsm-page .as-control label{ font-weight:700; min-width:150px; color:#222; font-size:14px; }
#itsm-page .as-score{ margin-top:8px; font-weight:800; color:#111; }
#itsm-page .as-pill{ display:inline-block; padding:4px 10px; border-radius:999px; background:#f5f5f7; margin-left:6px; font-weight:800; }

/* Service Desk KPI ribbon */
#itsm-page .stats-ribbon{
  background-image:linear-gradient(#fefefe 20%, #fefefe 50%, #fefefe 75%)!important;
  border-radius:10px 10px 60px 10px; cursor:pointer; box-shadow:var(--soft-2);
  position:relative; width:100%; max-width:1000px; z-index:1; padding:18px 0; margin-top:18px;
}
#itsm-page .stats-ribbon .row{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding:0 10px; }
#itsm-page .stats-ribbon__value{ color:#010101; text-align:center; font-size:20px; font-weight:800; line-height:1; }
#itsm-page .stats-ribbon__label{ font-weight:500; font-size:12px; color:#6a6869; text-align:center; }
@media (max-width:991px){ #itsm-page .stats-ribbon .row{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* --------------------------------------------
   SECTION 3 — SERVICES (mirrored: panel LEFT)
-------------------------------------------- */
#itsm-page .wds-services{
  --wds-bg:#0e0f14; --wds-panel:#151724; --wds-text:#e9ecf1; --wds-muted:#b7bcc7;
  --wds-border:#2a2d3a; --wds-brand:#ffce05; --wds-brand-2:#00d1b2;
  --wds-shadow:0 18px 40px rgba(0,0,0,.35); --wds-radius:14px; --wds-radius-lg:22px;
  background:
    radial-gradient(1000px 400px at -220px 50%, rgba(255,206,5,.15), transparent 60%),
    radial-gradient(1000px 420px at 110% -180px, rgba(0,209,178,.15), transparent 60%),
    var(--wds-bg);
  padding:72px 0; color:var(--wds-text);
}
#itsm-page .wds-container{ width:100%; max-width:1200px; margin-inline:auto; padding-inline:24px; }
#itsm-page .wds-row{ display:grid; grid-template-columns:.8fr 1fr; gap:40px; }
#itsm-page .wds-panel{
  background:var(--wds-panel); border:1px solid var(--wds-border); border-radius:var(--wds-radius-lg);
  padding:28px 22px; box-shadow:var(--wds-shadow); position:sticky; top:24px; height:fit-content;
}
#itsm-page .wds-panel-kicker{
  font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:32px; color:#0f1117;
  display:inline-block; padding:8px 12px; border-radius:999px; background:linear-gradient(90deg, var(--wds-brand), #ffeaa9); margin:0;
}
#itsm-page .wds-panel-title{ font-size:clamp(28px,3.4vw,44px); line-height:1.15; margin:14px 0 6px; color:var(--wds-text); }
#itsm-page .wds-panel-text{ color:var(--wds-muted); font-size:15.5px; line-height:1.7; margin:0 0 12px; }

#itsm-page .wds-cards-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#itsm-page .wds-card{
  border:1px solid var(--wds-border); border-radius:var(--wds-radius);
  background:linear-gradient(180deg,#1a1d2a,#141724); padding:20px; height:100%;
  transition:border-color .25s, box-shadow .25s, transform .25s, background .25s;
}
#itsm-page .wds-card-title{ color:var(--wds-text); font-weight:800; font-size:18px; line-height:1.25; margin:2px 0 10px; }
#itsm-page .wds-card-text{ color:var(--wds-muted); font-size:15px; line-height:1.75; margin:0; }
#itsm-page .wds-card:hover{
  border-color:rgba(255,206,5,.55);
  box-shadow:0 12px 30px rgba(0,0,0,.35), 0 0 0 4px rgba(255,206,5,.50) inset;
  transform:translateY(-2px);
  background:linear-gradient(180deg,#202437,#171a28);
}
#itsm-page .wds-card-col.active .wds-card{
  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);
}
#itsm-page .wds-col-full{ grid-column:1/-1; }

#itsm-page .wds-tabs-list{ display:flex; flex-direction:column; gap:8px; padding-left:0; margin:18px 0 0; list-style:none; }
#itsm-page .wds-tab > span{
  display:block; padding:16px; border-radius:12px; background:#0f1119; border:1px solid var(--wds-border);
  transition:background .25s, border-color .25s, transform .2s, box-shadow .25s;
}
#itsm-page .wds-tab > span small{ display:block; color:var(--wds-text); font-weight:700; font-size:15px; }
#itsm-page .wds-tab:hover > span,
#itsm-page .wds-tab.active > span{
  background:linear-gradient(90deg, rgba(255,206,5,.22), rgba(0,209,178,.18));
  border-color:rgba(255,206,5,.5); box-shadow:inset 0 0 0 2px rgba(255,206,5,.25); transform:translateX(2px);
}
#itsm-page .rb-tabs{ margin-top:18px; }
#itsm-page .rb-title{ margin:10px 0 6px; font-size:18px; font-weight:900; }
#itsm-page .rb-tablist{ display:flex; gap:8px; flex-wrap:wrap; padding:0; list-style:none; }
#itsm-page .rb-tab{ cursor:pointer; border:1px solid var(--wds-border); border-radius:999px; padding:6px 10px; font-weight:800; font-size:13px; color:var(--wds-text); }
#itsm-page .rb-tab.active{ background:linear-gradient(90deg, var(--wds-brand), #ffeaa9); color:#111317; border-color:transparent; }
#itsm-page .rb-panel{ display:none; margin-top:12px; }
#itsm-page .rb-panel.active{ display:block; }
#itsm-page .rb-metrics{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 10px; }
#itsm-page .pill{ background:#0f1119; color:#fff; border:1px solid var(--wds-border); border-radius:999px; padding:4px 10px; font-size:12px; }
#itsm-page .rb-code{ background:#0b0d14; border:1px solid #232535; border-radius:10px; padding:10px; margin-top:10px; white-space:pre-wrap; }
#itsm-page .rb-switch{ display:flex; gap:8px; margin:8px 0; }
#itsm-page .rb-switch button{ border:1px solid #2a2d3a; background:#121421; color:#e9ecf1; border-radius:8px; font-size:12px; padding:6px 8px; cursor:pointer; }
#itsm-page .rb-switch button.active{ background:#ffe289; color:#111; border-color:#ffe289; }

/* -------- Micro-widgets (fixed) -------- */
#itsm-page .micro-widgets{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr)); /* true two columns */
  gap:14px;
  margin-top:14px;
  width:100%;
  align-items:stretch;
}
#itsm-page .risk-card,
#itsm-page .deflect-card{
  background:#0f1117; color:#e9ecf1; border:1px solid #2a2d3a;
  border-radius:12px; padding:14px; box-shadow:0 12px 30px rgba(0,0,0,.25);
  height:100%; display:flex; flex-direction:column;
}
#itsm-page .field{ display:flex; flex-direction:column; gap:6px; margin:8px 0; }
#itsm-page .field label{ font-size:12px; font-weight:800; color:#cdd3df; }
#itsm-page .field input, #itsm-page .field select{
  background:#0b0d14; color:#fff; border:1px solid #2a2d3a; border-radius:8px; padding:8px; outline:none; width:100%;
}
#itsm-page .risk-out{ font-size:13px; margin-top:6px; color:#cbd1dc; }

/* tighten bootstrap gutters inside deflect-card */
#itsm-page .deflect-card .row{ margin-left:-6px; margin-right:-6px; }
#itsm-page .deflect-card .col{ padding-left:6px; padding-right:6px; }

@media (max-width:767.98px){
  #itsm-page .micro-widgets{ grid-template-columns:1fr; }
}

@media (max-width:1200px){ #itsm-page .wds-row{ grid-template-columns:1fr; } #itsm-page .wds-panel{ position:relative; top:auto; } }
@media (max-width:991px){ #itsm-page .wds-services{ padding:56px 0; } #itsm-page .wds-cards-grid{ grid-template-columns:1fr; gap:18px; } }
@media (max-width:576px){ #itsm-page .wds-panel{ padding:20px 16px; } }

/* --------------------------------------------
   SECTION 4 — TECH STACK + MARQUEE + mini catalog
-------------------------------------------- */
#itsm-page #itsm-techstack{
  --zt-bg:#ffffff; --zt-text:#000; --zt-muted:#4f4f4f; --zt-accent:#edbf09;
  --zt-card-bg:#ffffff; --zt-card-border:rgba(0,0,0,.08);
  --zt-shadow:0 0 16px 5px rgba(147,147,147,.20); --zt-shadow-hover:0 0 16px 5px rgba(0,0,0,.20);
  --zt-radius:10px; --zt-btn-bg:#edbf09; --zt-btn-text:#000; --zt-btn-ghost-bg:transparent; --zt-btn-ghost-border:rgba(0,0,0,.15);
  background:var(--zt-bg); color:var(--zt-text);
}
#itsm-page #itsm-techstack .zt-badge{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:16px 18px; border-radius:999px; font-size:26px; line-height:1; margin-bottom:10px; color:#000;
  background:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)), url('https://zagatech.pro/assets/images/home/head_bg.webp'); background-size:cover; background-position:center;
}
#itsm-page #itsm-techstack .zt-title{ font-weight:700; font-size:clamp(28px,3.2vw,40px); line-height:1.2; margin:8px 0 14px; color:var(--zt-text); }
#itsm-page #itsm-techstack .zt-text{ color:var(--zt-muted); font-size:16px; line-height:1.6; margin-bottom:12px; color:#000;}
#itsm-page #itsm-techstack .zt-actions{ display:flex; flex-wrap:wrap; gap:10px; }
#itsm-page #itsm-techstack .zt-btn{
  display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; border:1px solid transparent; background:var(--zt-btn-bg);
  color:var(--zt-btn-text); font-weight:700; font-size:15px; text-decoration:none; box-shadow:var(--zt-shadow);
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
#itsm-page #itsm-techstack .zt-btn:hover{ transform:translateY(-1px); box-shadow:var(--zt-shadow-hover); }
#itsm-page #itsm-techstack .zt-btn.zt-btn--ghost{ background:var(--zt-btn-ghost-bg); border-color:var(--zt-btn-ghost-border); color:var(--zt-text); }
#itsm-page #itsm-techstack .zt-btn-icon{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#f4f4f4; color:#2c2725; font-size:14px; }

#itsm-page .marquee{ overflow:hidden; position:relative; width:100%; margin-top:10px; }
#itsm-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%); } }
#itsm-page .marq-logo{ height:34px; object-fit:contain; display:block; filter:contrast(1.05) saturate(1.02); }

#itsm-page .svc-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
#itsm-page .svc-card{
  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;
}
#itsm-page .svc-card:hover{ transform:translateY(-2px); box-shadow:var(--soft-2); }
#itsm-page .svc-card h4{ margin:0 0 6px; font-weight:900; font-size:16px; }
#itsm-page .svc-card p{ margin:0; color:#444; font-size:14px; }
@media (max-width:991px){ #itsm-page .svc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px){ #itsm-page .svc-grid{ grid-template-columns:1fr; } }

/* --------------------------------------------
   SECTION 5 — PROCESS + SLO band + PIR
-------------------------------------------- */
#itsm-page #itsm-process{
  --p-bg:#ffffff; --p-text:#000; --p-muted:#4f4f4f; --p-title:#10111; --p-accent:#edbf09;
  --p-card-bg:#13141b; --p-card-border:rgba(255,255,255,0.08); --p-shadow:0 8px 28px rgba(0,0,0,0.25); --p-shadow-soft:0 10px 20px rgba(0,0,0,0.15);
  --p-radius:14px; --p-line:rgba(0,0,0,0.12); --p-line-dot:#edbf09;
  color:var(--p-text); background:var(--p-bg); position:relative; padding:56px 0;
}
#itsm-page .slo-band{
  width:min(1200px,92%); margin-inline:auto; margin-bottom:10px;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;
}
#itsm-page .slo-item{ 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; align-items:center; }
#itsm-page .slo-item .lbl{ font-weight:800; font-size:13px; color:#333; }
#itsm-page .slo-item .val{ font-weight:900; }
#itsm-page .spark{ display:inline-block; width:110px; height:22px; border-radius:6px; background:linear-gradient(90deg,#e7f7ea,#c7efcf); }
#itsm-page .spark--ok{ background:linear-gradient(90deg,#e7f7ea,#b8edc0); }

#itsm-page #itsm-process .ztp__container{ position:relative; z-index:1; }
#itsm-page #itsm-process .ztp__badge{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:6px 18px; border-radius:999px; font-size:25px; line-height:1; margin-bottom:12px; color:#000;
  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;
}
#itsm-page #itsm-process .ztp__title{ color:#000; font-weight:800; font-size:clamp(28px,3.2vw,42px); line-height:1.2; margin:6px 0 16px; }
@keyframes itsmFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
#itsm-page #itsm-process .ztp__image{ max-width:100%; height:auto; display:block; border-radius:12px; box-shadow:var(--p-shadow-soft); animation:itsmFloat 4s ease-in-out infinite; }

#itsm-page #itsm-process .ztp__scroll{ position:relative; max-height:720px; overflow:auto; padding-right:8px; -webkit-overflow-scrolling:touch; }
#itsm-page #itsm-process .ztp__scroll::-webkit-scrollbar{ width:6px; } 
#itsm-page #itsm-process .ztp__scroll::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.25); border-radius:999px; }

#itsm-page #itsm-process .ztp__timeline{ position:relative; padding:10px 0; }
#itsm-page #itsm-process .ztp__timeline::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg, transparent, var(--p-line), transparent); transform:translateX(-50%); pointer-events:none;
}
#itsm-page #itsm-process .ztp__row{ position:relative; display:flex; margin:8px 0 24px; }
#itsm-page #itsm-process .ztp__row:last-child{ margin-bottom:8px; }
#itsm-page #itsm-process .ztp__row::before{
  content:""; position:absolute; left:50%; top:16px; transform:translate(-50%,-50%); width:12px; height:12px; border-radius:50%;
  background:var(--p-line-dot); box-shadow:0 0 0 6px rgba(237,191,9,0.15);
}
#itsm-page #itsm-process .ztp__col{ width:50%; padding:0 12px; }
#itsm-page #itsm-process .ztp__col--push{ margin-left:auto; }

#itsm-page #itsm-process .ztp__card{
  background:var(--p-card-bg); border:1px solid var(--p-card-border); border-radius:var(--p-radius); padding:20px 18px; box-shadow:var(--p-shadow);
  transition:transform .15s, box-shadow .2s, border-color .2s, background .2s;
}
#itsm-page #itsm-process .ztp__card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,0.28); border-color:rgba(255,255,255,0.18); background:#171924; }
#itsm-page #itsm-process .ztp__step{ font-size:18px; font-weight:800; color:#ffffff; margin:0 0 8px; }
#itsm-page #itsm-process .ztp__text{ font-size:15px; line-height:1.6; color:#cbd1dc; margin:0; }

#itsm-page #itsm-process .ztp__row--odd .ztp__col{ margin-right:auto; }
#itsm-page #itsm-process .ztp__row--even .ztp__col{ margin-left:auto; }

@media (max-width:991px){
  #itsm-page #itsm-process .ztp__timeline::before{ left:24px; transform:none; }
  #itsm-page #itsm-process .ztp__row::before{ left:24px; }
  #itsm-page #itsm-process .ztp__col, #itsm-page #itsm-process .ztp__col--push{ width:100%; margin:0; padding-left:48px; }
}
@media (max-width:575px){
  #itsm-page #itsm-process .ztp__card{ padding:16px 14px; }
  #itsm-page #itsm-process .ztp__step{ font-size:17px; }
  #itsm-page #itsm-process .ztp__text{ font-size:14px; }
  #itsm-page #itsm-process .ztp__scroll{ max-height:unset; }
}

/* --------------------------------------------
   SECTION 6 — INDUSTRIES
-------------------------------------------- */
#itsm-page #itsm-sectors{
  --zis-bg:#ffce05; --zis-text:#000; --zis-muted:#000; --zis-title:#101114;
  --zis-badge-bg:#ffffff; --zis-badge-text:#2c2725;
  --zis-card-bg:#13141b; --zis-card-border:rgba(255,255,255,.10);
  --zis-shadow:0 10px 25px rgba(0,0,0,0.20); --zis-shadow-hover:0 16px 36px rgba(0,0,0,0.28);
  --zis-radius:16px; --zis-gap:16px;
  background:var(--zis-bg); color:var(--zis-text); padding:56px 0;
}
#itsm-page #itsm-sectors .zis__container{ width:min(1200px,92%); margin-inline:auto; }
#itsm-page #itsm-sectors .zis__header{ display:grid; grid-template-columns:1fr; gap:10px; align-items:end; }
#itsm-page #itsm-sectors .zis__badge{
  display:inline-block; font-weight:800; letter-spacing:.3px; padding:6px 12px; border-radius:999px; background:var(--zis-badge-bg); color:var(--zis-badge-text); font-size:36px; line-height:1; margin-bottom:8px;
}
#itsm-page #itsm-sectors .zis__title{ color:var(--zis-title); font-weight:800; font-size:clamp(26px,3vw,40px); line-height:1.2; margin:0 0 6px; }
#itsm-page #itsm-sectors .zis__lead{ color:var(--zis-muted); font-size:18px; line-height:1.7; margin:0; font-weight:500; }

#itsm-page #itsm-sectors .zis__grid{ display:grid; gap:var(--zis-gap); margin-top:26px; grid-template-columns:repeat(1,minmax(0,1fr)); }
@media (min-width:576px){ #itsm-page #itsm-sectors .zis__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:992px){ #itsm-page #itsm-sectors .zis__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

#itsm-page #itsm-sectors .zis__card{
  height:100%; background:var(--zis-card-bg); border:1px solid var(--zis-card-border);
  border-radius:var(--zis-radius); padding:16px; box-shadow:var(--zis-shadow);
  transition:transform .18s, box-shadow .22s, border-color .22s, background .22s; display:flex; flex-direction:column; position:relative; isolation:isolate;
}
#itsm-page #itsm-sectors .zis__card:hover{ transform:translateY(-3px); box-shadow:var(--zis-shadow-hover); border-color:rgba(255,255,255,.22); background:#181b25; }
#itsm-page #itsm-sectors .zis__thumb{ margin:0; border-radius:12px; overflow:hidden; background:#0f1117; aspect-ratio:16/9; }
#itsm-page #itsm-sectors .zis__thumb img{ width:100%; height:100%; display:block; object-fit:cover; }

#itsm-page #itsm-sectors .zis__card-title{ font-size:18px; font-weight:800; color:#ffffff; margin:12px 2px 6px; }
#itsm-page #itsm-sectors .zis__card-text{ font-size:15px; line-height:1.6; color:#b7bcc7; margin:0 2px 6px; }
#itsm-page #itsm-sectors .reg-badges{ display:flex; gap:6px; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
#itsm-page #itsm-sectors .reg-badges li{ background:#252938; color:#fff; font-size:11px; border:1px solid rgba(255,255,255,.16); padding:4px 8px; border-radius:999px; }

/* --------------------------------------------
   SECTION 7 — HIRE (mirrored media LEFT)
-------------------------------------------- */
#itsm-page #itsm-hire{
  --zth-bg:#ffffff; --zth-text:#2c2725; --zth-muted:#000; --zth-title:#101114; --zth-accent:#edbf09;
  --zth-chip-bg:#ffffff; --zth-chip-border:rgba(0,0,0,0.10); --zth-chip-hover:#f6f7fa;
  --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; padding:56px 0;
}
#itsm-page #itsm-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:#111;
  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; border:1px solid rgba(0,0,0,.06);
}
#itsm-page #itsm-hire .zth__title{ color:var(--zth-title); font-weight:900; font-size:clamp(28px,3.2vw,42px); line-height:1.2; margin:0; }
#itsm-page #itsm-hire .zth__text{ color:var(--zth-muted); font-size:16px; line-height:1.75; margin:0 0 10px 0; }
#itsm-page #itsm-hire .zth__features{ margin-top:10px; --bs-gutter-y:0; }
#itsm-page #itsm-hire .zth__chip{
  background:var(--zth-chip-bg); border:1px solid var(--zth-chip-border); border-radius:var(--zth-radius);
  padding:14px; margin-block:12px; box-shadow:var(--zth-shadow);
  transition:transform .16s, box-shadow .22s, border-color .22s, background .22s;
  position:relative; display:flex; align-items:center; gap:10px;
}
#itsm-page #itsm-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;
}
#itsm-page #itsm-hire .zth__chip span{ color:var(--zth-title); font-weight:800; font-size:15px; }
#itsm-page #itsm-hire .zth__chip:hover{ transform:translateY(-2px); background:#fffbe6; box-shadow:var(--zth-shadow-hover); border-color:#ffe289; }

/* --------------------------------------------
   Policies row
-------------------------------------------- */
#itsm-page #itsm-policies .policies-wrap{
  width:min(1100px,92%); margin-inline:auto; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
}
#itsm-page .policy-link{
  display:inline-block; padding:8px 12px; border-radius:999px; background:#ffce05; color:#000; text-decoration:none; font-weight:800; border:1px solid rgba(255,255,255,.08);
}

/* Motion safety */
@media (prefers-reduced-motion:reduce){
  #itsm-page .hero-btn, #itsm-page .ztp__image, #itsm-page .marquee-track{ animation:none!important; }
}

/* Helpful utility */
#itsm-page .visually-hidden{ position:absolute!important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }

/* Grid for Role Blueprints + Risk + Deflection */
#itsm-page .panel-grid{
  display:grid;
  gap:14px;
  margin-top:14px;
  align-items:start;
}

/* Wide: 3 columns — RB spans two rows */
@media (min-width:1200px){
  #itsm-page .panel-grid{
    grid-template-columns:1.2fr 1fr 1fr;
    grid-auto-rows:1fr;
  }
  #itsm-page .rb-block{ grid-column:1; grid-row:1 / span 2; }
}

/* Medium: 2 columns — RB left, widgets stack on right */
@media (min-width:768px) and (max-width:1199.98px){
  #itsm-page .panel-grid{ grid-template-columns:1.2fr 1fr; }
  #itsm-page .rb-block{ grid-column:1; grid-row:1 / span 2; }
}

/* Small: single column stack */
@media (max-width:767.98px){
  #itsm-page .panel-grid{ grid-template-columns:1fr; }
}

/* Card styling for RB to match widgets */
#itsm-page .rb-block{
  background:#0f1117;
  color:#e9ecf1;
  border:1px solid #2a2d3a;
  border-radius:12px;
  padding:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
#itsm-page .risk-card,
#itsm-page .deflect-card{ height:100%; }  /* equalize heights in grid */
/* Container */
.itsm-container {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px;
}

/* Grid layout */
.itsm-widgets-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

@media (max-width: 767.98px) {
  .itsm-widgets-grid {
    grid-template-columns: 1fr;
  }
}

/* Widget Card */
.itsm-widget-card {
  background: #0f1117;
  color: #e9ecf1;
  border: 1px solid #2a2d3a;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.itsm-widget-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 12px;
}

/* Fields */
.itsm-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 8px 0;
}

.itsm-field label {
  font-size: 12px;
  font-weight: 800;
  color: #cdd3df;
}

.itsm-field input,
.itsm-field select {
  background: #0b0d14;
  color: #fff;
  border: 1px solid #2a2d3a;
  border-radius: 8px;
  padding: 8px;
  outline: none;
  width: 100%;
}

/* Inline fields for ROI calc */
.itsm-inline-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

@media (max-width: 576px) {
  .itsm-inline-fields {
    grid-template-columns: 1fr;
  }
}

/* Output text */
.itsm-risk-output {
  font-size: 13px;
  margin-top: 6px;
  color: #cbd1dc;
}

/* Wrapper layout */
.policies-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-start;
  margin-top: 10px;
}

/* Button style */
.policy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #edbf09, #f57c00);
  color: #000;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.25s ease;
}

/* Hover & focus */
.policy-btn:hover,
.policy-btn:focus-visible {
  background: linear-gradient(135deg, #fcd, #000);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

/* Small screen adjustments */
@media (max-width: 640px) {
  .policy-btn {
    flex: 1 1 100%;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2aaa036b *//* ===============================
   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-61f34f4d */.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 for html, class: .elementor-element-290ecac4 *//* =========================
   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 *//* ---- 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 */