.flex {
    display: flex;
}

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

.grid {
    display: grid;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

/* Gap */
.gap-6 {
    gap: 1.5rem;
}

.gap-tw-4 {
    gap: 1rem;
}

.gap-tw-2 {
    gap: 0.5rem;
}

.gap-tw-1 {
    gap: 0.25rem;
}

.gap-8 {
    gap: 2rem;
}

/* Large Screens */
@media (min-width:1200px) {
    .lg\:gap-4 {
        gap: 1rem;
    }

    .lg\:gap-6 {
        gap: 1.5rem;
    }

    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

}

/* Medium Screens */
@media (min-width:992px) {
    .md\:flex-row {
        flex-direction: row;
    }
}