/* Siyaram Ads v12: refined service cards with modern vector icons */
.service-card .service-illustration.service-illustration-v12 {
  height:156px; min-height:156px; margin:19px 0 20px; padding:0;
  display:flex; align-items:center; justify-content:center;
  position:relative; isolation:isolate; overflow:hidden;
  border:1px solid rgba(29,91,127,.09); border-radius:20px;
  background:linear-gradient(135deg,#e6fbfb 0%,#e8f2ff 62%,#f8efff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.service-illustration-v12::before {
  content:""; position:absolute; z-index:-1; right:-48px; bottom:-92px;
  width:180px; height:180px; border:1px solid rgba(16,165,190,.19);
  border-radius:50%;
  box-shadow:0 0 0 19px rgba(255,255,255,.18),0 0 0 38px rgba(255,255,255,.12);
}
.service-illustration-v12::after {
  content:""; position:absolute; top:21px; left:21px; width:6px; height:6px;
  border-radius:50%; background:#17bfd0;
  box-shadow:15px 0 0 rgba(23,191,208,.42),30px 0 0 rgba(23,191,208,.22);
}
.service-icon-stage {
  width:88px; height:88px; display:grid; place-items:center; position:relative; z-index:1;
  border:1px solid rgba(255,255,255,.94); border-radius:25px;
  color:#113a59; background:linear-gradient(145deg,#fff,#eefbff);
  box-shadow:0 13px 32px rgba(13,57,86,.12),0 2px 5px rgba(13,57,86,.05);
  transform:translateY(-4px) rotate(-3deg); transition:transform .24s ease,box-shadow .24s ease;
}
.service-icon-stage svg { display:block; width:60px; height:60px; }
.service-card:hover .service-icon-stage {
  transform:translateY(-7px) rotate(0deg);
  box-shadow:0 17px 36px rgba(13,57,86,.16);
}
.service-illustration-digital { background:linear-gradient(135deg,#e5f8ff,#e9eeff 58%,#f4edff)!important; }
.service-illustration-print { background:linear-gradient(135deg,#e5fbf5,#e7f5ff 62%,#eff0ff)!important; }
.service-illustration-experiences { background:linear-gradient(135deg,#fff2e9,#f5efff 58%,#e4fbfa)!important; }
.service-illustration-digital .service-icon-stage { transform:translateY(-4px) rotate(3deg); }
.service-illustration-print .service-icon-stage { transform:translateY(-4px) rotate(-2deg); color:#115a67; }
.service-illustration-experiences .service-icon-stage { transform:translateY(-4px) rotate(2deg); color:#543761; }
.service-visual-label {
  position:absolute; z-index:1; left:10px; right:10px; bottom:12px;
  color:#536981; text-align:center; font-size:8px; line-height:1.3;
  letter-spacing:.15em; font-weight:850;
}
.service-illustration-v12+h3 { margin-top:5px!important; }
.service-illustration-v12+h3+p { font-size:12px; line-height:1.78; color:#586b82; }
@media(max-width:760px) {
 .service-card .service-illustration.service-illustration-v12 {
   height:120px; min-height:120px; margin:13px 0 16px; border-radius:16px;
 }
 .service-icon-stage { width:70px; height:70px; border-radius:21px; }
 .service-icon-stage svg { width:48px; height:48px; }
 .service-visual-label { bottom:8px; font-size:7px; letter-spacing:.11em; }
 .service-illustration-v12::after { top:14px; left:14px; }
}
@media(max-width:390px) {
 .service-card .service-illustration.service-illustration-v12 { height:136px; min-height:136px; }
 .service-icon-stage { width:82px; height:82px; }
 .service-icon-stage svg { width:55px; height:55px; }
}
@media(prefers-reduced-motion:reduce) { .service-icon-stage { transition:none; } }