.flex-section {
    max-width: var(--wp--style--global--wide-size) !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.section {
    border-radius: 15px;
    background-repeat:no-repeat!important;
    min-width: 0;
    flex: 1;
    height: clamp(26vw, 26vw, 600px);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    box-sizing: border-box;
}
.element_0 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(40% - 20px);
}

.flex-section>div .p-30 p {
    font-size: clamp(1rem, 1.9vw, 1.5rem);
} 

.element_1 {
    flex: 0 0 calc(30% - 20px);
    background-size: 60%!important;
}

.element_2 p{
    max-width: 60%;
}

.element_2 {
    flex: 0 0 calc(30% - 20px);
}

.element_3 {
    flex: 0 0 calc(27% - 20px);
    background-position: top -40px center!important;
}

.element_4 {
    flex: 0 0 calc(29% - 20px);
}

.element_5 {
    flex: 0 0 calc(44% - 20px);
}

.element_5 p {
    max-width:50%;
}
.p-30{
    padding:0 0 30px 30px;
}


@media (max-width:1440px){
    .element_1 p, .element_2 p{
        max-width:90%;
    }
}

@media (max-width:1280px){
    .flex-section {
        row-gap: 15px;
    }

    .element_0 {
        flex: 0 0 calc(40% - 10px);
    }

    .element_1 {
        flex: 0 0 calc(30% - 10px);
    }
        
    .element_2 {
        flex: 0 0 calc(30% - 10px);
    }

    .element_3 {
        flex: 0 0 calc(27% - 10px);
    }

    .element_4 {
        flex: 0 0 calc(29% - 10px);
    }

    .element_5 {
        flex: 0 0 calc(44% - 10px);
    }
}

@media (max-width:1024px){
    .element_1 {
        background-size: 45% !important;
    }
    .element_2 p{
        max-width: 60%;
    }
    .section{
        min-height: 250px !important;
    }
    .element_0 {
        flex: 0 0 calc(60% - 7.5px);
    }

    .element_1 {
        flex: 0 0 calc(40% - 7.5px);
    }
        
    .element_2 {
        flex: 0 0 calc(65% - 7.5px);
    }

    .element_3 {
        flex: 0 0 calc(35% - 7.5px);
    }

    .element_4 {
        flex: 0 0 calc(35% - 7.5px);
    }

    .element_5 {
        flex: 0 0 calc(65% - 7.5px);
    }
}

@media (max-width:767px){
    .element_2 p{
        max-width: 100%;
    }
    .b-flex-section{
        gap:12px;
    }
    .section:not(.element_4){
        background-size:60%!important;
    }
    .p-30{
        padding : 0 13px 18px 13px;
    }

    .section {
        background-size: cover !important;
        min-height: 250px !important;
    }

    .element_0 {
        flex: 0 0 100%;
    }

    .element_1 {
        flex: 0 0 calc(50% - 7.5px);
    }
        
    .element_2 {
        flex: 0 0 calc(50% - 7.5px);
    }

    .flex-section .element_3 {
        flex: 0 0 calc(50% - 7.5px);
        background-size: 100% !important;
    }

    .element_4 {
        flex: 0 0 calc(50% - 7.5px);
    }

    .element_5 {
        flex: 0 0 100%;
    }

    .section.element_0 {
        min-height: unset !important;
        height: unset;    
        margin-bottom: 15px;
    }

    .entry-content .b-flex_section {
        margin-top: 0;
    }
}