/* Padding (all sides) */
.sp-p-0 {
    padding: 0 !important;
}

.sp-p-1 {
    padding: 0.25rem !important;
}

.sp-p-2 {
    padding: 0.5rem !important;
}

.sp-p-3 {
    padding: 1rem !important;
}

.sp-p-4 {
    padding: 1.5rem !important;
}

.sp-p-5 {
    padding: 3rem !important;
}

/* Padding-top */
.sp-pt-0 {
    padding-top: 0 !important;
}

.sp-pt-1 {
    padding-top: 0.25rem !important;
}

.sp-pt-2 {
    padding-top: 0.5rem !important;
}

.sp-pt-3 {
    padding-top: 1rem !important;
}

.sp-pt-4 {
    padding-top: 1.5rem !important;
}

.sp-pt-5 {
    padding-top: 3rem !important;
}

/* Padding-bottom */
.sp-pb-0 {
    padding-bottom: 0 !important;
}

.sp-pb-1 {
    padding-bottom: 0.25rem !important;
}

.sp-pb-2 {
    padding-bottom: 0.5rem !important;
}

.sp-pb-3 {
    padding-bottom: 1rem !important;
}

.sp-pb-4 {
    padding-bottom: 1.5rem !important;
}

.sp-pb-5 {
    padding-bottom: 3rem !important;
}

/* Padding-left */
.sp-pl-0 {
    padding-left: 0 !important;
}

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

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

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

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

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

/* Padding-right */
.sp-pr-0 {
    padding-right: 0 !important;
}

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

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

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

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

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

/* Horizontal Padding (left & right) */
.sp-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sp-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.sp-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.sp-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.sp-px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.sp-px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

/* Vertical Padding (top & bottom) */
.sp-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.sp-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.sp-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.sp-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.sp-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.sp-py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}