.service-hero{

    background:
    linear-gradient(rgba(8,27,41,.90),
    rgba(8,27,41,.90)),
    url("../assets/images/services/banner.jpeg");

    background-size:cover;
    background-position:center;
}

.service-hero h1{

font-size:64px;

color:white;

margin:20px 0;

}

.service-hero p{

max-width:800px;

margin:auto;

line-height:1.9;

color:#CBD5E1;

}

.services-grid{

padding:120px 0;

background:#F8FAFC;

}

.grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.service-card{

    background:#fff;

    border:2px solid #1EA6E8;

    border-radius:40px 10px 40px 10px;

    padding:40px;

    overflow:hidden;

    transition:.4s;

}

.service-card:hover{

transform:translateY(-12px);

border-color:#1EA6E8;

box-shadow:
0 20px 45px rgba(30,166,232,.25);

}

.service-card i{

font-size:42px;

color:var(--primary);

margin-bottom:25px;

}

.service-card h3{

margin-bottom:20px;

font-size:28px;

color:#081B29;

}

.service-card p{

color:#64748B;

line-height:1.8;

}
.service-card a{

display:inline-block;

margin-top:20px;

color:var(--primary);

font-weight:600;

}

.service-card a:hover{

letter-spacing:1px;

}

/*=========================================
            WHY CHOOSE US
=========================================*/

.why-us{

    padding:120px 0;

    background:#081B29;

}

.section-title{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:70px;

}

.section-title span{

    color:var(--primary);

    font-weight:700;

    letter-spacing:2px;

}

.section-title h2{

    color:white;

    font-size:52px;

    margin:18px 0;

}

.section-title p{

    color:#CBD5E1;

    line-height:1.9;

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.why-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    transition:.4s;

}

.why-card:hover{

    transform:translateY(-12px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(30,166,232,.20);

}

.why-card i{

    font-size:46px;

    color:var(--primary);

    margin-bottom:25px;

}

.why-card h3{

    color:white;

    margin-bottom:18px;

}

.why-card p{

    color:#CBD5E1;

    line-height:1.8;

}