.flex-box {

    display: flex;

    justify-content: center;

    column-gap: 40px;

    row-gap: 40px;

    flex-wrap: wrap;

    align-items: stretch;

}



.flex-box .flex-item {

    width: 48%;

    background-color: #fff;

    border-radius: 20px;

    padding: 35px;

}



.flex-box .flex-item .col-md-6 {

    width: 100% !important;

    height: 332px;

}



.flex-box .flex-item img {

    height: 100%;

    object-fit: cover;

}



.flex-box .flex-item .flex-textblock {

    margin-top: 20px;

}



@media (max-width: 1199px) {

    .flex-box {

        column-gap: 20px;

        row-gap: 20px;

    }

    .flex-box .flex-item {

        padding: 20px;

    }

}



@media (max-width: 870px) {

    .flex-box {

        column-gap: 20px;

        row-gap: 20px;

    }

    .flex-box .flex-item {

        width: 100%;

    }

}