.pgi-cta-showroom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 615px;
    margin: 0;
    padding: 60px;
    overflow: hidden;
    border-radius: var(--pgi-cta-showroom-radius, 20px);
    background-color: var(--pgi-black);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--pgi-cta-showroom-bg-image, none);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--pgi-white);
    font-family: "Involve", system-ui, sans-serif;
}

.pgi-cta-showroom__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
}

.pgi-cta-showroom__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: min(100%, 560px);
    text-align: center;
}

.pgi-cta-showroom__title {
    width: 100%;
    margin: 0;
    color: var(--pgi-cta-showroom-title-color, var(--pgi-white));
    font-size: var(--pgi-cta-showroom-title-size, 70px);
    font-feature-settings: "kern" off;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
}

.pgi-cta-showroom__subtitle {
    width: min(100%, 420px);
    margin: 0;
    color: var(--pgi-cta-showroom-subtitle-color, var(--pgi-white));
    font-size: var(--pgi-cta-showroom-subtitle-size, 16px);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

.pgi-cta-showroom__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
    max-width: 800px;
}

.pgi-cta-showroom__cards>.block-editor-inner-blocks,
.pgi-cta-showroom__cards>.block-editor-inner-blocks>.block-editor-block-list__layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.pgi-cta-showroom__cards .wp-block-acf-pgi-office-card,
.pgi-cta-showroom__cards .pgi-office-card {
    width: 100%;
}

@media (max-width: 768px) {
    .pgi-cta-showroom {
        min-height: 615px;
        padding: 60px 10px;
    }

    .pgi-cta-showroom__text {
        /* width: min(100%, 320px); */
    }

    .pgi-cta-showroom__title {
        font-size: min(var(--pgi-cta-showroom-title-size, 70px), 48px);
    }

    .pgi-cta-showroom__subtitle {
        width: 100%;
        font-size: min(var(--pgi-cta-showroom-subtitle-size, 16px), 14px);
    }

    .pgi-cta-showroom__cards {
        max-width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1499px) {
    .pgi-cta-showroom {
        min-height: 400px;
        padding: 35.2px;
    }

    .pgi-cta-showroom__content,
    .pgi-cta-showroom__text,
    .pgi-cta-showroom__cards {
        gap: 19.2px;
    }

    .pgi-cta-showroom__text {
        width: min(100%, 384px);
    }

    .pgi-cta-showroom__title {
        font-size: min(var(--pgi-cta-showroom-title-size, 56px), clamp(41.6px, 3.4vw, 56px));
    }
}

/* PGI middle-desktop client font-size normalization */
@media (min-width: 769px) and (max-width: 1499px) {
    .pgi-cta-showroom__title {
        font-size: min(var(--pgi-cta-showroom-title-size, 32px), 32px);
    }

    .pgi-cta-showroom__subtitle {
        font-size: min(var(--pgi-cta-showroom-subtitle-size, 14px), 14px);
    }
}