/* Utility CSS Classes for flex row, flex - vertical align - horizontal align */

.flex-start-start{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-center-start{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.flex-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-center-end{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.content-outer {
    max-width: 100%;
    overflow-x: hidden;
}

.content-inner {
    max-width: var(--max-content-width, 1280px);
    margin: 0 auto;
    padding: 0 1.5rem;
}