.services-hero{
    position: relative;
    background-position: center;
    background-size: cover;
    border-radius: 18px;
    margin: 16px auto 40px;
    min-height: 450px;
    display: flex;
    align-items: end;
    overflow: hidden;
}
.services-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.15) 40%, rgba(255,255,255,1) 95%);
}
.services-hero .container{position:relative; z-index:1; padding: 40px;}
.hero-title{
    color:#fff;
    max-width: 1250px;
    font-weight:700;
    font-size: clamp(36px, 6vw, 72px);
}

.service-detail{
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    gap:48px;
    align-items:center;
    max-width: 1100px;
    margin: 0 auto 60px;
}
.service-image img{
    width:100%;
    height: 460px;
    object-fit: cover;
    border-radius: 20px;
}
.service-content h2{
    margin-bottom: 12px;
}
.service-content p{ line-height:1.7;}
.service-features{margin-top:16px; display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px 18px; padding-left:0;}
.service-features li{list-style:none; display:flex; align-items:flex-start; gap:10px;}
.service-features li i{color: var(--color-secondary); margin-top:3px;}
.service-features li span{display:block;}

@media (max-width: 992px){
    .service-detail{grid-template-columns:1fr;}
    .service-image img{height:320px;}
}

@media (max-width: 576px){
    .service-features{ grid-template-columns: 1fr; }
}