/* ═══ SERVICES — photo-banner cards ═══ */
.svc-card{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-md) var(--r-md) var(--r-md) 4px;
  overflow:hidden;display:flex;flex-direction:column;transition:.35s}
.svc-card:hover{transform:translateY(-7px);border-color:var(--green);box-shadow:var(--shadow-lg)}

/* media area */
.svc-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.svc-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.svc-card:hover .svc-media img{transform:scale(1.07)}
.svc-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(18,56,69,.38),transparent 55%);opacity:0;transition:.35s}
.svc-card:hover .svc-media::after{opacity:1}
.svc-hover{position:absolute;right:14px;bottom:14px;z-index:2;width:44px;height:44px;
  border-radius:12px 12px 12px 4px;background:#fff;color:var(--green);display:grid;place-items:center;
  font-size:1rem;transform:translateY(10px);opacity:0;transition:.35s}
.svc-card:hover .svc-hover{transform:none;opacity:1}

/* body */
.svc-body{padding:1.6rem 1.6rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;flex:1}
.svc-body h3{font-size:1.28rem;margin:0}
.svc-body h3 a{color:var(--deep);text-decoration:none;transition:.3s}
.svc-body h3 a:hover{color:var(--green)}
.svc-body p{color:var(--muted);font-size:18px;line-height:1.65;margin:0;flex:1}
.svc-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line-2);padding-top:1rem;margin-top:auto}
.book-pill{border:1px solid var(--line-2);border-radius:99px;padding:.42rem 1.05rem;font-weight:700;font-size:.8rem;
  color:var(--deep);text-decoration:none;transition:.3s}
.book-pill:hover,.svc-card:hover .book-pill{background:var(--green);border-color:var(--green);color:#fff}


/* education dark band */
.edu-band{background:var(--deep);position:relative;overflow:hidden}
.edu-band::before{content:"";position:absolute;inset:0;background:
  radial-gradient(46% 60% at 90% 10%,rgba(128,195,216,.18),transparent 60%),
  radial-gradient(40% 55% at 6% 92%,rgba(40,135,107,.25),transparent 60%)}
.edu-band .container-xxl{position:relative;z-index:2}
.light-p{color:rgba(255,255,255,.85);font-size:20px;max-width:54ch}
.edu-list{list-style:none;padding:0;margin:1.6rem 0 0}
.edu-list li{padding:.55rem 0;border-bottom:1px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.9);font-weight:600;font-size: 18px}
.edu-list li:last-child{border:0}
.edu-list i{color:var(--sky);margin-right:.7rem}
.edu-img{margin:0;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 40px 80px rgba(4,26,34,.45)}
.edu-img img{width:100%;height:100%;max-height:420px;object-fit:cover}

/* experience cards */
.exp-card{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-md) var(--r-md) var(--r-md) 4px;
  padding:2.1rem;margin-bottom:1.4rem;transition:.35s}
.exp-card:hover{transform:translateX(8px);border-color:var(--green)}
.exp-card .no{color:var(--sky);font-size: 20px}
.exp-card h4{color:var(--deep);font-size:24px;margin:.6rem 0 .5rem}
.exp-card p{color:var(--muted);margin:0;font-size: 20px}
.exp-card .chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.exp-card .chips span{border:1px solid var(--line-2);background:var(--mint);border-radius:99px;padding:.28rem .85rem;
  font-size:14px;font-weight:700;color:var(--green)}
.exp-dark{background:var(--deep);border-color:var(--deep)}
.exp-dark:hover{background:var(--deep-2);transform:translateX(8px)}
.exp-dark h4{color:#fff}
.exp-dark p{color:rgba(255,255,255,.78)}
.exp-dark .no{color:var(--sky);font-size: 20px}

/* responsive */
@media (max-width:991.98px){
  .sticky-col{position:static}
  .edu-img img{max-height:320px}
}
@media (max-width:575.98px){
  .svc-card{padding:1.6rem 1.4rem}
  .exp-card{padding:1.6rem}
  .svc-body{padding:1.3rem 1.2rem 1.2rem}
}