.flex,
.flex_2,
.flex_3,
.flex_4,
.flex_5,
.flex_6,
.flex_collumn,
.flex_3_1,
.flex_1_3 {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 24px;
    justify-content: space-between;
    /* width: 100%; */
}
.wrap {
    flex-wrap: wrap;
}
.olFlex {
    & > * {
        flex: 1 1 20% !important;
    }
}
.flex_2 {
    gap: var(--mar-64);
    &.wrap {
        flex-wrap: wrap;
        gap: 24px;
        align-items: stretch;
        & > * {
            flex: 1 1 47.5%;
        }
    }
    & img {
        object-fit: contain !important;
    }
}

.flex_1_3 > *:first-child {
    flex: 1 1 40%;
}
.flex_1_3 > *:nth-child(2) {
    flex: 1 1 70%;
}

.flex_3_1 {
    align-items: stretch;
}
.flex_3_1 > *:nth-child(2) {
    flex: 1 1 40%;
}
.flex_3_1 > *:first-child {
    flex: 1 1 65%;
}

.flex_3 {
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
    width: 100%;
}
.flex_3 > * {
    flex: 1 1 30.5%;
}
.flex_4 {
    @media (max-width: 768px) {
        gap: 8px;
    }
    & > * {
        flex: 1 1 22%;
    }
}
.flex_5 {
    & > * {
        /* flex: 1 1 18.5%; */
        flex: 1 1 12.5%;
        @media (max-width: 768px) {
            flex: 1 1 28.5%;
        }
        @media (max-width: 525px) {
            flex: 1 1 47.5%;
        }
    }
}
.flex_6 {
    justify-content: center;
    & > * {
        flex: 1 1 13%;
    }
    @media (max-width: 768px) {
        & > * {
            flex: 1 1 30%;
        }
    }
}

.flex_collumn {
    flex-direction: column;
    gap: 20px;
    @media (max-width: 768px) {
        gap: 8px;
    }
}
.flex_collumn > * {
    margin-bottom: 0;
    width: 100%;
}
.flex_collumn > a:last-child {
    margin-top: auto;
}
.flex_collumn svg {
    max-width: 60px;
}
.flex_2 {
    gap: 80px;
}
.flex_2 > * {
    flex: 1 1 50%;
}
.title_w_svg h3,
div > svg + h3 {
    font-size: var(--fz24);
    margin-bottom: 0;
}

.gap_20 {
    gap: 20px !important;
}
.start {
    justify-content: start !important;
}
.no_flex {
    & > * {
        flex: unset !important;
    }
}
.align_center {
    align-items: center !important;
}
.mobile_collumn_reverse {
    @media (max-width: 768px) {
        flex-direction: column-reverse !important;
    }
}

.gap_8 {
    gap: 8px !important;
}