.justify-content-fs { justify-content: flex-start; }
.justify-content-fe { justify-content: flex-end; }
.justify-content-center { justify-content: center; }

.align-items-fs { align-items: flex-start; }
.align-items-fe { align-items: flex-end; }
.align-items-center { align-items: center; }

.gap-1 { gap: 10px; }
.gap-2 { gap: 20px; }
.gap-3 { gap: 30px; }
.gap-4 { gap: 40px; }
.gap-5 { gap: 50px; }
.gap-6 { gap: 60px; }
.gap-7 { gap: 70px; }

.m-1 { margin: 10px !important; }
.m-2 { margin: 20px !important; }
.m-3 { margin: 30px !important; }
.m-4 { margin: 40px !important; }
.m-5 { margin: 50px !important; }
.m-6 { margin: 60px !important; }
.m-7 { margin: 70px !important; }
.m-8 { margin: 80px !important; }
.m-9 { margin: 90px !important; }
.m-10 { margin: 100px !important; }

.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }
.mt-4 { margin-top: 40px !important; }
.mt-5 { margin-top: 50px !important; }
.mt-6 { margin-top: 60px !important; }
.mt-7 { margin-top: 70px !important; }
.mt-8 { margin-top: 80px !important; }
.mt-9 { margin-top: 90px !important; }
.mt-10 { margin-top: 100px !important; }

.mr-1 { margin-right: 10px !important; }
.mr-2 { margin-right: 20px !important; }
.mr-3 { margin-right: 30px !important; }
.mr-4 { margin-right: 40px !important; }
.mr-5 { margin-right: 50px !important; }
.mr-6 { margin-right: 60px !important; }
.mr-7 { margin-right: 70px !important; }
.mr-8 { margin-right: 80px !important; }
.mr-9 { margin-right: 90px !important; }
.mr-10 { margin-right: 100px !important; }

.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }
.mb-4 { margin-bottom: 40px !important; }
.mb-5 { margin-bottom: 50px !important; }
.mb-6 { margin-bottom: 60px !important; }
.mb-7 { margin-bottom: 70px !important; }
.mb-8 { margin-bottom: 80px !important; }
.mb-9 { margin-bottom: 90px !important; }
.mb-10 { margin-bottom: 100px !important; }

.ml-1 { margin-left: 10px !important; }
.ml-2 { margin-left: 20px !important; }
.ml-3 { margin-left: 30px !important; }
.ml-4 { margin-left: 40px !important; }
.ml-5 { margin-left: 50px !important; }
.ml-6 { margin-left: 60px !important; }
.ml-7 { margin-left: 70px !important; }
.ml-8 { margin-left: 80px !important; }
.ml-9 { margin-left: 90px !important; }
.ml-10 { margin-left: 100px !important; }

.p-1 { padding: 10px !important; }
.p-2 { padding: 20px !important; }
.p-3 { padding: 30px !important; }
.p-4 { padding: 40px !important; }
.p-5 { padding: 50px !important; }
.p-6 { padding: 60px !important; }
.p-7 { padding: 70px !important; }
.p-8 { padding: 80px !important; }
.p-9 { padding: 90px !important; }
.p-10 { padding: 100px !important; }

.pt-1 { padding-top: 10px !important; }
.pt-2 { padding-top: 20px !important; }
.pt-3 { padding-top: 30px !important; }
.pt-4 { padding-top: 40px !important; }
.pt-5 { padding-top: 50px !important; }
.pt-6 { padding-top: 60px !important; }
.pt-7 { padding-top: 70px !important; }
.pt-8 { padding-top: 80px !important; }
.pt-9 { padding-top: 90px !important; }
.pt-10 { padding-top: 100px !important; }

.pr-1 { padding-right: 10px !important; }
.pr-2 { padding-right: 20px !important; }
.pr-3 { padding-right: 30px !important; }
.pr-4 { padding-right: 40px !important; }
.pr-5 { padding-right: 50px !important; }
.pr-6 { padding-right: 60px !important; }
.pr-7 { padding-right: 70px !important; }
.pr-8 { padding-right: 80px !important; }
.pr-9 { padding-right: 90px !important; }
.pr-10 { padding-right: 100px !important; }

.pb-1 { padding-bottom: 10px !important; }
.pb-2 { padding-bottom: 20px !important; }
.pb-3 { padding-bottom: 30px !important; }
.pb-4 { padding-bottom: 40px !important; }
.pb-5 { padding-bottom: 50px !important; }
.pb-6 { padding-bottom: 60px !important; }
.pb-7 { padding-bottom: 70px !important; }
.pb-8 { padding-bottom: 80px !important; }
.pb-9 { padding-bottom: 90px !important; }
.pb-10 { padding-bottom: 100px !important; }

.pl-1 { padding-left: 10px !important; }
.pl-2 { padding-left: 20px !important; }
.pl-3 { padding-left: 30px !important; }
.pl-4 { padding-left: 40px !important; }
.pl-5 { padding-left: 50px !important; }
.pl-6 { padding-left: 60px !important; }
.pl-7 { padding-left: 70px !important; }
.pl-8 { padding-left: 80px !important; }
.pl-9 { padding-left: 90px !important; }
.pl-10 { padding-left: 100px !important; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }