.servicesCards {
    width: min(var(--site-max), 100%);
    margin: 0 auto;
}

    .servicesCards .tpc__slide {
        flex: 0 0 436px;
    }

    .servicesCards .svc-card {
        position: relative;
        width: clamp(280px, 104vh, 436px);
        height: clamp(195px, 60vh, 552px);
        overflow: hidden;
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .servicesCards .svc-card__img {
        position: absolute;
        inset: 0;
    }

        .servicesCards .svc-card__img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .servicesCards .svc-card__glow {
        position: absolute;
        left: -245px;
        top: 280px;
        width: 606px;
        height: 545px;
        display: flex;
        align-items: center;
        justify-content: center;
        mix-blend-mode: screen;
        pointer-events: none;
    }

        .servicesCards .svc-card__glow::before {
            content: "";
            width: 593px;
            height: 227px;
            background: var(--bg-primary-strong);
            filter: blur(74.8px);
            transform: rotate(-38.21deg);
        }

    .servicesCards .svc-card__overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.34);
        opacity: 0;
        transition: opacity var(--t-base) var(--ease);
    }

    /*.servicesCards .svc-card:hover .svc-card__overlay,
    .servicesCards .svc-card:focus-visible .svc-card__overlay {
        opacity: 1;
    }*/

    .servicesCards .svc-card__arrow {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 3;
        width: 40px;
        height: 40px;
        color: var(--icon-inverse);
        opacity: 0;
        transform: translate(-6px, 6px);
        transition: opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease);
        pointer-events: none;
    }

        .servicesCards .svc-card__arrow svg {
            width: 100%;
            height: 100%;
            display: block;
            transform: rotate(-45deg);
        }

    /*.servicesCards .svc-card:hover .svc-card__arrow,
    .servicesCards .svc-card:focus-visible .svc-card__arrow {
        opacity: 1;
        transform: translate(0, 0);
    }*/

    .servicesCards .svc-card__content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 436px;
        max-width: 100%;
        min-height: 176px;
        padding: 48px 16px;
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: center;
        background: var(--bg-neutral-strong);
        border-top-right-radius: 128px;
        z-index: 1;
    }

    .servicesCards .svc-card__desc {
        max-width: 380px;
        font-weight: var(--fw-light);
        font-family: var(--font-tpSans-light);
        color: var(--body-default);
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translateY(12px);
        overflow: hidden;
        transition: max-height var(--t-base) var(--ease), opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease), margin-top var(--t-base) var(--ease);
    }

    /*.servicesCards .svc-card:hover .svc-card__desc,
    .servicesCards .svc-card:focus-visible .svc-card__desc {
        margin-top: 16px;
        max-height: 220px;
        opacity: 1;
        transform: translateY(0);
    }*/

    .servicesCards .svc-card__title {
        max-width: 360px;
        font-weight: var(--fw-extralight);
        font-family: var(--font-tpSans-exLight);
        background: linear-gradient(70.88deg, #000 18.37%, #8051ff 48.47%, #000 92.19%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .servicesCards .svc-card__link {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2;
    }

    .servicesCards .svc-card__close {
        display: none;
    }

    .servicesCards .svc-card__learnmore {
        display: none;
    }

@media (min-width: 992px) {
    .servicesCards .svc-card:hover .svc-card__overlay,
    .servicesCards .svc-card:focus-visible .svc-card__overlay {
        opacity: 1;
    }

    .servicesCards .svc-card:hover .svc-card__arrow,
    .servicesCards .svc-card:focus-visible .svc-card__arrow {
        opacity: 1;
        transform: translate(0, 0);
    }

    .servicesCards .svc-card:hover .svc-card__desc,
    .servicesCards .svc-card:focus-visible .svc-card__desc {
        margin-top: 16px;
        max-height: 220px;
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991.98px) {
    .servicesCards .svc-card__close {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 4;
        width: 32px;
        height: 32px;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        background: rgba(255, 255, 255, 0.9);
        color: var(--icon-default, #010101);
        cursor: pointer;
    }

        .servicesCards .svc-card__close svg {
            width: 20px;
            height: 20px;
            display: block;
        }

    .servicesCards .svc-card.is-open .svc-card__link {
        pointer-events: none;
    }

    .servicesCards .svc-card.is-open .svc-card__close {
        display: flex;
    }

    .servicesCards .svc-card.is-open .svc-card__overlay {
        opacity: 1;
    }

    .servicesCards .svc-card.is-open .svc-card__desc {
        margin-top: 16px;
        max-height: 220px;
        opacity: 1;
        transform: translateY(0);
    }

    .servicesCards .svc-card__learnmore {
        align-items: center;
        gap: 8px;
        margin-top: 16px;
        color: var(--title-primary-strong, #5318bf);
        font-weight: var(--fw-light);
        font-family: var(--font-tpSans-light);
        text-decoration: none;
    }

        .servicesCards .svc-card__learnmore svg {
            width: 20px;
            height: 20px;
            transform: rotate(-45deg);
        }

    .servicesCards .svc-card.is-open .svc-card__learnmore {
        display: inline-flex;
    }
}

@media (max-width: 767px) {
    .servicesCards .tpc__slide {
        flex: 0 0 330px;
    }

    .servicesCards .svc-card {
        width: auto;
    }
}