/* =========================
   SERVICES 5-CARD ROW
========================= */

.services-row{
    display:grid;

    grid-template-columns:repeat(5, 1fr); /* 5 equal cards */

    gap:20px;

    max-width:1200px;
    margin:60px auto 0;

    align-items:stretch;
}

/* CARD */
.service-card{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);

    border-radius:20px;

    padding:30px 15px;

    text-align:center;

    transition:0.3s ease;

    backdrop-filter:blur(10px);
}

/* ICON */
.service-card i{
    font-size:32px;
    margin-bottom:12px;
    color:#60a5fa;
}

/* TITLE */
.service-card h3{
    font-size:1rem;
    font-weight:700;
    margin-top:8px;
}

/* TEXT */
.service-card p{
    font-size:0.85rem;
    color:#94a3b8;
    margin-top:6px;
}

/* HOVER */
.service-card:hover{
    transform:translateY(-8px);
    border-color:#60a5fa;
    box-shadow:0 10px 25px rgba(96,165,250,0.2);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1024px){
    .services-row{
        grid-template-columns:repeat(3, 1fr);
    }
}

@media(max-width:768px){
    .services-row{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:480px){
    .services-row{
        grid-template-columns:1fr;
    }
}

.service-card{
    transition: transform 0.35s ease, box-shadow 0.3s ease;
}

.service-card:hover{
    transform: translateY(-8px) scale(1.03);
}