.ma-0 {
    margin: 0px;
}

.ma-1 {
    margin: 4px;
}

.ma-2 {
    margin: 8px;
}

.ma-3 {
    margin: 12px;
}

.ma-4 {
    margin: 16px;
}

.ma-5 {
    margin: 20px;
}

.ma-6 {
    margin: 24px;
}

.ma-7 {
    margin: 28px;
}

.ma-8 {
    margin: 32px;
}

.ma-9 {
    margin: 36px;
}

.ma-10 {
    margin: 40px;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 4px;
}

.mt-2 {
    margin-top: 8px;
}

.mt-3 {
    margin-top: 12px;
}

.mt-4 {
    margin-top: 16px;
}

.mt-5 {
    margin-top: 20px;
}

.mt-6 {
    margin-top: 24px;
}

.mt-7 {
    margin-top: 28px;
}

.mt-8 {
    margin-top: 32px;
}

.mt-9 {
    margin-top: 36px;
}

.mt-10 {
    margin-top: 40px;
}

.me-0 {
    margin-right: 0;
}

.me-1 {
    margin-right: 4px;
}

.me-2 {
    margin-right: 8px;
}

.me-3 {
    margin-right: 12px;
}

.me-4 {
    margin-right: 16px;
}

.me-5 {
    margin-right: 20px;
}

.me-6 {
    margin-right: 24px;
}

.me-7 {
    margin-right: 28px;
}

.me-8 {
    margin-right: 32px;
}

.me-9 {
    margin-right: 36px;
}

.me-10 {
    margin-right: 40px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mb-6 {
    margin-bottom: 24px;
}

.mb-7 {
    margin-bottom: 28px;
}

.mb-8 {
    margin-bottom: 32px;
}

.mb-9 {
    margin-bottom: 36px;
}

.mb-10 {
    margin-bottom: 40px;
}

.ms-0 {
    margin-left: 0;
}

.ms-1 {
    margin-left: 4px;
}

.ms-2 {
    margin-left: 8px;
}

.ms-3 {
    margin-left: 12px;
}

.ms-4 {
    margin-left: 16px;
}

.ms-5 {
    margin-left: 20px;
}

.ms-6 {
    margin-left: 24px;
}

.ms-7 {
    margin-left: 28px;
}

.ms-8 {
    margin-left: 32px;
}

.ms-9 {
    margin-left: 36px;
}

.ms-10 {
    margin-left: 40px;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 4px;
    margin-right: 4px;
}

.mx-2 {
    margin-left: 8px;
    margin-right: 4px;
}

.mx-3 {
    margin-left: 12px;
    margin-right: 12px;
}

.mx-4 {
    margin-left: 16px;
    margin-right: 16px;
}

.mx-5 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-6 {
    margin-left: 24px;
    margin-right: 24px;
}

.mx-7 {
    margin-left: 28px;
    margin-right: 28px;
}

.mx-8 {
    margin-left: 32px;
    margin-right: 32px;
}

.mx-9 {
    margin-left: 36px;
    margin-right: 36px;
}

.mx-10 {
    margin-left: 40px;
    margin-right: 40px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-6 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.my-8 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.my-9 {
    margin-top: 36px;
    margin-bottom: 36px;
}

.my-10 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.pa-0 {
    padding: 0px;
}

.pa-1 {
    padding: 4px;
}

.pa-2 {
    padding: 8px;
}

.pa-3 {
    padding: 12px;
}

.pa-4 {
    padding: 16px;
}

.pa-5 {
    padding: 20px;
}

.pa-6 {
    padding: 24px;
}

.pa-7 {
    padding: 28px;
}

.pa-8 {
    padding: 32px;
}

.pa-9 {
    padding: 36px;
}

.pa-10 {
    padding: 40px;
}

.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 4px;
}

.pt-2 {
    padding-top: 8px;
}

.pt-3 {
    padding-top: 12px;
}

.pt-4 {
    padding-top: 16px;
}

.pt-5 {
    padding-top: 20px;
}

.pt-6 {
    padding-top: 24px;
}

.pt-7 {
    padding-top: 28px;
}

.pt-8 {
    padding-top: 32px;
}

.pt-9 {
    padding-top: 36px;
}

.pt-10 {
    padding-top: 40px;
}

.pe-0 {
    padding-right: 0;
}

.pe-1 {
    padding-right: 4px;
}

.pe-2 {
    padding-right: 8px;
}

.pe-3 {
    padding-right: 12px;
}

.pe-4 {
    padding-right: 16px;
}

.pe-5 {
    padding-right: 20px;
}

.pe-6 {
    padding-right: 24px;
}

.pe-7 {
    padding-right: 28px;
}

.pe-8 {
    padding-right: 32px;
}

.pe-9 {
    padding-right: 36px;
}

.pe-10 {
    padding-right: 40px;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-1 {
    padding-bottom: 4px;
}

.pb-2 {
    padding-bottom: 8px;
}

.pb-3 {
    padding-bottom: 12px;
}

.pb-4 {
    padding-bottom: 16px;
}

.pb-5 {
    padding-bottom: 20px;
}

.pb-6 {
    padding-bottom: 24px;
}

.pb-7 {
    padding-bottom: 28px;
}

.pb-8 {
    padding-bottom: 32px;
}

.pb-9 {
    padding-bottom: 36px;
}

.pb-10 {
    padding-bottom: 40px;
}

.ps-0 {
    padding-left: 0;
}

.ps-1 {
    padding-left: 4px;
}

.ps-2 {
    padding-left: 8px;
}

.ps-3 {
    padding-left: 12px;
}

.ps-4 {
    padding-left: 16px;
}

.ps-5 {
    padding-left: 20px;
}

.ps-6 {
    padding-left: 24px;
}

.ps-7 {
    padding-left: 28px;
}

.ps-8 {
    padding-left: 32px;
}

.ps-9 {
    padding-left: 36px;
}

.ps-10 {
    padding-left: 40px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px;
}

.px-2 {
    padding-left: 8px;
    padding-right: 4px;
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-6 {
    padding-left: 24px;
    padding-right: 24px;
}

.px-7 {
    padding-left: 28px;
    padding-right: 28px;
}

.px-8 {
    padding-left: 32px;
    padding-right: 32px;
}

.px-9 {
    padding-left: 36px;
    padding-right: 36px;
}

.px-10 {
    padding-left: 40px;
    padding-right: 40px;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 4px;
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-6 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.py-7 {
    padding-top: 28px;
    padding-bottom: 28px;
}

.py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.py-9 {
    padding-top: 36px;
    padding-bottom: 36px;
}

.py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.fw-bold {
    font-weight: 700;
}

.fs-14 {
    font-size: 14px;
}

.fs-20{
    font-size: 20px;
}

.fs-32 {
    font-size: 32px;
}

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

.d-grid {
    display: grid;
}

.d-grid.three-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.d-grid.two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.d-flex {
    display: flex;
}

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

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

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

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

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

.flex-1 {
    flex: 1;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.border-radius-4 {
    border-radius: 4px;
}