.archive-service{

    padding:80px 0;

}

.archive-header{

    text-align:center;

    margin-bottom:50px;

}

.archive-description{

    max-width:700px;

    margin:20px auto 0;

    line-height:2;

}
.archive-services{
    padding:80px 0;
}
.page-header{
    text-align:center;
    margin-bottom:60px;
}

.page-header h1{
    font-size:42px;
    margin-bottom:15px;
}

.page-header p{
    color:#64748b;
}

.single-service{

    padding:80px 0;

}

.service-single{

    max-width:900px;

    margin:0 auto;

}

.service-header{

    text-align:center;

    margin-bottom:40px;

}

.service-featured-image{

    margin-bottom:40px;

}

.service-featured-image img{

    width:100%;

    height:auto;

    border-radius:24px;

    display:block;

}

.service-content{

    font-size:18px;

    line-height:2.2;

}

.service-content h2,
.service-content h3{

    margin-top:40px;

    margin-bottom:20px;

}

.service-content ul{

    padding-right:20px;

}

.service-content li{

    margin-bottom:12px;

}
.breadcrumb{

    padding:20px 0;

}

.breadcrumb-list{

    display:flex;

    gap:10px;

    align-items:center;

    flex-wrap:wrap;

    font-size:14px;

}

.breadcrumb-list a{

    text-decoration:none;

}
.hero-section{

padding:100px 0;

background:

radial-gradient(circle at top right,#16324a,#07131f);

}



.hero-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

gap:50px;

}



.hero-content{

width:50%;

}



.hero-badge{

display:inline-block;

background:rgba(45,140,255,.15);

color:#2D8CFF;

padding:8px 18px;

border-radius:30px;

margin-bottom:20px;

}



.hero-content h1{

font-size:52px;

margin-bottom:15px;

}



.hero-content h2{

font-size:25px;

color:#d8a85b;

margin-bottom:20px;

}



.hero-content p{

font-size:18px;

line-height:2;

color:#d7dde5;

}



.hero-buttons{

display:flex;

gap:15px;

margin-top:35px;

}



.hero-image{

width:40%;

}

.single-service{

padding:80px 0;

background:#f8fafc;

color:#1e293b;

}


.service-image{

margin-bottom:40px;

border-radius:20px;

overflow:hidden;

}


.single-service h1{

font-size:42px;

margin-bottom:25px;

}


.service-content{

font-size:18px;

line-height:2;

}