.flex {
    display: flex;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    justify-content: center;
}
.flex-around {
    display: flex;
    justify-content: space-around;
}
.align-item-c {
    display: flex;
    align-items: center;
}
.flex-warp {
    flex-wrap: wrap;
}
.flex-warp {
    flex-wrap: nowrap;
}
.text-hidden {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.align-l {
    text-align: left;
}
.align-c {
    text-align: center;
}
.hide {
    display: none!important;
}
.show {
    display: unset;
}
.mg-l-20 {
    margin-left: 20px;
}
.mg-l-25 {
    margin-left: 25px;
}