/* ===== PAGE HERO ===== */
.svc-hero { position: relative; min-height: 500px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 64px; overflow: hidden; }
.svc-hero-bg { position: absolute; inset: 0; background-image: url('../../assets/images/img_133.webp'); background-size: cover; background-position: center; }
.svc-hero-content { position: relative; z-index: 2; padding-top: 140px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.svc-hero-pill { display: inline-block; background: #009EE3; color: #fff; font-size: .68rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; padding: .4rem 1.1rem; border-radius: 50px; margin-bottom: 20px; }
.svc-hero-content h1 { font-size: clamp(2.2rem, 4.5vw, 3.6rem); font-weight: 600; color: #fff; line-height: 1.15; margin: 0 0 20px; max-width: 780px; text-align: center; }
.svc-hero-content p { font-size: 1.05rem; color: rgba(255,255,255,.78); line-height: 1.75; max-width: 640px; margin: 0 0 36px; text-align: center; }
.svc-hero-actions { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.btn-hero-primary { display: inline-flex; align-items: center; gap: .5rem; background: #009EE3; color: #fff; font-family: 'Poppins', sans-serif; font-size: .88rem; font-weight: 600; padding: .85rem 2rem; border-radius: 50px; transition: background .2s, transform .2s; }
.btn-hero-primary:hover { background: #007bbf; transform: translateY(-1px); }
.btn-hero-ghost { display: inline-flex; align-items: center; gap: .5rem; border: 1.5px solid rgba(255,255,255,.5); color: #fff; font-family: 'Poppins', sans-serif; font-size: .88rem; font-weight: 600; padding: .85rem 2rem; border-radius: 50px; transition: background .2s, border-color .2s; }
.btn-hero-ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; }

/* ===== SERVICES INTRO ===== */
.svc-intro { background: #fff; padding: 72px 24px 56px; text-align: center; }
.svc-intro-inner { max-width: 720px; margin: 0 auto; }
.svc-intro-heading { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 600; color: #1A2B5E; line-height: 1.3; margin-bottom: 20px; }
.svc-intro-sub { font-size: 1.05rem; color: #4B5675; line-height: 1.7; max-width: 600px; margin: 0 auto; }

/* ===== STICKY SERVICE NAV ===== */
.svc-nav { background: #fff; position: sticky; top: 72px; z-index: 100; padding: 12px 0 10px; margin-bottom: 40px; }
.svc-nav-inner { display: flex; align-items: center; justify-content: center; position: relative; max-width: 1180px; margin: 0 auto; padding: 0 28px; overflow-x: auto; scrollbar-width: none; }
.svc-nav-inner::-webkit-scrollbar { display: none; }
.svc-nav-track { display: flex; align-items: center; gap: 2px; background: #F1F5FB; border: 1.5px solid #DDE4EF; border-radius: 50px; padding: 4px; flex-shrink: 0; }
.svc-nav-indicator { display: none; }
.svc-nav-link { font-size: .82rem; font-weight: 600; color: #64748B; padding: 8px 20px; white-space: nowrap; border-bottom: none; border-radius: 50px; transition: color .22s, background .22s, box-shadow .22s; flex-shrink: 0; cursor: pointer; }
.svc-nav-link:hover { color: #1A4272; }
.svc-nav-link.active { color: #1A4272; background: #fff; box-shadow: 0 1px 4px rgba(26,66,114,.12), 0 0 0 1px rgba(26,66,114,.07); }

/* ===== SERVICE SECTION STRUCTURE ===== */
.svc-section { background: #F0F4F8; }
.svc-banner { position: relative; height: 480px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.svc-banner-bg { position: absolute; inset: -15% 0; background-size: cover; background-position: center; transition: transform .7s cubic-bezier(.25,.46,.45,.94); will-change: transform; }
.svc-section:hover .svc-banner-bg { transform: scale(1.04); }
.svc-banner-overlay { position: absolute; inset: 0; }
.svc-banner-content { position: relative; z-index: 2; text-align: center; width: 100%; }
.svc-banner-pill { display: inline-block; background: #009EE3; color: #fff; font-size: .65rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding: .35rem 1rem; border-radius: 50px; margin-bottom: 18px; }
.svc-banner-content h2 { font-size: clamp(1.8rem, 3.2vw, 2.8rem); font-weight: 600; color: #fff; line-height: 1.18; margin: 0 0 14px; }
.svc-banner-content p { font-size: .96rem; color: rgba(255,255,255,.8); line-height: 1.7; max-width: 560px; margin: 0 auto; }
.svc-cards-wrap { position: relative; z-index: 3; margin-top: -72px; padding-bottom: 72px; }
.svc-cards-grid { display: grid; grid-template-columns: 1fr 340px; gap: 28px; align-items: start; }
.svc-content-card { background: #fff; border-radius: 16px; padding: 40px 44px 44px; box-shadow: 0 4px 32px rgba(26,66,114,.11); }
.svc-content-card h3.svc-ch { font-size: 1.3rem; font-weight: 600; color: #1A4272; margin: 0 0 14px; }
.svc-content-card p { font-size: .93rem; color: #4B5675; line-height: 1.8; margin: 0 0 12px; }
.svc-section-gap { margin-top: 28px; }
.svc-ch-sm { font-size: 1.05rem; font-weight: 600; color: #1A4272; margin: 0 0 14px; }
.svc-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.svc-tag { background: #EBF4FF; color: #1A4272; font-size: .78rem; font-weight: 600; padding: 6px 14px; border-radius: 20px; border: 1px solid #C7DCFF; }
.svc-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.svc-steps li { display: flex; align-items: flex-start; gap: 12px; font-size: .91rem; color: #374151; line-height: 1.65; }
.svc-steps li .step-dot { width: 22px; height: 22px; flex-shrink: 0; margin-top: 1px; background: #009EE3; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: center; }
.svc-steps li strong { color: #1A4272; }
.svc-benefits-box { background: #F0F5FF; border-radius: 12px; padding: 28px 32px; margin-top: 4px; }
.svc-benefits-box .svc-ch-sm { margin-bottom: 10px; }
.svc-key-intro { font-size: .87rem; color: #64748B; margin-bottom: 14px; font-style: italic; }
.svc-benefits { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.svc-benefits li { display: flex; align-items: flex-start; gap: 10px; font-size: .875rem; color: #374151; line-height: 1.65; }
.svc-benefits li .b-dot { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; background: #009EE3; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 11px; background-repeat: no-repeat; background-position: center; }
.svc-info-card { background: #fff; border-radius: 16px; padding: 32px 28px; box-shadow: 0 4px 32px rgba(26,66,114,.11); position: sticky; top: 148px; }
.svc-card-icon { width: 54px; height: 54px; background: rgba(0,158,227,.10); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #009EE3; margin-bottom: 18px; }
.svc-card-icon svg { width: 28px; height: 28px; }
.svc-card-title { font-size: 1.05rem; font-weight: 600; color: #1A4272; margin: 0 0 20px; }
.svc-card-lines-label { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #94A3B8; margin-bottom: 14px; }
.svc-card-lines { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-direction: column; gap: 12px; }
.svc-card-lines li { display: flex; align-items: center; gap: 10px; font-size: .875rem; color: #334155; font-weight: 500; }
.svc-card-lines li .cl-dot { width: 20px; height: 20px; flex-shrink: 0; background: #1A4272; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 11px; background-repeat: no-repeat; background-position: center; }
.btn-svc-cta { display: flex; align-items: center; justify-content: center; gap: .4rem; background: #1A2B4A; color: #fff; font-family: 'Poppins', sans-serif; font-size: .88rem; font-weight: 600; padding: .9rem 1.5rem; border-radius: 10px; transition: background .25s, transform .2s; }
.btn-svc-cta:hover { background: #009EE3; transform: translateY(-1px); }
.btn-svc-cta svg { width: 14px; height: 14px; }
.svc-divider { height: 1px; background: #DDE4EF; }

/* ===== ALL LINES ===== */
.lines-overview { padding: 90px 0; background: #00234B; }
.lines-head { text-align: center; margin-bottom: 56px; }
.lines-head .pill-lines { display: inline-block; border: 1px solid rgba(0,158,227,.5); color: #009EE3; font-size: .68rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; padding: .4rem 1.1rem; border-radius: 50px; margin-bottom: 20px; }
.lines-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 600; color: #fff; margin: 0 0 12px; }
.lines-head p  { color: rgba(255,255,255,.65); max-width: 560px; margin: 0 auto; font-size: .95rem; line-height: 1.7; }
.lines-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.line-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); border-radius: 16px; padding: 36px 28px; transition: background .3s, border-color .3s, transform .25s; }
.line-card:hover { background: rgba(0,158,227,.14); border-color: rgba(0,158,227,.35); transform: translateY(-4px); }
.line-icon { width: 48px; height: 48px; background: rgba(0,158,227,.18); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.line-icon svg { width: 24px; height: 24px; color: #009EE3; }
.line-card h3 { color: #fff; font-size: 1rem; font-weight: 600; margin: 0 0 10px; }
.line-card p  { color: rgba(255,255,255,.6); font-size: .875rem; line-height: 1.65; margin: 0; }

/* ===== SERVICES PAGE REVIEW OVERRIDES ===== */
.review { padding: 110px 0; }
.review-bg { inset: 0; }
/* .review-overlay { background: rgba(10,18,44,.75); } */

/* ===== RESPONSIVE ===== */
@media (max-width: 960px) { .svc-cards-grid { grid-template-columns: 1fr; } .svc-info-card { position: static; } }
@media (max-width: 768px) {
  .svc-nav { display: none; }
  .svc-hero { min-height: 360px; padding-bottom: 40px; }
  .svc-hero-content h1 { font-size: clamp(1.8rem, 6vw, 2.8rem); }
  .svc-hero-actions { flex-direction: column; align-items: flex-start; }
  .svc-hero-actions a { width: 100%; justify-content: center; }
  .svc-banner { height: 420px; }
  .svc-banner-content { padding: 44px 20px 0; }
  .svc-cards-wrap { margin-top: -56px; }
  .svc-content-card { padding: 28px 24px 32px; }
  .lines-overview { padding: 60px 0; }
  .lines-grid { grid-template-columns: 1fr 1fr; }
  .review { padding: 64px 0; }
}
@media (max-width: 480px) {
  .lines-grid { grid-template-columns: 1fr; }
  .svc-cards-grid { gap: 20px; }
  .svc-banner { height: 400px; }
  .svc-banner-content h2 { font-size: 1.6rem; }
}