/* ============================================================
   Aixel Elementor Addons — Home "Assessment Services" section
   Scoped under .aixel-home-services so it never leaks into the
   host theme. Fills the width of its parent section.
   ============================================================ */
.aixel-home-services{
  /* theme palette (matches the rest of the site) */
  --blue:        #4A9CD4;
  --blue-deep:   #2F7DB5;
  --blue-bright: #5FB0E0;
  --blue-pale:   #EAF4FB;
  --blue-line:   #CFE3F4;
  --coral:       #AF5B7A;
  --purple:      #7E57C2;
  --purple-pale: #EFEAF9;
  --ink:         #3D4B57;
  --muted:       #6B7884;
  --ff:      'Poppins', system-ui, sans-serif;
  --ff-disp: 'Catamaran', var(--ff);
  --shadow-sm: 0 10px 26px -16px rgba(31,82,128,.30);

  font-family:var(--ff);
  color:var(--ink);
  line-height:1.6;
}
.aixel-home-services *{box-sizing:border-box}
.aixel-home-services a{color:inherit;text-decoration:none !important}
.aixel-home-services a:hover,.aixel-home-services a:focus{text-decoration:none !important}

/* ---------- section header ---------- */
.aixel-home-services .hs-head{text-align:center;max-width:880px;margin:0 auto 44px}
.aixel-home-services .hs-eyebrow{
  font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--blue-deep);margin-bottom:12px;
}
.aixel-home-services .hs-title{
  margin:0 0 18px;font-family:var(--ff-disp);font-weight:800;line-height:1.12;color:var(--blue);
  font-size:clamp(28px,4vw,44px);letter-spacing:-.01em;
}
.aixel-home-services .hs-intro{margin:0 auto;max-width:74ch;font-size:16px;color:var(--muted)}

/* ---------- cards panel ----------
   1px grid gap over a line-coloured panel background renders the
   dividers automatically and adapts to any number of columns. */
.aixel-home-services .hs-panel{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--blue-line);border:1px solid var(--blue-line);
  border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);
}
.aixel-home-services .hs-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  background:#fff;padding:44px 30px 38px;
}
.aixel-home-services .hs-ico{
  flex:0 0 auto;width:66px;height:66px;border-radius:50%;background:var(--purple-pale);color:var(--purple);
  display:flex;align-items:center;justify-content:center;margin-bottom:24px;
}
.aixel-home-services .hs-ico svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aixel-home-services .hs-card h3{
  margin:0 0 14px;font-family:var(--ff-disp);font-weight:700;color:var(--blue);font-size:20px;line-height:1.25;
}
.aixel-home-services .hs-card p{margin:0 0 28px;font-size:15px;color:var(--muted)}
.aixel-home-services .hs-btn{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;
  font-weight:600;font-size:15px;color:#fff;padding:12px 28px;border-radius:999px;
  background:linear-gradient(180deg,var(--blue-bright),var(--blue));
  box-shadow:0 12px 22px -12px rgba(46,131,210,.75);transition:.2s;
}
.aixel-home-services .hs-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(46,131,210,.85)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:980px){
  .aixel-home-services .hs-panel{grid-template-columns:repeat(2,1fr)}
  .aixel-home-services .hs-card{padding:40px 26px 34px}
}
@media (max-width:560px){
  .aixel-home-services .hs-head{margin-bottom:34px}
  .aixel-home-services .hs-panel{grid-template-columns:1fr}
  .aixel-home-services .hs-card{padding:36px 24px 32px}
}