/* Services List block */

.services-list {
    --services-line-top: 22%;

    .container { @apply px-0!; }

    .services-list__line {
        position: absolute;
        inset-inline: 0;
        top: var(--services-line-top);
        height: 16px;
        pointer-events: none;
        z-index: 1;
        background-image: url('../img/services-list-line.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .services-list__grid {
        position: relative;
        z-index: 2;
    }

    .services-list__card {
        @apply flex flex-col;
    }

    .services-list__media {
        @apply overflow-hidden rounded-md bg-gray-100;
    }

    .services-list__img {
        @apply w-full h-full object-cover;
    }

    .services-list__heading {
        @apply text-cwc-blue-01 text-32px font-black leading-none mt-6 mb-4;

        &::after {
            background: var(--color-secondary);
            content: "";
            display: block;
            height: 4px;
            margin-top: 0.45rem;
            width: 3rem;
        }
    }

    .services-list__desc {
        @apply text-gray-600 text-16px font-light leading-snug;
    }
}

@media (max-width: 1023px) {
    .services-list__line {
        display: none;
    }
}