.wp-block-columns.is-style-no-gap {
    gap: 0;
    margin-bottom: 0;
}
.wp-block-columns.is-style-big-gap {
    gap: 4rem;
}
.wp-block-columns.is-style-big-gap-lg {
    gap: 0;
}
@media (min-width: 782px) {
    .wp-block-columns.is-style-big-gap-lg {
        gap: 100px;
    }
    .dg-40-60-block {
        min-height: 700px;
    }
}

/* T 5.3.2024 */
@media (max-width: 782px) { 
    .wp-block-columns.is-mobile-reversed {
        flex-direction: column-reverse;
    }
    .wp-block-columns.is-mobile-reversed > .wp-block-column {
        width: 100%;
        align-self: center !important;
    }
}

.dg-icon-text-columns-group,
.dg-three-columns-group,
.dg-five-columns-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
}

@media (min-width: 782px) { 
    .dg-icon-text-columns-group,
    .dg-three-columns-group,
    .dg-five-columns-group {
        flex-wrap: wrap !important;
        flex-direction: row;
        gap: 50px !important;
    }
    .dg-icon-text-columns-group > .wp-block-group,
    .dg-three-columns-group > .wp-block-group {
        width: calc(50% - 25px) !important;
        max-width: calc(50% - 25px) !important;
        flex: 1 1 calc(50% - 25px) !important;
    }
    
}

@media (min-width: 992px) { 
    .dg-icon-text-columns-group,
    .dg-three-columns-group,
    .dg-five-columns-group {
        flex-wrap: wrap !important;
        flex-direction: row;
        gap: 100px !important;
    }
    .dg-five-columns-group {
        gap: 50px !important;
    }
    .dg-icon-text-columns-group > .wp-block-group,
    .dg-three-columns-group > .wp-block-group {
        flex: 1 1 calc((100% - 200px) / 3) !important;
        width: calc((100% - 200px) / 3) !important;
        max-width: calc((100% - 200px) / 3) !important;
    }
    .dg-five-columns-group > .wp-block-group {
        flex: 1 1 calc((100% - 200px) / 5) !important;
        width: calc((100% - 200px) / 5) !important;
        max-width: calc((100% - 200px) / 5) !important;
    }
}


@media (min-width: 782px) {
    .wp-block-columns.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex .wp-block-column {
        flex: 1 1 50%;
    }
}

@media (min-width: 500px) {
    :where(.wp-block-columns.has-background) {
        padding: 0 !important;
    }
}

@media (max-width: 991px) {
    .wp-block-columns.dg-tablet-collapse {
        flex-direction: column;
    }
    .wp-block-columns.dg-tablet-collapse .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100%;
    }
}

@media (max-width: 1199px) {
    .wp-block-columns.dg-collapse-lg {
        flex-direction: column;
    }
    .wp-block-columns.dg-collapse-lg > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100%;
    }
}

@media (min-width: 782px) {
    .wp-block-columns.dg-custom-collapse-columns {
        display: flex;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    .wp-block-columns.dg-custom-collapse-columns .wp-block-column,
    .wp-block-columns.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex .wp-block-column {
        width: 50% !important;
        max-width: 50% !important;
        flex: 1 1 50% !important;
    } 
}

.dg-40-60-block.graph .wp-block-column,
.wp-block-cover.graph {
    position: relative;
}
.dg-40-60-block.graph .wp-block-column::before,
.wp-block-cover.graph::before {
    display: none;
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 450px;
    height: 480px;
    max-width: 100%;
    max-height: 400px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: contain;
}


@media (max-width: 781px) { 
    .dg-40-60-block.graph .wp-block-column::before,
    .wp-block-cover.graph::before {
        height: 50%;
        max-height: 50%;
    }
}
@media (min-width: 782px) {
    .dg-40-60-block.graph .wp-block-column::before,
    .wp-block-cover.graph::before { 
        max-height: 400px;
    }
}

@media (min-width: 1900px) {
    .dg-40-60-block.graph .wp-block-column::before,
    .wp-block-cover.graph::before { 
        max-height: 500px;
    }
}

.dg-40-60-block.graph.right .wp-block-column:nth-child(2)::before,
.wp-block-cover.graph.right::before {
    display: block;
    right: 0;
    background-position: bottom right -40px;
}
.dg-40-60-block.graph.left .wp-block-column:nth-child(1)::before,
.wp-block-cover.graph.left::before {
    display: block;
    left: 0;
    background-position: bottom left -40px;
}
.dg-40-60-block.graph.left.graph-orange .wp-block-column:nth-child(1)::before,
.wp-block-cover.graph.left.graph-orange::before {
    background-image: url('../../../images/graph-orange-left.svg');
}

.dg-40-60-block.graph.right.graph-orange .wp-block-column:nth-child(2)::before,
.wp-block-cover.graph.right.graph-orange::before {
    background-image: url('../../../images/graph-orange-right.svg');
}

.dg-40-60-block.graph.left.graph-turqoise .wp-block-column:nth-child(1)::before,
.wp-block-cover.graph.left.graph-turqoise::before {
    background-image: url('../../../images/graph-turqoise-left.svg');
}
.dg-40-60-block.graph.right.graph-turqoise .wp-block-column:nth-child(2)::before,
.wp-block-cover.graph.right.graph-turqoise::before {
    background-image: url('../../../images/graph-turqoise-right.svg');
}
.dg-40-60-block.graph.right.graph-turqoise-dark .wp-block-column:nth-child(2)::before,
.wp-block-cover.graph.right.graph-turqoise-dark::before {
    background-image: url('../../../images/graph-turqoise-dark-right.svg');
}
.dg-40-60-block.graph.right.graph-red .wp-block-column:nth-child(2)::before,
.wp-block-cover.graph.right.graph-red::before { 
    background-image: url('../../../images/graph-red-right.svg');
}

.dg-40-60-block.graph.left.graph-red .wp-block-column:nth-child(1)::before,
.wp-block-cover.graph.left.graph-red::before {
    background-image: url('../../../images/graph-red-left.svg');
}

.dg-40-60-block.right::before {
    right: 0;
}