/* Payd Co + Employment Hero partnership lockup on the two Employment Hero pages. */
.page-hr-technology .pagetitle-logos,
.page-implementation-support .pagetitle-logos {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 28px;
    column-gap: clamp(16px, 2vw, 24px);
    flex-wrap: nowrap;
    border: 1px solid;
    border-radius: 16px;
}

.page-hr-technology .pagetitle-logos {
    background-color: rgba(52, 51, 81, 0.48);
    background-color: oklch(31% 0.065 292 / 0.48);
    border-color: rgba(247, 245, 255, 0.3);
    border-color: oklch(97% 0.012 292 / 0.3);
    box-shadow: 0 14px 32px rgba(52, 51, 81, 0.16);
    box-shadow: 0 14px 32px oklch(22% 0.05 292 / 0.16);
}

.page-implementation-support .pagetitle-logos {
    background-color: rgba(250, 249, 255, 0.86);
    background-color: oklch(98.5% 0.009 292 / 0.86);
    border-color: rgba(88, 70, 140, 0.2);
    border-color: oklch(45% 0.09 292 / 0.2);
    box-shadow: 0 14px 32px rgba(88, 70, 140, 0.1);
    box-shadow: 0 14px 32px oklch(40% 0.055 292 / 0.1);
}

.page-hr-technology .pagetitle-logos > *,
.page-implementation-support .pagetitle-logos > * {
    min-width: 0;
    padding-left: 0;
}

.page-hr-technology .pagetitle-logos img,
.page-implementation-support .pagetitle-logos img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 639px) {
    .page-hr-technology .pagetitle-logos,
    .page-implementation-support .pagetitle-logos {
        width: 100%;
        padding: 14px 16px;
        column-gap: clamp(8px, 3vw, 12px);
        border-radius: 14px;
    }

    .page-hr-technology .pagetitle-logos > :first-child,
    .page-implementation-support .pagetitle-logos > :first-child {
        width: 30%;
    }

    .page-hr-technology .pagetitle-logos > :nth-child(2),
    .page-implementation-support .pagetitle-logos > :nth-child(2) {
        flex: none;
        width: 14px;
    }

    .page-hr-technology .pagetitle-logos > :last-child,
    .page-implementation-support .pagetitle-logos > :last-child {
        width: 54%;
    }
}