.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

.right-1 {
    right: 0.25rem !important;
}

.right-2 {
    right: 0.5rem !important;
}

.right-3 {
    right: 0.75rem !important;
}

.right-4 {
    right: 1rem !important;
}
.right-5 {
    right: 1.25rem !important;
}

.right-6 {
    right: 1.5rem !important;
}

.right-7 {
    right: 1.75rem !important;
}

.right-8 {
    right: 2rem !important;
}

.right-9 {
    right: 2.25rem !important;
}

.right-10 {
    right: 2.5rem !important;
}

.right-11 {
    right: 2.75rem !important;
}

.right-12 {
    right: 3rem !important;
}

.left-1 {
    left: 0.25rem !important;
}

.left-2 {
    left: 0.5rem !important;
}

.left-3 {
    left: 0.75rem !important;
}

.left-4 {
    left: 1rem !important;
}

.left-5 {
    left: 1.25rem !important;
}

.left-6 {
    left: 1.5rem !important;
}

.left-7 {
    left: 1.75rem !important;
}

.left-8 {
    left: 2rem !important;
}

.left-9 {
    left: 2.25rem !important;
}

.left-10 {
    left: 2.5rem !important;
}

.left-11 {
    left: 2.75rem !important;
}

.left-12 {
    left: 3rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 0.75rem !important;
}

.pr-4 {
    padding-right: 1rem !important;
}

.pr-5 {
    padding-right: 1.25rem !important;
}

.pr-6 {
    padding-right: 1.5rem !important;
}

.pr-7 {
    padding-right: 1.75rem !important;
}

.pr-8 {
    padding-right: 2rem !important;
}

.pr-9 {
    padding-right: 2.25rem !important;
}

.pr-10 {
    padding-right: 2.5rem !important;
}

.pr-11 {
    padding-right: 2.75rem !important;
}

.pr-12 {
    padding-right: 3rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 0.75rem !important;
}

.pl-4 {
    padding-left: 1rem !important;
}

.pl-5 {
    padding-left: 1.25rem !important;
}

.pl-6 {
    padding-left: 1.5rem !important;
}

.pl-7 {
    padding-left: 1.75rem !important;
}

.pl-8 {
    padding-left: 2rem !important;
}

.pl-9 {
    padding-left: 2.25rem !important;
}

.pl-10 {
    padding-left: 2.5rem !important;
}

.pl-11 {
    padding-left: 2.75rem !important;
}

.pl-12 {
    padding-left: 3rem !important;
}

.md\:w-\[30rem\] {
    width: 30rem !important;
}

.md\:w-\[40rem\] {
    width: 40rem !important;
}

.md\:w-\[50rem\] {
    width: 50rem !important;
}

.md\:w-\[60rem\] {
    width: 60rem !important;
}

.md\:w-\[70rem\] {
    width: 70rem !important;
}

.md\:w-\[80rem\] {
    width: 80rem !important;
}

.md\:w-\[90rem\] {
    width: 90rem !important;
}

.md\:w-\[100rem\] {
    width: 100rem !important;
}

.md\:w-\[110rem\] {
    width: 110rem !important;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.justify-between {
    justify-content: space-between !important;
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .sm\:max-w-4xl {
        max-width: 56rem;
    }
    .sm\:max-w-5xl {
        max-width: 69rem;
    }
    .sm\:max-w-6xl {
        max-width: 72rem;
    }
    .sm\:max-w-7xl {
        max-width: 80rem;
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}