/* =========================
        Services
========================= */

.services{
    padding:90px 0;
    background:transparent;
}

/* =========================
        Section Title
========================= */

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    color:#fff;
    font-size:42px;
    font-weight:800;
    margin-bottom:18px;
}

.section-title h2::after{
    content:"";
    display:block;
    width:80px;
    height:4px;
    background:#e60000;
    margin:15px auto 0;
    border-radius:10px;
}

.section-subtitle{
    color:#c7c7c7;
    font-size:18px;
    line-height:1.9;
    max-width:700px;
    margin:0 auto 50px;
}

/* =========================
        Services Grid
========================= */

.services-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:25px;
}

.service-card{
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#1b1b1b;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    transition:all .35s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    border-color:#e60000;
    box-shadow:0 15px 35px rgba(230,0,0,.20);
}

.service-card i{
    font-size:46px;
    color:#e60000;
    margin-bottom:22px;
    display:block;
}

.service-card h3{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.service-card p{
    color:#c7c7c7;
    font-size:17px;
    line-height:1.8;
}

.featured{
    background:#222;
    border:2px solid #e60000;
    box-shadow:0 0 40px rgba(230,0,0,.25);
}

/* =========================
        Why Us
========================= */

.why-us{
    padding:90px 0;
    background:transparent;
}

.why-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:25px;
    margin-top:50px;
}

.why-card{
    background:#1b1b1b;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    transition:all .35s ease;
}

.why-card:hover{
    transform:translateY(-8px);
    border-color:#e60000;
    box-shadow:0 15px 35px rgba(230,0,0,.20);
}

.why-card i{
    font-size:46px;
    color:#e60000;
    margin-bottom:22px;
    display:block;
}

.why-card h3{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.why-card p{
    color:#c7c7c7;
    font-size:17px;
    line-height:1.8;
}

/* =========================
      Card Icon Hover
========================= */

.service-card i,
.why-card i{
    transition:transform .3s ease;
}

.service-card:hover i,
.why-card:hover i{
    transform:scale(1.08);
}