.services-page{

    background:#071321;
    padding:40px 0 10px;

}

.services-hero{

    text-align:center;
    max-width:850px;
    margin:0 auto 80px;

}

.services-hero h1{

    font-size:52px;
    color:#fff;
    margin:20px 0;

}

.services-hero p{

    color:#9fb5d8;
    font-size:20px;
    line-height:2;

}

.services-list{

    display:flex;
    flex-direction:column;
    gap:30px;

}

.service-item{

display:grid;

grid-template-columns:80px 70px 1fr;

align-items:center;

gap:40px;

background:#0b1828;

border:1px solid rgba(86,182,255,.15);

border-radius:24px;

padding:35px 45px;

position:relative;

overflow:hidden;

transition:.35s;

}

.service-image{

display:flex;

align-items:center;

justify-content:center;

}

.service-image{

display:flex;

align-items:center;

justify-content:center;

}

.service-image img{

width:64px;

height:64px;

object-fit:contain;

display:block;

filter:drop-shadow(0 0 15px rgba(0,145,255,.45));

}

.service-number{

font-size:52px;

font-weight:700;

color:#d9a63d;

text-align:center;

}

.service-right{

display:flex;

align-items:center;

}

.service-item::before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:5px;

    background:#1f7cff;

}

.service-item:hover{

    transform:translateY(-6px);

    border-color:#1f7cff;

    box-shadow:0 18px 40px rgba(0,0,0,.35);

}



.service-content{

width:100%;

}

.service-content h2{

font-size:42px;

color:#fff;

margin-bottom:15px;

}

.service-content p{

font-size:18px;

line-height:2.2;

color:#9fb5d8;

max-width:700px;

}

.services-cta{

position:relative;

margin-top:20px;

padding:55px 70px;

background:linear-gradient(180deg,#0d1b2d 0%,#0b1626 100%);

border:1px solid rgba(212,170,75,.35);

border-radius:24px;

overflow:hidden;
text-align: center;

}


.services-cta::before{

content:"";

position:absolute;

left:-120px;

bottom:-40px;

width:340px;

height:340px;

background:url("../images/rocket.png") no-repeat center;

background-size:contain;

pointer-events:none;

opacity:1;

}

.services-cta h2{

color:#fff;

font-size:54px;

margin-bottom:15px;

font-weight:700;

}

.services-cta p{

font-size:24px;

line-height:1.8;

color:#c7d4ea;

margin-bottom:40px;

}

.cta-buttons{

display:flex;

justify-content:center;

align-items:center;

gap:22px;

flex-wrap:wrap;

position:relative;

z-index:2;

}

@media(max-width:991px){

.service-item{

    grid-template-columns:1fr;

    text-align:center;

}



.services-hero h1{

    font-size:38px;

}

.services-cta{

    padding:40px 25px;

}

}

@media(max-width:576px){

.services-page{

    padding:20px 0 70px;

}

.services-hero{

    margin-bottom:50px;

}

.services-hero h1{

    font-size:30px;

}

.services-hero p{

    font-size:16px;

}

.service-item{

    padding:28px;

}

.service-content h2{

    font-size:22px;

}

.services-cta h2{

    font-size:28px;

}

.cta-buttons{

    flex-direction:column;

}

.cta-buttons .btn{

    width:100%;

}

}

.services-cta .btn{

min-width:220px;

height:58px;

border-radius:14px;

font-size:20px;

font-weight:700;

transition:.3s;

}

.services-cta .btn-primary{

background:#d4aa4b;

color:#071321;

border:none;

}

.services-cta .btn-primary:hover{

transform:translateY(-3px);

box-shadow:0 10px 30px rgba(212,170,75,.35);

}

.services-cta .btn-outline{

border:2px solid #d4aa4b;

color:#fff;

background:transparent;

}

.services-cta .btn-success{

border:2px solid #d4aa4b;

background:transparent;

color:#fff;

}