.triple-services-section {
    position: relative;
    padding-block: var(--spacing-large);
}

.bg-svg {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    z-index: -1;
}

.triple-services-wrapper {
    display: flex;
    gap: 32px;
}

.triple-service-card {
    display: flex;
    flex-direction: column;
    flex: 1 0 calc(33% - 32px);
}

.card-image {
    display: flex;
    flex: 1;
    position: relative;
}

img.service-card-image {
    object-fit: cover;
}

.card-content {
    background: var(--color-black);
    color: var(--color-white);
    display: flex;
    gap: 32px;
    padding: clamp(12px, 3vw, 40px);
    flex-direction: column;
}

.card-text {
    font-weight: 300;
    line-height: 140%;
}

.triple-service-card.first-card .card-content {
    padding-top: 0;
}

.triple-service-card.first-card .integrated-svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

.triple-service-card.third-card .card-content {
    padding-bottom: 0;
}

.triple-service-card.third-card .integrated-svg {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
}

.triple-service-card.third-card {
    flex-direction: column-reverse;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 

    .video-intro-wrapper {
        flex-direction: column;
    }

    .triple-services-wrapper {
        flex-direction: column;
    }

    .triple-service-card.first-card .integrated-svg {
        bottom: -1px;
    }

}