.oam-section-audience {
    --oam-audience-space-y: 4.375em;
    --oam-audience-title-font-size: 1.5em;
    --oam-audience-title-space-after: 2em;
    --oam-audience-title-color: #0b454a;
    --oam-audience-list-direction: column;
    --oam-audience-list-gap: 3.5em;
    --oam-audience-text-space-y: 1.5em;

    margin-top: var(--oam-audience-space-y);
    margin-bottom: var(--oam-audience-space-y);
}

.oam-section-audience .oam-section-audience__title {
    margin-top: 0;
    margin-bottom: var(--oam-audience-title-space-after);
    font-size: var(--oam-audience-title-font-size);
    font-weight: 700;
    text-align: center;
    color: var(--oam-audience-title-color);
}

.oam-section-audience .oam-section-audience__list {
    display: flex;
    flex-direction: var(--oam-audience-list-direction);
    gap: var(--oam-audience-list-gap);
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.oam-section-audience .oam-section-audience__item {
    background-color: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(76, 86, 86, 0.2);
}

.oam-section-audience .oam-section-audience__picture {
    display: block;
    width: 100%;
    height: 206px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.oam-section-audience .oam-section-audience__picture.oam-section-audience__picture_1 {
    background-image: url(./img1.webp);
}

.oam-section-audience .oam-section-audience__picture.oam-section-audience__picture_2 {
    background-image: url(./img2.webp);
}

.oam-section-audience .oam-section-audience__picture.oam-section-audience__picture_3 {
    background-image: url(./img3.webp);
}

.oam-section-audience .oam-section-audience__text {
    padding: 2em var(--oam-audience-text-space-y);
}

@media (min-width: 768px) {
    .oam-section-audience {
        --oam-audience-space-y: 6.25em;
        --oam-audience-title-font-size: 1.875em;
        --oam-audience-title-space-after: 2.2em;
        --oam-audience-title-color: #095b64;
        --oam-audience-list-direction: row;
        --oam-audience-list-gap: 1.25em;
    }

    .oam-section-audience .oam-section-audience__item {
        flex: 1 0 0;
    }
}

@media (min-width: 992px) {
    .oam-section-audience {
        --oam-audience-title-font-size: 2.25em;
        --oam-audience-title-space-after: 1.67em;
        --oam-audience-text-space-y: 2em;
    }
}