:root {
    --section-inner-04-gap: 2rem;
    --section-inner-04-item-padding: 4rem;
    --section-inner-04-item-height: 25rem;
    --section-inner-04-item-radius: 1.5rem;
    --section-inner-04-content-gap: 1.5rem;
    --section-inner-04-item-content-max-width: 23.625rem;
}
.section-inner-04-grid {
    display: flex;
    gap: var(--section-inner-04-gap);
}
.section-inner-04-item {
    flex: 1;
    border-radius: var(--section-inner-04-item-radius);
    height: var(--section-inner-04-item-height);
    background-position: top right;
    background-size: cover;
    padding: var(--section-inner-04-item-padding);
}
.section-inner-04-item-content{
    max-width: var(--section-inner-04-item-content-max-width);
    display: flex;
    flex-direction: column;
    gap: var(--section-inner-04-content-gap);
}
.section-inner-04-item-01{
    background-image: url('../../images/wwd-section-04/wwd-section-04-bg01.webp');
}
.section-inner-04-item-02{
    background-image: url('../../images/wwd-section-04/wwd-section-04-bg02.webp');
}
.section-inner-04-item-content h4,
.section-inner-04-item-content p{
    color: var(--white);
}

@media screen and (max-width: 1600px) {
    :root {
        --section-inner-04-gap: 2rem;
        --section-inner-04-item-content-max-width: 17.625rem;
        --section-inner-04-gap: 1.5rem;
    }
}
@media screen and (max-width: 1199px) {
    :root {
        --section-inner-04-item-padding: 2rem;
        --section-inner-04-item-height: 19rem;
        --section-inner-04-item-radius: 1rem;
        --section-inner-04-content-gap: 1rem;
        --section-inner-04-item-content-max-width: 13.25rem;
    }
}
@media screen and (max-width: 991px) {
    :root {
        --section-inner-04-item-padding: 1.5rem;
        --section-inner-04-item-height: 14.625rem;
        --section-inner-04-content-gap: 1rem;
        --section-inner-04-item-content-max-width: 11.625rem;
    }
}
@media screen and (max-width: 767px) {
    :root {
        --section-inner-04-gap: 1rem;
        --section-inner-04-item-height: 14.688rem;
    }
    .section-inner-04-grid {
        flex-direction: column;
    }
    .section-inner-04-item {
        flex: inherit;
    }
}