/*
-------------------------------------------------------------------------------
25. Spacing utilities [hm-25]

Notes:
    ~ Unlike other frameworks, Halfmoon keeps the default margins and spacing 
    for most elements. Instead, we encourage people to use the following 
    utility classes for spacing.
-------------------------------------------------------------------------------
*/

/* Padding */

.p-0 {
    padding: 0 !important;
}
.p-5 {
    padding: 0.5rem !important;
}
.p-10 {
    padding: 1rem !important;
}
.p-15 {
    padding: 1.5rem !important;
}
.p-20 {
    padding: 2rem !important;
}
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.px-5 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.px-10 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-15 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.px-20 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-5 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-10 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-15 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 0.5rem !important;
}
.pt-10 {
    padding-top: 1rem !important;
}
.pt-15 {
    padding-top: 1.5rem !important;
}
.pt-20 {
    padding-top: 2rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 0.5rem !important;
}
.pb-10 {
    padding-bottom: 1rem !important;
}
.pb-15 {
    padding-bottom: 1.5rem !important;
}
.pb-20 {
    padding-bottom: 2rem !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 0.5rem !important;
}
.pl-10 {
    padding-left: 1rem !important;
}
.pl-15 {
    padding-left: 1.5rem !important;
}
.pl-20 {
    padding-left: 2rem !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 0.5rem !important;
}
.pr-10 {
    padding-right: 1rem !important;
}
.pr-15 {
    padding-right: 1.5rem !important;
}
.pr-20 {
    padding-right: 2rem !important;
}

/* Margin */

.m-0 {
    margin: 0 !important;
}
.m-5 {
    margin: 0.5rem !important;
}
.m-10 {
    margin: 1rem !important;
}
.m-15 {
    margin: 1.5rem !important;
}
.m-20 {
    margin: 2rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-5 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.mx-10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.mx-15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}
.mx-20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 0.5rem !important;
}
.mt-10 {
    margin-top: 1rem !important;
}
.mt-15 {
    margin-top: 1.5rem !important;
}
.mt-20 {
    margin-top: 2rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 0.5rem !important;
}
.mb-10 {
    margin-bottom: 1rem !important;
}
.mb-15 {
    margin-bottom: 1.5rem !important;
}
.mb-20 {
    margin-bottom: 2rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-5 {
    margin-left: 0.5rem !important;
}
.ml-10 {
    margin-left: 1rem !important;
}
.ml-15 {
    margin-left: 1.5rem !important;
}
.ml-20 {
    margin-left: 2rem !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-5 {
    margin-right: 0.5rem !important;
}
.mr-10 {
    margin-right: 1rem !important;
}
.mr-15 {
    margin-right: 1.5rem !important;
}
.mr-20 {
    margin-right: 2rem !important;
}
.mr-auto {
    margin-right: auto !important;
}
@media (min-width: 577px) {
    /* Padding */

    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-5 {
        padding: 0.5rem !important;
    }
    .p-sm-10 {
        padding: 1rem !important;
    }
    .p-sm-15 {
        padding: 1.5rem !important;
    }
    .p-sm-20 {
        padding: 2rem !important;
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-sm-5 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-sm-10 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-sm-15 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-sm-20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-5 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-15 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-5 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-10 {
        padding-top: 1rem !important;
    }
    .pt-sm-15 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-20 {
        padding-top: 2rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-5 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-10 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-15 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-20 {
        padding-bottom: 2rem !important;
    }
    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .pl-sm-5 {
        padding-left: 0.5rem !important;
    }
    .pl-sm-10 {
        padding-left: 1rem !important;
    }
    .pl-sm-15 {
        padding-left: 1.5rem !important;
    }
    .pl-sm-20 {
        padding-left: 2rem !important;
    }
    .pr-sm-0 {
        padding-right: 0 !important;
    }
    .pr-sm-5 {
        padding-right: 0.5rem !important;
    }
    .pr-sm-10 {
        padding-right: 1rem !important;
    }
    .pr-sm-15 {
        padding-right: 1.5rem !important;
    }
    .pr-sm-20 {
        padding-right: 2rem !important;
    }

    /* Margin */

    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-5 {
        margin: 0.5rem !important;
    }
    .m-sm-10 {
        margin: 1rem !important;
    }
    .m-sm-15 {
        margin: 1.5rem !important;
    }
    .m-sm-20 {
        margin: 2rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-sm-5 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-sm-10 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-sm-15 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-sm-20 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-5 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-15 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-5 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-10 {
        margin-top: 1rem !important;
    }
    .mt-sm-15 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-20 {
        margin-top: 2rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-5 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-10 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-15 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-20 {
        margin-bottom: 2rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .ml-sm-5 {
        margin-left: 0.5rem !important;
    }
    .ml-sm-10 {
        margin-left: 1rem !important;
    }
    .ml-sm-15 {
        margin-left: 1.5rem !important;
    }
    .ml-sm-20 {
        margin-left: 2rem !important;
    }
    .ml-sm-auto {
        margin-left: auto !important;
    }
    .mr-sm-0 {
        margin-right: 0 !important;
    }
    .mr-sm-5 {
        margin-right: 0.5rem !important;
    }
    .mr-sm-10 {
        margin-right: 1rem !important;
    }
    .mr-sm-15 {
        margin-right: 1.5rem !important;
    }
    .mr-sm-20 {
        margin-right: 2rem !important;
    }
    .mr-sm-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 769px) {
    /* Padding */

    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-5 {
        padding: 0.5rem !important;
    }
    .p-md-10 {
        padding: 1rem !important;
    }
    .p-md-15 {
        padding: 1.5rem !important;
    }
    .p-md-20 {
        padding: 2rem !important;
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-md-5 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-md-10 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-md-15 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-md-20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-5 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-15 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-5 {
        padding-top: 0.5rem !important;
    }
    .pt-md-10 {
        padding-top: 1rem !important;
    }
    .pt-md-15 {
        padding-top: 1.5rem !important;
    }
    .pt-md-20 {
        padding-top: 2rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-5 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-10 {
        padding-bottom: 1rem !important;
    }
    .pb-md-15 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-20 {
        padding-bottom: 2rem !important;
    }
    .pl-md-0 {
        padding-left: 0 !important;
    }
    .pl-md-5 {
        padding-left: 0.5rem !important;
    }
    .pl-md-10 {
        padding-left: 1rem !important;
    }
    .pl-md-15 {
        padding-left: 1.5rem !important;
    }
    .pl-md-20 {
        padding-left: 2rem !important;
    }
    .pr-md-0 {
        padding-right: 0 !important;
    }
    .pr-md-5 {
        padding-right: 0.5rem !important;
    }
    .pr-md-10 {
        padding-right: 1rem !important;
    }
    .pr-md-15 {
        padding-right: 1.5rem !important;
    }
    .pr-md-20 {
        padding-right: 2rem !important;
    }

    /* Margin */

    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-5 {
        margin: 0.5rem !important;
    }
    .m-md-10 {
        margin: 1rem !important;
    }
    .m-md-15 {
        margin: 1.5rem !important;
    }
    .m-md-20 {
        margin: 2rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-md-5 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-md-10 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-md-15 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-md-20 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-5 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-15 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-5 {
        margin-top: 0.5rem !important;
    }
    .mt-md-10 {
        margin-top: 1rem !important;
    }
    .mt-md-15 {
        margin-top: 1.5rem !important;
    }
    .mt-md-20 {
        margin-top: 2rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-5 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-10 {
        margin-bottom: 1rem !important;
    }
    .mb-md-15 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-20 {
        margin-bottom: 2rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-0 {
        margin-left: 0 !important;
    }
    .ml-md-5 {
        margin-left: 0.5rem !important;
    }
    .ml-md-10 {
        margin-left: 1rem !important;
    }
    .ml-md-15 {
        margin-left: 1.5rem !important;
    }
    .ml-md-20 {
        margin-left: 2rem !important;
    }
    .ml-md-auto {
        margin-left: auto !important;
    }
    .mr-md-0 {
        margin-right: 0 !important;
    }
    .mr-md-5 {
        margin-right: 0.5rem !important;
    }
    .mr-md-10 {
        margin-right: 1rem !important;
    }
    .mr-md-15 {
        margin-right: 1.5rem !important;
    }
    .mr-md-20 {
        margin-right: 2rem !important;
    }
    .mr-md-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 993px) {
    /* Padding */

    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-5 {
        padding: 0.5rem !important;
    }
    .p-lg-10 {
        padding: 1rem !important;
    }
    .p-lg-15 {
        padding: 1.5rem !important;
    }
    .p-lg-20 {
        padding: 2rem !important;
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-lg-5 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-lg-10 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-lg-15 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-lg-20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-5 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-15 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-5 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-10 {
        padding-top: 1rem !important;
    }
    .pt-lg-15 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-20 {
        padding-top: 2rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-5 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-10 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-15 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-20 {
        padding-bottom: 2rem !important;
    }
    .pl-lg-0 {
        padding-left: 0 !important;
    }
    .pl-lg-5 {
        padding-left: 0.5rem !important;
    }
    .pl-lg-10 {
        padding-left: 1rem !important;
    }
    .pl-lg-15 {
        padding-left: 1.5rem !important;
    }
    .pl-lg-20 {
        padding-left: 2rem !important;
    }
    .pr-lg-0 {
        padding-right: 0 !important;
    }
    .pr-lg-5 {
        padding-right: 0.5rem !important;
    }
    .pr-lg-10 {
        padding-right: 1rem !important;
    }
    .pr-lg-15 {
        padding-right: 1.5rem !important;
    }
    .pr-lg-20 {
        padding-right: 2rem !important;
    }

    /* Margin */

    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-5 {
        margin: 0.5rem !important;
    }
    .m-lg-10 {
        margin: 1rem !important;
    }
    .m-lg-15 {
        margin: 1.5rem !important;
    }
    .m-lg-20 {
        margin: 2rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-lg-5 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-lg-10 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-lg-15 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-lg-20 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-5 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-15 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-5 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-10 {
        margin-top: 1rem !important;
    }
    .mt-lg-15 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-20 {
        margin-top: 2rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-5 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-10 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-15 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-20 {
        margin-bottom: 2rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-0 {
        margin-left: 0 !important;
    }
    .ml-lg-5 {
        margin-left: 0.5rem !important;
    }
    .ml-lg-10 {
        margin-left: 1rem !important;
    }
    .ml-lg-15 {
        margin-left: 1.5rem !important;
    }
    .ml-lg-20 {
        margin-left: 2rem !important;
    }
    .ml-lg-auto {
        margin-left: auto !important;
    }
    .mr-lg-0 {
        margin-right: 0 !important;
    }
    .mr-lg-5 {
        margin-right: 0.5rem !important;
    }
    .mr-lg-10 {
        margin-right: 1rem !important;
    }
    .mr-lg-15 {
        margin-right: 1.5rem !important;
    }
    .mr-lg-20 {
        margin-right: 2rem !important;
    }
    .mr-lg-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 1201px) {
    /* Padding */

    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-5 {
        padding: 0.5rem !important;
    }
    .p-xl-10 {
        padding: 1rem !important;
    }
    .p-xl-15 {
        padding: 1.5rem !important;
    }
    .p-xl-20 {
        padding: 2rem !important;
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-xl-5 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-xl-10 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-xl-15 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-xl-20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-5 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-15 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-5 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-10 {
        padding-top: 1rem !important;
    }
    .pt-xl-15 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-20 {
        padding-top: 2rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-5 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-10 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-15 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-20 {
        padding-bottom: 2rem !important;
    }
    .pl-xl-0 {
        padding-left: 0 !important;
    }
    .pl-xl-5 {
        padding-left: 0.5rem !important;
    }
    .pl-xl-10 {
        padding-left: 1rem !important;
    }
    .pl-xl-15 {
        padding-left: 1.5rem !important;
    }
    .pl-xl-20 {
        padding-left: 2rem !important;
    }
    .pr-xl-0 {
        padding-right: 0 !important;
    }
    .pr-xl-5 {
        padding-right: 0.5rem !important;
    }
    .pr-xl-10 {
        padding-right: 1rem !important;
    }
    .pr-xl-15 {
        padding-right: 1.5rem !important;
    }
    .pr-xl-20 {
        padding-right: 2rem !important;
    }

    /* Margin */

    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-5 {
        margin: 0.5rem !important;
    }
    .m-xl-10 {
        margin: 1rem !important;
    }
    .m-xl-15 {
        margin: 1.5rem !important;
    }
    .m-xl-20 {
        margin: 2rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-xl-5 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-xl-10 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-xl-15 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-xl-20 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-5 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-15 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-5 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-10 {
        margin-top: 1rem !important;
    }
    .mt-xl-15 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-20 {
        margin-top: 2rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-5 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-15 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-20 {
        margin-bottom: 2rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-0 {
        margin-left: 0 !important;
    }
    .ml-xl-5 {
        margin-left: 0.5rem !important;
    }
    .ml-xl-10 {
        margin-left: 1rem !important;
    }
    .ml-xl-15 {
        margin-left: 1.5rem !important;
    }
    .ml-xl-20 {
        margin-left: 2rem !important;
    }
    .ml-xl-auto {
        margin-left: auto !important;
    }
    .mr-xl-0 {
        margin-right: 0 !important;
    }
    .mr-xl-5 {
        margin-right: 0.5rem !important;
    }
    .mr-xl-10 {
        margin-right: 1rem !important;
    }
    .mr-xl-15 {
        margin-right: 1.5rem !important;
    }
    .mr-xl-20 {
        margin-right: 2rem !important;
    }
    .mr-xl-auto {
        margin-right: auto !important;
    }
}