.main {
    --row-defult-gap: 15px;
}

.grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--grid-gap) * -1);
    row-gap: var(--row-gap, var(--row-defult-gap));
}

.grid-item{
    margin: 0 var(--grid-gap);
    width: var(--grid-width, 100%);
}

.flex{
       display: flex;
       flex-wrap: wrap;
}



/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */



.five-block .item-card{
    min-height:300px;
}



.side_by_side {
    --space-50: 50px;
    --space-100: 100px;
    --inner-width: 550px;
    --border: 1px solid #f1f1f1;
}

.side_by_side li {
    display: flex;
    flex-wrap: wrap;
}


.side_by_side li>* {
    width: 50%;
}

.side_by_side .content {
    display: flex;
    align-items: center;
    padding-top: var(--space-50);
    padding-bottom: var(--space-50);
}

.side_by_side .image img {
    width: 100%;
}

.flip-x li:nth-child(odd),
.flip-y li:nth-child(even) {
    flex-direction: row-reverse;
}

.flip-x li:nth-child(odd) .inner,
.flip-y li:nth-child(even) .inner {
    max-width: var(--inner-width);
    margin-left: auto;
}

.flip-y li:nth-child(odd) .inner,
.flip-x li:nth-child(even) .inner {
    max-width: calc(var(--inner-width) - var(--space-50));
    margin-right: auto;
}

.flip-x li:nth-child(odd) .content,
.flip-y li:nth-child(even) .content {
    padding-right: var(--space-50);
    padding-left: var(--space-100);
}

.flip-y li:nth-child(odd) .content,
.flip-x li:nth-child(even) .content {
    padding-left: var(--space-100);
    padding-right: var(--space-50);
}

@media (max-width: 860px) {
    .side_by_side li>* {
        width: 100%;
    }

    .side_by_side {
        --space-50: 30px;
        --space-100: var(--space-50);
    }
}