/* ============================================================
   services-pages.css — shared components for the inner service
   pages: attestation.html, all_country.html, passport_services.html,
   international_packages.html, services.html
   ============================================================ */

.inner-content-section{padding:70px 0 110px;position:relative;overflow:hidden;}
.inner-page-hero{
  position:relative;padding:150px 0 60px;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse 120% 80% at 15% 0%, #16277a 0%, var(--navy) 45%, var(--dark) 100%);
}
.inner-page-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(circle at 85% 15%, rgba(37,84,255,.3), transparent 45%);
}
.inner-page-hero h1{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;color:#fff;line-height:1.16;margin:14px 0 14px;}
.inner-page-hero p{color:#C9D2ED;font-size:1rem;max-width:600px;line-height:1.7;margin:0;}
.inner-page-hero .light{font-weight:400;color:#B9C3E0;}

.visa-content h2 .light{font-weight:400;color:#5B647E;}


/* ---------- Document category cards (Attestation) ---------- */
.doc-cat-card{
  background:#fff;border-radius:20px;padding:26px 26px 8px;height:100%;
  border:1px solid rgba(13,27,76,.06);box-shadow:var(--shadow-card);
  border-top:4px solid var(--royal);
}
.doc-cat-card.tone-orange{border-top-color:var(--orange);}
.doc-cat-card.tone-green{border-top-color:#16A34A;}
.doc-cat-card h4{font-size:1.02rem;font-weight:800;color:var(--navy);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.doc-cat-card h4 .dc-ic{width:36px;height:36px;border-radius:10px;background:var(--royal-soft);color:var(--royal);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.doc-cat-card.tone-orange h4 .dc-ic{background:#FFF1E0;color:var(--orange);}
.doc-cat-card.tone-green h4 .dc-ic{background:#DCFCE7;color:#16A34A;}
.doc-list{list-style:none;margin:0;padding:0;column-count:1;column-gap:20px;}
.doc-list.two-col{column-count:2;}
.doc-list li{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:#465071;padding:7px 0;break-inside:avoid;border-bottom:1px dashed rgba(13,27,76,.07);}
.doc-list li:last-child{border-bottom:none;}
.doc-list li i{color:var(--orange);font-size:.9rem;margin-top:2px;flex-shrink:0;}
.doc-note{
  margin-top:26px;background:var(--royal-soft);border-radius:14px;padding:16px 20px;
  font-size:.86rem;color:var(--navy);font-weight:600;display:flex;gap:10px;align-items:flex-start;
}
.doc-note i{color:var(--royal);margin-top:2px;}

/* ---------- Country visa page ---------- */
.featured-country-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;}
.fc-card{
  flex:1 1 200px;background:linear-gradient(135deg,var(--navy),#16277a);color:#fff;border-radius:18px;
  padding:22px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-card);
  transition:transform .3s ease;
}
.fc-card:hover{transform:translateY(-5px);}
.fc-card .fc-flag{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.fc-card strong{font-size:1rem;font-weight:800;display:block;}
.fc-card span{font-size:.76rem;color:#B9C3E0;}

.country-chip-grid{display:flex;flex-wrap:wrap;gap:12px;}
.country-chip{
  display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(13,27,76,.08);
  border-radius:999px;padding:11px 20px 11px 12px;font-weight:700;font-size:.88rem;color:var(--navy);
  box-shadow:var(--shadow-card);transition:.3s ease;
}
.country-chip:hover{background:var(--royal);color:#fff;transform:translateY(-3px);}
.country-chip .cc-ic{width:30px;height:30px;border-radius:50%;background:var(--royal-soft);color:var(--royal);display:flex;align-items:center;justify-content:center;font-size:.85rem;}
.country-chip:hover .cc-ic{background:rgba(255,255,255,.2);color:#fff;}

/* ---------- Passport service page ---------- */
.step-badge{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:var(--navy);color:#fff;font-weight:800;font-size:.9rem;flex-shrink:0;
}
.passport-panel{
  background:#fff;border-radius:20px;padding:28px 26px;margin-bottom:22px;
  border:1px solid rgba(13,27,76,.06);box-shadow:var(--shadow-card);
}
.passport-panel .pp-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.passport-panel h4{font-size:1.02rem;font-weight:800;color:var(--navy);margin:0;}
.passport-panel .fee-tag{
  display:inline-flex;align-items:center;gap:8px;background:#FFF1E0;color:var(--orange);
  font-weight:700;font-size:.84rem;padding:8px 16px;border-radius:999px;margin-top:14px;
}
.passport-panel .sub-label{font-weight:700;color:var(--navy);font-size:.86rem;margin:14px 0 8px;}

/* ---------- International packages ---------- */
.pkg-card{
  position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;
  box-shadow:var(--shadow-card);border:1px solid rgba(13,27,76,.06);
}
.pkg-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.pkg-card:hover img{transform:scale(1.08);}
.pkg-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(8,23,47,0) 40%, rgba(8,23,47,.82) 100%);
}
.pkg-card .pkg-label{
  position:absolute;left:18px;bottom:16px;right:18px;z-index:2;color:#fff;font-weight:800;
  font-size:1.02rem;font-family:'Manrope';
}
.pkg-card .pkg-label small{display:block;font-weight:500;font-size:.72rem;color:#D6DEF5;margin-top:2px;}

/* ---------- Services hub page (services.html) ---------- */
.hub-card{
  background:#fff;border-radius:24px;padding:36px 30px;height:100%;text-align:center;
  border:1px solid rgba(13,27,76,.06);box-shadow:var(--shadow-card);
  transition:transform .35s ease, box-shadow .35s ease;
}
.hub-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px -20px rgba(13,27,76,.25);}
.hub-card .hub-ic{
  width:70px;height:70px;border-radius:20px;margin:0 auto 20px;
  background:var(--royal-soft);color:var(--royal);display:flex;align-items:center;justify-content:center;font-size:1.7rem;
}
.hub-card h4{font-weight:800;color:var(--navy);font-size:1.1rem;margin-bottom:10px;}
.hub-card p{color:#64748B;font-size:.88rem;line-height:1.7;margin-bottom:20px;}