.services-hero {
    background: linear-gradient(rgba(23, 26, 31, 0.46), rgba(23, 26, 31, 0.72)),
        url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=80") center/cover;
}

.service-cards {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.service-cards article {
    background: var(--color-white);
    border: 1px solid var(--color-line);
    border-top: 4px solid var(--color-gold);
    border-radius: var(--radius);
    padding: 26px;
}

.service-cards span {
    color: var(--color-gold-dark);
    font-weight: 800;
}

.service-cards h2 {
    font-size: 1.38rem;
    margin: 18px 0 12px;
}

.process {
    background: #22272d;
}

.process h2,
.process p {
    color: var(--color-white);
}

.process-grid {
    display: grid;
    gap: 42px;
    grid-template-columns: 0.9fr 1.1fr;
}

.process ol {
    display: grid;
    gap: 14px;
    list-style: none;
}

.process li {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(197, 160, 74, 0.26);
    border-radius: var(--radius);
    display: grid;
    gap: 6px;
    padding: 22px;
}

.process span {
    color: rgba(255, 255, 255, 0.72);
}

.process strong {
    color: var(--color-white);
}

@media (max-width: 920px) {
    .service-cards,
    .process-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 620px) {
    .service-cards,
    .process-grid {
        grid-template-columns: 1fr;
    }
}