:root{
    --services-list-gap: var(--space-5);
    --services-card-min-height: clamp(260px, 28vw, 360px);
    --services-card-radius: var(--radius-card);
    --services-card-padding: var(--card-padding);
    --services-card-gap: var(--space-4);

    --services-text-size: 1rem;
    --services-text-line: 1.8;

    --services-label-weight: 600;

    --services-list-indent: 1.2rem;
    --services-list-gap-y: 10px;
}

.services-page{
    width: 100%;
}

.services-page > .container > .lead{
    max-width: 70ch;
    margin-bottom: var(--space-5);
}

.services-list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--services-list-gap);
}

.service-card{
    min-height: var(--services-card-min-height);
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--services-card-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.service-card,
.service-card__content{
    box-sizing: border-box;
}

.service-card__content{
    height: 100%;
    display: grid;
    align-content: start;
    gap: var(--services-card-gap);
    padding: var(--services-card-padding);
}

.service-card__content .h2{
    margin: 0;
}

.service-card__divider{
    width: 100%;
    height: 1px;
    background: var(--border);
}

.service-card__content p{
    margin: 0;
    font-size: var(--services-text-size);
    line-height: var(--services-text-line);
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
}

.service-card__label{
    font-size: var(--services-text-size);
    font-weight: var(--services-label-weight);
}

.service-card__list{
    margin: 0;
    padding-left: var(--services-list-indent);
    display: grid;
    gap: var(--services-list-gap-y);
}

.service-card__list li{
    font-size: var(--services-text-size);
    line-height: var(--services-text-line);
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
}

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

    .service-card{
        min-height: auto;
    }
}