.service-detail-hero{background-color:#020617;align-items:center;height:60vh;min-height:500px;display:flex;position:relative}.service-hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.service-hero-img{object-fit:cover;width:100%;height:100%}.service-hero-overlay{z-index:1;background:linear-gradient(90deg,#020617f2 0%,#020617bf 50%,#0206174d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.service-hero-content{z-index:2;text-align:left;color:#fff;width:92%;max-width:1600px;margin:60px auto 0;position:relative}.service-hero-title{color:#fff;letter-spacing:-1px;margin-bottom:1rem;font-size:clamp(3rem,5vw,4.5rem);font-weight:900}.service-hero-subtitle{color:#cbd5e1;max-width:800px;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.7}.subservices-container{z-index:3;flex-direction:column;gap:5rem;width:92%;max-width:1600px;margin:6rem auto;display:flex;position:relative}.subservice-card{border-bottom:1px solid var(--border);grid-template-columns:5fr 6fr;align-items:center;gap:6rem;padding:4rem 0;display:grid}.subservice-card:last-child{border-bottom:none}.subservice-card.reverse{grid-template-columns:6fr 5fr}.subservice-info{flex-direction:column;justify-content:center;display:flex}.subservice-icon{width:56px;height:56px;color:var(--primary);background:#e0f2fe;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.subservice-title{color:#0f172a;margin-bottom:1.25rem;font-size:2rem;font-weight:800}.subservice-desc{color:#475569;font-size:1.15rem;line-height:1.8}.subservice-list{flex-direction:column;gap:1rem;margin-top:2rem;list-style:none;display:flex}.subservice-list li{color:#334155;padding-left:2rem;font-size:1.1rem;font-weight:500;line-height:1.6;position:relative}.subservice-list li:before{content:"→";color:#0056b3;font-size:1.2rem;font-weight:800;position:absolute;top:0;left:0}.subservice-image-wrapper{aspect-ratio:4/3;border-radius:6px;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}.subservice-image-wrapper img{object-fit:cover;width:100%;height:100%}@media (max-width:992px){.subservice-card,.subservice-card.reverse{grid-template-columns:1fr;gap:2rem}.subservice-card.reverse .subservice-image-wrapper{order:1}.subservice-card.reverse .subservice-info{order:-1}}