.hero{min-height:330px;padding:58px 0;display:flex;align-items:center;background-size:cover;background-position:center;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,39,.98) 0%,rgba(5,24,39,.88) 45%,rgba(5,24,39,.18) 78%);z-index:-1}
.hero.service-tax{background-image:url("banner-direct-tax.png")}
.hero.service-audit{background-image:url("banner-audit.png")}
.hero.service-gst{background-image:url("banner-gst.png")}
.hero.service-advisory{background-image:url("banner-advisory.png")}
.hero.service-accounting{background-image:url("banner-accounting.png")}
.hero.service-compliance{background-image:url("banner-compliance.png")}
.hero h1{max-width:700px;text-shadow:0 3px 16px rgba(0,0,0,.3)}
.hero p{max-width:610px}
@media(max-width:700px){.hero{min-height:280px;padding:42px 0;background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(5,24,39,.98),rgba(5,24,39,.75))}}

.related-services{padding:68px 0;background:#fff;border-top:1px solid #dfe5e7}
.related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}
.related-head p{margin:0 0 5px;color:#0f746d;font-size:.7rem;font-weight:700;letter-spacing:.17em}
.related-head h2{margin:0;color:#0b2134;font:700 2.1rem "Playfair Display",serif}
.scroll-controls{display:flex;gap:8px}
.scroll-controls button{width:42px;height:42px;border:1px solid #cad5d9;background:#fff;color:#0b2134;font-size:1.2rem;cursor:pointer;transition:.2s}
.scroll-controls button:hover{background:#0f746d;color:#fff;border-color:#0f746d}
.related-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#0f746d #e7eeee}
.related-track::-webkit-scrollbar{height:7px}.related-track::-webkit-scrollbar-track{background:#e7eeee}.related-track::-webkit-scrollbar-thumb{background:#0f746d;border-radius:5px}
.related-card{flex:0 0 270px;min-height:190px;padding:25px;background:#f4f7f7;border:1px solid #e0e7e9;border-top:3px solid #d2a95f;scroll-snap-align:start;transition:.25s}
.related-card:hover{transform:translateY(-4px);background:#0b2134;box-shadow:0 14px 30px rgba(9,31,48,.14)}
.related-card span{color:#d2a95f;font-size:.7rem;font-weight:700}.related-card h3{margin:18px 0 8px;color:#0b2134;font:700 1.3rem "Playfair Display",serif}.related-card p{margin:0;color:#62717c;font-size:.85rem}.related-card b{display:block;margin-top:22px;color:#0f746d;font-size:.78rem}.related-card:hover h3,.related-card:hover p,.related-card:hover b{color:#fff}
@media(max-width:700px){.related-services{padding:50px 0}.related-head h2{font-size:1.8rem}.related-card{flex-basis:82vw}.scroll-controls{display:none}}

.detail-footer{background:#061724;color:#aab8c2;padding:55px 0 0}.footer-links{display:grid;grid-template-columns:1.35fr 1fr 1.25fr 1fr;gap:38px;padding-bottom:38px}.footer-links>div{display:flex;flex-direction:column;gap:7px}.footer-links h3{color:#fff;font:700 1.25rem "Playfair Display",serif;margin:0}.footer-links h4{color:#fff;font:600 .95rem "Playfair Display",serif;margin:0 0 8px}.footer-links p,.footer-links a,.footer-links span{font-size:.78rem;margin:0;color:#aab8c2}.footer-links a:hover{color:#d2a95f}.detail-footer-bottom{border-top:1px solid #263845;min-height:72px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.powered-by{display:flex;align-items:center;gap:10px}.powered-by>span{font-size:.68rem;color:#81929e}.powered-by img{width:145px;height:auto;filter:brightness(1.25)}
@media(max-width:850px){.footer-links{grid-template-columns:1fr 1fr}.footer-links>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.footer-links{grid-template-columns:1fr;gap:25px}.footer-links>div:first-child{grid-column:auto}.detail-footer-bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:15px 0}.powered-by img{width:130px}}