.hero {
    text-align: center;
    padding: var(--spacing-16) 0;
}

.hero img {
    margin-bottom: var(--spacing-6);
}

.services-list {
    padding: var(--spacing-12) 0;
}

.services-list .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-6);
}

.service-card {
    text-align: center;
}

.service-card img {
    margin-bottom: var(--spacing-4);
}

.pricing-cta, .booking-cta {
    text-align: center;
    padding: var(--spacing-12) 0;
    background-color: var(--color-neutral-700);
}

.pricing-cta {
    margin-bottom: var(--spacing-6);
}