/* ALYASI-Services.dc.html */

.services-section { padding-top: 90px; padding-bottom: 90px; }

.services-card__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.services-card__media img { width: 100%; height: 100%; object-fit: cover; }
.services-card__number {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    background: #fff;
    color: var(--color-accent-500);
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 13px;
    padding: 8px 13px;
    border-radius: var(--radius-pill);
    box-shadow: var(--shadow-sm);
}

.services-card__body { padding: 26px; }
.services-card__eyebrow { color: var(--color-accent-600); font-size: 12px; font-weight: 700; margin-bottom: 10px; }
.services-card__title { font-size: 18px; margin-bottom: 12px; line-height: 1.5; }
.services-card__desc { color: rgba(20, 32, 46, .62); font-size: 14px; line-height: 1.8; margin-bottom: 20px; }
.services-card__actions { display: flex; gap: 14px; align-items: center; }
.services-card__link { color: var(--color-accent-600); font-weight: 700; font-size: 13.5px; }
.services-card__link:hover { color: var(--color-accent-800); }
.services-card__link--muted { color: rgba(20, 32, 46, .55); }
.services-card__link--muted:hover { color: var(--color-accent-600); }
.services-card__sep { width: 1px; height: 14px; background: var(--color-divider); }

.services-pagination { display: flex; justify-content: center; }

@media (max-width: 767px) {
    .services-section { padding-top: 56px; padding-bottom: 56px; }
    .services-card__body { padding: 20px; }
}