/* =========================================================
   Investax India — Premium Public Service Pages V3
   IMPORTANT: isolated namespace. Does not modify .page-content,
   header, footer, category pages or Investment Hub styles.
   ========================================================= */

.ix-service-v3,
.ix-service-v3 *{box-sizing:border-box}

.ix-service-v3{
    --v3-navy:#071525;
    --v3-navy-card:#102B45;
    --v3-navy-soft:#173754;
    --v3-black:#070707;
    --v3-charcoal:#111416;
    --v3-charcoal-soft:#191C1F;
    --v3-gold:#D4AF37;
    --v3-gold-deep:#B88A16;
    --v3-white:#fff;
    --v3-light:#F7F9FB;
    --v3-text:#202938;
    --v3-muted:#5B6675;
    --v3-border:#E3E8EE;
    width:100%;
    margin:0;
    padding:0;
    background:var(--v3-light);
    color:var(--v3-text);
    position:relative;
    isolation:isolate;
}

.ix-service-v3__container{
    width:min(1440px,calc(100% - 56px));
    margin:0 auto;
}

/* HERO — normal document flow, no negative margins, no absolute text */
.ix-service-v3__hero{
    width:100%;
    margin:0;
    background:linear-gradient(135deg,var(--v3-black) 0%,var(--v3-charcoal) 58%,var(--v3-charcoal-soft) 100%);
    border-bottom:1px solid rgba(212,175,55,.22);
}

.ix-service-v3__hero-inner{
    width:min(1440px,calc(100% - 56px));
    min-height:500px;
    margin:0 auto;
    padding:62px 0;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    gap:56px;
    align-items:center;
}

.ix-service-v3__hero-copy{min-width:0}

.ix-service-v3__breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:0 0 30px;
    color:#C9D3DD;
    font-size:13px;
    line-height:1.5;
}

.ix-service-v3__breadcrumb a{color:#D4AF37;text-decoration:none;font-weight:650}
.ix-service-v3__breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.ix-service-v3__breadcrumb span:nth-of-type(1),
.ix-service-v3__breadcrumb span:nth-of-type(2){color:#8EA0B2}

.ix-service-v3__eyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 15px;
    color:var(--v3-gold);
    font-size:12px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.ix-service-v3__eyebrow-line{width:34px;height:2px;background:var(--v3-gold);border-radius:4px}

.ix-service-v3__title{
    margin:0 0 18px!important;
    max-width:900px;
    color:#fff!important;
    font-size:clamp(38px,4.8vw,68px)!important;
    line-height:1.03!important;
    font-weight:800!important;
    letter-spacing:-.04em!important;
}

.ix-service-v3__subtitle{
    max-width:820px;
    margin:0 0 14px;
    color:var(--v3-gold);
    font-size:clamp(22px,2.2vw,34px);
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.025em;
}

.ix-service-v3__intro{
    max-width:850px;
    margin:0;
    color:#E3EAF1;
    font-size:17px;
    line-height:1.75;
}

.ix-service-v3__hero-badge-row{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:28px;
}

.ix-service-v3__hero-badge-row span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 12px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:#F3F5F7;
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.03em;
}

.ix-service-v3__hero-media{
    position:relative;
    min-width:0;
    align-self:stretch;
    min-height:370px;
    padding:10px;
    border:1px solid rgba(212,175,55,.28);
    border-radius:24px;
    background:rgba(255,255,255,.055);
    box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.ix-service-v3__hero-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:350px;
    object-fit:cover;
    border-radius:17px;
}

.ix-service-v3__media-caption{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    background:rgba(7,21,37,.82);
    color:#F3F5F7;
    font-size:11px;
    line-height:1.4;
    backdrop-filter:blur(7px);
}

.ix-service-v3__media-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--v3-gold)}

.ix-service-v3__hero-panel{
    min-height:370px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:44px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:24px;
    background:linear-gradient(145deg,#102B45,#071525);
    box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.ix-service-v3__panel-kicker{color:var(--v3-gold);font-size:12px;font-weight:800;letter-spacing:.2em}
.ix-service-v3__panel-title{margin-top:12px;color:#fff;font-size:clamp(30px,3vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.035em}
.ix-service-v3__panel-line{width:80px;height:3px;margin-top:24px;background:var(--v3-gold);border-radius:4px}

/* HIGHLIGHTS — visible Gold + Navy card system */
.ix-service-v3__highlights{padding:0 0 56px;background:var(--v3-light)}

.ix-service-v3__highlight-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:0;
}

.ix-service-v3__highlight{
    min-height:128px;
    margin-top:0;
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    gap:15px;
    padding:22px 20px;
    border:1px solid var(--v3-border);
    border-radius:16px;
    box-shadow:0 16px 35px rgba(7,21,37,.11);
}

.ix-service-v3__highlight--gold{background:linear-gradient(145deg,#D4AF37,#B88A16);border-color:#B88A16;color:#071525}
.ix-service-v3__highlight--navy{background:linear-gradient(145deg,#102B45,#071525);border-color:#173754;color:#F3F5F7}
.ix-service-v3__highlight--white{background:#fff;color:#202938}
.ix-service-v3__highlight--navy-soft{background:linear-gradient(145deg,#173754,#102B45);border-color:#244B6B;color:#F3F5F7}

.ix-service-v3__highlight-icon{
    width:48px;height:48px;flex:0 0 48px;
    display:flex;align-items:center;justify-content:center;
    border-radius:13px;
}

.ix-service-v3__highlight--gold .ix-service-v3__highlight-icon{background:rgba(7,21,37,.11);color:#071525}
.ix-service-v3__highlight--navy .ix-service-v3__highlight-icon,
.ix-service-v3__highlight--navy-soft .ix-service-v3__highlight-icon{background:rgba(212,175,55,.14);color:var(--v3-gold)}
.ix-service-v3__highlight--white .ix-service-v3__highlight-icon{background:#FFF8E1;color:#B88A16}

.ix-service-v3__highlight-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ix-service-v3__highlight strong{display:block;font-size:14px;line-height:1.35;font-weight:800}
.ix-service-v3__highlight small{display:block;margin-top:5px;font-size:11px;line-height:1.45;opacity:.82}
.ix-service-v3__highlight--navy small,.ix-service-v3__highlight--navy-soft small{color:#DBE3EA}

/* BODY */
.ix-service-v3__body{padding:0 0 72px;background:var(--v3-light)}

.ix-service-v3__content-card{
    background:#fff;
    border:1px solid var(--v3-border);
    border-radius:22px;
    box-shadow:0 16px 45px rgba(7,21,37,.07);
    overflow:hidden;
}

.ix-service-v3__content-head{
    display:flex;
    align-items:center;
    gap:15px;
    padding:25px 38px 0;
}

.ix-service-v3__section-kicker{
    display:inline-block;
    color:#9A741F;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.18em;
}

.ix-service-v3__gold-rule{width:54px;height:2px;background:var(--v3-gold);border-radius:4px}

.ix-service-v3__content{
    padding:28px 38px 48px;
    color:var(--v3-text);
}

.ix-service-v3__content h2{
    margin:28px 0 15px;
    color:#0B2740!important;
    font-size:clamp(27px,2.5vw,36px)!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:-.025em;
}
.ix-service-v3__content h2:first-child{margin-top:0}

.ix-service-v3__content h3{margin:30px 0 11px;color:#0B2740!important;font-size:22px!important;line-height:1.35!important;font-weight:800!important}
.ix-service-v3__content h4{margin:23px 0 9px;color:#0B2740!important;font-size:18px!important;font-weight:750!important}
.ix-service-v3__content p,.ix-service-v3__content li{color:#202938!important;font-size:16px;line-height:1.8}
.ix-service-v3__content p{margin:0 0 18px}
.ix-service-v3__content ul,.ix-service-v3__content ol{margin:12px 0 25px;padding-left:24px}
.ix-service-v3__content li{margin-bottom:8px}
.ix-service-v3__content li::marker{color:#B88A16}
.ix-service-v3__content strong,.ix-service-v3__content b{color:#0B2740;font-weight:750}
.ix-service-v3__content a{color:#8A671C;font-weight:650;text-underline-offset:3px}
.ix-service-v3__content blockquote{margin:26px 0;padding:20px 22px;border-left:4px solid var(--v3-gold);border-radius:0 12px 12px 0;background:#FFF8E1;color:#202938}
.ix-service-v3__content img{max-width:100%;height:auto;border-radius:14px;box-shadow:0 12px 30px rgba(7,21,37,.10)}
.ix-service-v3__content hr{margin:34px 0;border:0;border-top:1px solid #E3E8EE}
.ix-service-v3__content table{width:100%;margin:25px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #E1E7ED;border-radius:12px;background:#fff}
.ix-service-v3__content th,.ix-service-v3__content td{padding:13px 14px;border-bottom:1px solid #E7EBEF;color:#202938!important;text-align:left;vertical-align:top}
.ix-service-v3__content th{background:#102B45;color:#F3F5F7!important;font-weight:750}
.ix-service-v3__content tr:last-child td{border-bottom:0}

/* RELATED CARDS */
.ix-service-v3__related{padding:0 0 72px;background:var(--v3-light)}
.ix-service-v3__related-head{margin-bottom:24px}
.ix-service-v3__related-head h2{margin:8px 0 8px;color:#0B2740;font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.03em}
.ix-service-v3__related-head p{max-width:760px;margin:0;color:#5B6675;font-size:15px;line-height:1.7}
.ix-service-v3__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ix-service-v3__related-card{position:relative;display:flex;min-height:190px;flex-direction:column;padding:24px 22px 21px;border:1px solid #E3E8EE;border-radius:17px;background:#fff;color:#202938;text-decoration:none!important;box-shadow:0 12px 28px rgba(7,21,37,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ix-service-v3__related-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(7,21,37,.11);border-color:var(--v3-gold)}
.ix-service-v3__related-card--navy{background:linear-gradient(145deg,#102B45,#071525);border-color:#173754;color:#F3F5F7}
.ix-service-v3__related-card--gold{background:linear-gradient(145deg,#D4AF37,#B88A16);border-color:#B88A16;color:#071525}
.ix-service-v3__related-arrow{align-self:flex-end;font-size:22px;line-height:1;color:var(--v3-gold)}
.ix-service-v3__related-card--gold .ix-service-v3__related-arrow{color:#071525}
.ix-service-v3__related-card h3{margin:14px 0 8px;color:inherit;font-size:19px;line-height:1.35;font-weight:800}
.ix-service-v3__related-card p{margin:0 0 18px;color:inherit;opacity:.78;font-size:13px;line-height:1.65}
.ix-service-v3__related-link{margin-top:auto;color:var(--v3-gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ix-service-v3__related-card--gold .ix-service-v3__related-link{color:#071525}

/* CTA */
.ix-service-v3__cta{padding:0 0 76px;background:var(--v3-light)}
.ix-service-v3__cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #B88A16;border-radius:20px;background:linear-gradient(135deg,#D4AF37,#B88A16);box-shadow:0 18px 40px rgba(122,91,15,.16)}
.ix-service-v3__cta-card h2{margin:8px 0 7px;color:#071525;font-size:clamp(25px,2.7vw,36px);line-height:1.2;font-weight:800;letter-spacing:-.025em}
.ix-service-v3__cta-card p{margin:0;color:#071525;font-size:15px;line-height:1.65;opacity:.82}
.ix-service-v3__cta-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex:0 0 auto;min-height:48px;padding:0 22px;border:1px solid #071525;border-radius:9px;background:#071525;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;transition:transform .2s ease,background .2s ease}
.ix-service-v3__cta-button:hover{transform:translateY(-2px);background:#102B45}

@media(max-width:1100px){
    .ix-service-v3__hero-inner{grid-template-columns:1fr 1fr;gap:34px;min-height:0}
    .ix-service-v3__highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ix-service-v3__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
    .ix-service-v3__container,.ix-service-v3__hero-inner{width:min(100% - 34px,720px)}
    .ix-service-v3__hero-inner{grid-template-columns:1fr;padding:44px 0 48px}
    .ix-service-v3__hero-media{min-height:300px}
    .ix-service-v3__hero-media img{min-height:280px}
    .ix-service-v3__highlight-grid{gap:13px}
    .ix-service-v3__highlight{margin-top:0;min-height:116px;padding:18px 15px}
    .ix-service-v3__content-head{padding:23px 25px 0}
    .ix-service-v3__content{padding:24px 25px 38px}
    .ix-service-v3__cta-card{align-items:flex-start;flex-direction:column;padding:28px 25px}
}

@media(max-width:560px){
    .ix-service-v3__container,.ix-service-v3__hero-inner{width:calc(100% - 28px)}
    .ix-service-v3__hero-inner{padding:30px 0 36px;gap:24px}
    .ix-service-v3__breadcrumb{margin-bottom:22px;font-size:12px}
    .ix-service-v3__title{font-size:clamp(34px,11vw,48px)!important;line-height:1.05!important}
    .ix-service-v3__subtitle{font-size:22px}
    .ix-service-v3__intro{font-size:15px;line-height:1.7}
    .ix-service-v3__hero-badge-row span{font-size:10px}
    .ix-service-v3__hero-media{min-height:250px;padding:7px;border-radius:18px}
    .ix-service-v3__hero-media img{min-height:235px;border-radius:13px}
    .ix-service-v3__media-caption{left:16px;right:16px;bottom:16px;font-size:10px}
    .ix-service-v3__highlight-grid{grid-template-columns:1fr;gap:11px}
    .ix-service-v3__highlight{margin-top:0;min-height:94px}
    .ix-service-v3__highlights{padding-bottom:38px}
    .ix-service-v3__content-head{padding:20px 18px 0}
    .ix-service-v3__content{padding:22px 18px 32px}
    .ix-service-v3__content h2{font-size:26px!important}
    .ix-service-v3__content h3{font-size:20px!important}
    .ix-service-v3__content p,.ix-service-v3__content li{font-size:15px;line-height:1.72}
    .ix-service-v3__related-grid{grid-template-columns:1fr}
    .ix-service-v3__related{padding-bottom:48px}
    .ix-service-v3__cta{padding-bottom:50px}
    .ix-service-v3__cta-card{padding:25px 20px}
    .ix-service-v3__cta-button{width:100%}
}