:root {
    --transition: all 0.4s ease;
    --shadow: 0 5px 15px rgba(0,0,0,0.1); 
}

section {
    padding: 4rem 2rem;
    /* background-color: rebeccapurple; */
}

.services-grid {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}


.service-card {
    text-align: center;
    background-color: transparent;
    /* padding: 1rem; */
    margin: 1rem;
    /* box-shadow: var(--shadow); */
    transition: var(--transition);
}

.service-card img {
    border-radius: 20px;
}

.service-card:hover { transform: translateY(-10px); }


/* Responsive Styles 
/* ---------------------------------------------------------------------- */
@media (min-width: 1025px) { .service-card { width: 15%; } }
@media (max-width: 1024px) { .service-card { width: 15%; } }
@media (max-width: 768px) { .service-card { width: 25%;} }