.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-end{
    display: flex;
    justify-content: end;
}

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

.h-full {
    height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.w-1-12 {
    width: 8.333333%;
}

.w-1-2 {
    width: 50%;
}

.w-1-3 {
    width: 33.333333%;
}

.w-1-4 {
    width: 25%;
}

.w-1-5 {
    width: 20%;
}

.w-1-6 {
    width: 16.666667%;
}

.w-1-8 {
    width: 12.5%;
}

.w-5-6 {
    width: 83.333333%;
}

.w-11-12 {
    width: 91.666667%;
}


.w-2-3 {
    width: 66.666667%;
}


.w-3-4 {
    width: 75%;
}

.w-5-12 {
    width: 41.666667%;
}

.w-7-12 {
    width: 58.333333%;
}


.w-full {
    width: 100%;
}

.min-w-full {
    min-width: 100%;
}

.relative {
    position: relative;
}

.gap-1 { gap: 8px !important; }
.gap-2 { gap: 16px !important; }
.gap-3 { gap: 24px !important; }
.gap-4 { gap: 32px !important; }