.p-0 {
    padding: 0em !important;
}

.pt-0 {
    padding-top: 0em !important;
}

.pr-0 {
    padding-right: 0em !important;
}

.pb-0 {
    padding-bottom: 0em !important;
}

.pl-0 {
    padding-left: 0em !important;
}

.px-0 {
    padding-left: 0em !important;
    padding-right: 0em !important;
}

.py-0 {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

.m-0 {
    margin: 0em !important;
}

.mt-0 {
    margin-top: 0em !important;
}

.mr-0 {
    margin-right: 0em !important;
}

.mb-0 {
    margin-bottom: 0em !important;
}

.ml-0 {
    margin-left: 0em !important;
}

.mx-0 {
    margin-left: 0em !important;
    margin-right: 0em !important;
}

.my-0 {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.p-1 {
    padding: 1em !important;
}

.pt-1 {
    padding-top: 1em !important;
}

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

.pb-1 {
    padding-bottom: 1em !important;
}

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

.px-1 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.py-1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.m-1 {
    margin: 1em !important;
}

.mt-1 {
    margin-top: 1em !important;
}

.mr-1 {
    margin-right: 1em !important;
}

.mb-1 {
    margin-bottom: 1em !important;
}

.ml-1 {
    margin-left: 1em !important;
}

.mx-1 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.my-1 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.p-2 {
    padding: 2em !important;
}

.pt-2 {
    padding-top: 2em !important;
}

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

.pb-2 {
    padding-bottom: 2em !important;
}

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

.px-2 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.py-2 {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

.m-2 {
    margin: 2em !important;
}

.mt-2 {
    margin-top: 2em !important;
}

.mr-2 {
    margin-right: 2em !important;
}

.mb-2 {
    margin-bottom: 2em !important;
}

.ml-2 {
    margin-left: 2em !important;
}

.mx-2 {
    margin-left: 2em !important;
    margin-right: 2em !important;
}

.my-2 {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.p-3 {
    padding: 3em !important;
}

.pt-3 {
    padding-top: 3em !important;
}

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

.pb-3 {
    padding-bottom: 3em !important;
}

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

.px-3 {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.py-3 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

.m-3 {
    margin: 3em !important;
}

.mt-3 {
    margin-top: 3em !important;
}

.mr-3 {
    margin-right: 3em !important;
}

.mb-3 {
    margin-bottom: 3em !important;
}

.ml-3 {
    margin-left: 3em !important;
}

.mx-3 {
    margin-left: 3em !important;
    margin-right: 3em !important;
}

.my-3 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.p-4 {
    padding: 4em !important;
}

.pt-4 {
    padding-top: 4em !important;
}

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

.pb-4 {
    padding-bottom: 4em !important;
}

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

.px-4 {
    padding-left: 4em !important;
    padding-right: 4em !important;
}

.py-4 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.m-4 {
    margin: 4em !important;
}

.mt-4 {
    margin-top: 4em !important;
}

.mr-4 {
    margin-right: 4em !important;
}

.mb-4 {
    margin-bottom: 4em !important;
}

.ml-4 {
    margin-left: 4em !important;
}

.mx-4 {
    margin-left: 4em !important;
    margin-right: 4em !important;
}

.my-4 {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

.p-5 {
    padding: 5em !important;
}

.pt-5 {
    padding-top: 5em !important;
}

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

.pb-5 {
    padding-bottom: 5em !important;
}

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

.px-5 {
    padding-left: 5em !important;
    padding-right: 5em !important;
}

.py-5 {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}

.m-5 {
    margin: 5em !important;
}

.mt-5 {
    margin-top: 5em !important;
}

.mr-5 {
    margin-right: 5em !important;
}

.mb-5 {
    margin-bottom: 5em !important;
}

.ml-5 {
    margin-left: 5em !important;
}

.mx-5 {
    margin-left: 5em !important;
    margin-right: 5em !important;
}

.my-5 {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
}

@media (min-width: 480px) {
    .sm-p-0 {
        padding: 0em !important;
    }

    .sm-pt-0 {
        padding-top: 0em !important;
    }

    .sm-pr-0 {
        padding-right: 0em !important;
    }

    .sm-pb-0 {
        padding-bottom: 0em !important;
    }

    .sm-pl-0 {
        padding-left: 0em !important;
    }

    .sm-px-0 {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    .sm-py-0 {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .sm-m-0 {
        margin: 0em !important;
    }

    .sm-mt-0 {
        margin-top: 0em !important;
    }

    .sm-mr-0 {
        margin-right: 0em !important;
    }

    .sm-mb-0 {
        margin-bottom: 0em !important;
    }

    .sm-ml-0 {
        margin-left: 0em !important;
    }

    .sm-mx-0 {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .sm-my-0 {
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }

    .sm-p-1 {
        padding: 1em !important;
    }

    .sm-pt-1 {
        padding-top: 1em !important;
    }

    .sm-pr-1 {
        padding-right: 1em !important;
    }

    .sm-pb-1 {
        padding-bottom: 1em !important;
    }

    .sm-pl-1 {
        padding-left: 1em !important;
    }

    .sm-px-1 {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .sm-py-1 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .sm-m-1 {
        margin: 1em !important;
    }

    .sm-mt-1 {
        margin-top: 1em !important;
    }

    .sm-mr-1 {
        margin-right: 1em !important;
    }

    .sm-mb-1 {
        margin-bottom: 1em !important;
    }

    .sm-ml-1 {
        margin-left: 1em !important;
    }

    .sm-mx-1 {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .sm-my-1 {
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .sm-p-2 {
        padding: 2em !important;
    }

    .sm-pt-2 {
        padding-top: 2em !important;
    }

    .sm-pr-2 {
        padding-right: 2em !important;
    }

    .sm-pb-2 {
        padding-bottom: 2em !important;
    }

    .sm-pl-2 {
        padding-left: 2em !important;
    }

    .sm-px-2 {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .sm-py-2 {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }

    .sm-m-2 {
        margin: 2em !important;
    }

    .sm-mt-2 {
        margin-top: 2em !important;
    }

    .sm-mr-2 {
        margin-right: 2em !important;
    }

    .sm-mb-2 {
        margin-bottom: 2em !important;
    }

    .sm-ml-2 {
        margin-left: 2em !important;
    }

    .sm-mx-2 {
        margin-left: 2em !important;
        margin-right: 2em !important;
    }

    .sm-my-2 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }

    .sm-p-3 {
        padding: 3em !important;
    }

    .sm-pt-3 {
        padding-top: 3em !important;
    }

    .sm-pr-3 {
        padding-right: 3em !important;
    }

    .sm-pb-3 {
        padding-bottom: 3em !important;
    }

    .sm-pl-3 {
        padding-left: 3em !important;
    }

    .sm-px-3 {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    .sm-py-3 {
        padding-top: 3em !important;
        padding-bottom: 3em !important;
    }

    .sm-m-3 {
        margin: 3em !important;
    }

    .sm-mt-3 {
        margin-top: 3em !important;
    }

    .sm-mr-3 {
        margin-right: 3em !important;
    }

    .sm-mb-3 {
        margin-bottom: 3em !important;
    }

    .sm-ml-3 {
        margin-left: 3em !important;
    }

    .sm-mx-3 {
        margin-left: 3em !important;
        margin-right: 3em !important;
    }

    .sm-my-3 {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }

    .sm-p-4 {
        padding: 4em !important;
    }

    .sm-pt-4 {
        padding-top: 4em !important;
    }

    .sm-pr-4 {
        padding-right: 4em !important;
    }

    .sm-pb-4 {
        padding-bottom: 4em !important;
    }

    .sm-pl-4 {
        padding-left: 4em !important;
    }

    .sm-px-4 {
        padding-left: 4em !important;
        padding-right: 4em !important;
    }

    .sm-py-4 {
        padding-top: 4em !important;
        padding-bottom: 4em !important;
    }

    .sm-m-4 {
        margin: 4em !important;
    }

    .sm-mt-4 {
        margin-top: 4em !important;
    }

    .sm-mr-4 {
        margin-right: 4em !important;
    }

    .sm-mb-4 {
        margin-bottom: 4em !important;
    }

    .sm-ml-4 {
        margin-left: 4em !important;
    }

    .sm-mx-4 {
        margin-left: 4em !important;
        margin-right: 4em !important;
    }

    .sm-my-4 {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }

    .sm-p-5 {
        padding: 5em !important;
    }

    .sm-pt-5 {
        padding-top: 5em !important;
    }

    .sm-pr-5 {
        padding-right: 5em !important;
    }

    .sm-pb-5 {
        padding-bottom: 5em !important;
    }

    .sm-pl-5 {
        padding-left: 5em !important;
    }

    .sm-px-5 {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }

    .sm-py-5 {
        padding-top: 5em !important;
        padding-bottom: 5em !important;
    }

    .sm-m-5 {
        margin: 5em !important;
    }

    .sm-mt-5 {
        margin-top: 5em !important;
    }

    .sm-mr-5 {
        margin-right: 5em !important;
    }

    .sm-mb-5 {
        margin-bottom: 5em !important;
    }

    .sm-ml-5 {
        margin-left: 5em !important;
    }

    .sm-mx-5 {
        margin-left: 5em !important;
        margin-right: 5em !important;
    }

    .sm-my-5 {
        margin-top: 5em !important;
        margin-bottom: 5em !important;
    }

}

@media (min-width: 720px) {
    .md-p-0 {
        padding: 0em !important;
    }

    .md-pt-0 {
        padding-top: 0em !important;
    }

    .md-pr-0 {
        padding-right: 0em !important;
    }

    .md-pb-0 {
        padding-bottom: 0em !important;
    }

    .md-pl-0 {
        padding-left: 0em !important;
    }

    .md-px-0 {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    .md-py-0 {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .md-m-0 {
        margin: 0em !important;
    }

    .md-mt-0 {
        margin-top: 0em !important;
    }

    .md-mr-0 {
        margin-right: 0em !important;
    }

    .md-mb-0 {
        margin-bottom: 0em !important;
    }

    .md-ml-0 {
        margin-left: 0em !important;
    }

    .md-mx-0 {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .md-my-0 {
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }

    .md-p-1 {
        padding: 1em !important;
    }

    .md-pt-1 {
        padding-top: 1em !important;
    }

    .md-pr-1 {
        padding-right: 1em !important;
    }

    .md-pb-1 {
        padding-bottom: 1em !important;
    }

    .md-pl-1 {
        padding-left: 1em !important;
    }

    .md-px-1 {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .md-py-1 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .md-m-1 {
        margin: 1em !important;
    }

    .md-mt-1 {
        margin-top: 1em !important;
    }

    .md-mr-1 {
        margin-right: 1em !important;
    }

    .md-mb-1 {
        margin-bottom: 1em !important;
    }

    .md-ml-1 {
        margin-left: 1em !important;
    }

    .md-mx-1 {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .md-my-1 {
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .md-p-2 {
        padding: 2em !important;
    }

    .md-pt-2 {
        padding-top: 2em !important;
    }

    .md-pr-2 {
        padding-right: 2em !important;
    }

    .md-pb-2 {
        padding-bottom: 2em !important;
    }

    .md-pl-2 {
        padding-left: 2em !important;
    }

    .md-px-2 {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .md-py-2 {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }

    .md-m-2 {
        margin: 2em !important;
    }

    .md-mt-2 {
        margin-top: 2em !important;
    }

    .md-mr-2 {
        margin-right: 2em !important;
    }

    .md-mb-2 {
        margin-bottom: 2em !important;
    }

    .md-ml-2 {
        margin-left: 2em !important;
    }

    .md-mx-2 {
        margin-left: 2em !important;
        margin-right: 2em !important;
    }

    .md-my-2 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }

    .md-p-3 {
        padding: 3em !important;
    }

    .md-pt-3 {
        padding-top: 3em !important;
    }

    .md-pr-3 {
        padding-right: 3em !important;
    }

    .md-pb-3 {
        padding-bottom: 3em !important;
    }

    .md-pl-3 {
        padding-left: 3em !important;
    }

    .md-px-3 {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    .md-py-3 {
        padding-top: 3em !important;
        padding-bottom: 3em !important;
    }

    .md-m-3 {
        margin: 3em !important;
    }

    .md-mt-3 {
        margin-top: 3em !important;
    }

    .md-mr-3 {
        margin-right: 3em !important;
    }

    .md-mb-3 {
        margin-bottom: 3em !important;
    }

    .md-ml-3 {
        margin-left: 3em !important;
    }

    .md-mx-3 {
        margin-left: 3em !important;
        margin-right: 3em !important;
    }

    .md-my-3 {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }

    .md-p-4 {
        padding: 4em !important;
    }

    .md-pt-4 {
        padding-top: 4em !important;
    }

    .md-pr-4 {
        padding-right: 4em !important;
    }

    .md-pb-4 {
        padding-bottom: 4em !important;
    }

    .md-pl-4 {
        padding-left: 4em !important;
    }

    .md-px-4 {
        padding-left: 4em !important;
        padding-right: 4em !important;
    }

    .md-py-4 {
        padding-top: 4em !important;
        padding-bottom: 4em !important;
    }

    .md-m-4 {
        margin: 4em !important;
    }

    .md-mt-4 {
        margin-top: 4em !important;
    }

    .md-mr-4 {
        margin-right: 4em !important;
    }

    .md-mb-4 {
        margin-bottom: 4em !important;
    }

    .md-ml-4 {
        margin-left: 4em !important;
    }

    .md-mx-4 {
        margin-left: 4em !important;
        margin-right: 4em !important;
    }

    .md-my-4 {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }

    .md-p-5 {
        padding: 5em !important;
    }

    .md-pt-5 {
        padding-top: 5em !important;
    }

    .md-pr-5 {
        padding-right: 5em !important;
    }

    .md-pb-5 {
        padding-bottom: 5em !important;
    }

    .md-pl-5 {
        padding-left: 5em !important;
    }

    .md-px-5 {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }

    .md-py-5 {
        padding-top: 5em !important;
        padding-bottom: 5em !important;
    }

    .md-m-5 {
        margin: 5em !important;
    }

    .md-mt-5 {
        margin-top: 5em !important;
    }

    .md-mr-5 {
        margin-right: 5em !important;
    }

    .md-mb-5 {
        margin-bottom: 5em !important;
    }

    .md-ml-5 {
        margin-left: 5em !important;
    }

    .md-mx-5 {
        margin-left: 5em !important;
        margin-right: 5em !important;
    }

    .md-my-5 {
        margin-top: 5em !important;
        margin-bottom: 5em !important;
    }
}

@media (min-width: 960px) {
    .lg-p-0 {
        padding: 0em !important;
    }

    .lg-pt-0 {
        padding-top: 0em !important;
    }

    .lg-pr-0 {
        padding-right: 0em !important;
    }

    .lg-pb-0 {
        padding-bottom: 0em !important;
    }

    .lg-pl-0 {
        padding-left: 0em !important;
    }

    .lg-px-0 {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    .lg-py-0 {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .lg-m-0 {
        margin: 0em !important;
    }

    .lg-mt-0 {
        margin-top: 0em !important;
    }

    .lg-mr-0 {
        margin-right: 0em !important;
    }

    .lg-mb-0 {
        margin-bottom: 0em !important;
    }

    .lg-ml-0 {
        margin-left: 0em !important;
    }

    .lg-mx-0 {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .lg-my-0 {
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }

    .lg-p-1 {
        padding: 1em !important;
    }

    .lg-pt-1 {
        padding-top: 1em !important;
    }

    .lg-pr-1 {
        padding-right: 1em !important;
    }

    .lg-pb-1 {
        padding-bottom: 1em !important;
    }

    .lg-pl-1 {
        padding-left: 1em !important;
    }

    .lg-px-1 {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .lg-py-1 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .lg-m-1 {
        margin: 1em !important;
    }

    .lg-mt-1 {
        margin-top: 1em !important;
    }

    .lg-mr-1 {
        margin-right: 1em !important;
    }

    .lg-mb-1 {
        margin-bottom: 1em !important;
    }

    .lg-ml-1 {
        margin-left: 1em !important;
    }

    .lg-mx-1 {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .lg-my-1 {
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .lg-p-2 {
        padding: 2em !important;
    }

    .lg-pt-2 {
        padding-top: 2em !important;
    }

    .lg-pr-2 {
        padding-right: 2em !important;
    }

    .lg-pb-2 {
        padding-bottom: 2em !important;
    }

    .lg-pl-2 {
        padding-left: 2em !important;
    }

    .lg-px-2 {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .lg-py-2 {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }

    .lg-m-2 {
        margin: 2em !important;
    }

    .lg-mt-2 {
        margin-top: 2em !important;
    }

    .lg-mr-2 {
        margin-right: 2em !important;
    }

    .lg-mb-2 {
        margin-bottom: 2em !important;
    }

    .lg-ml-2 {
        margin-left: 2em !important;
    }

    .lg-mx-2 {
        margin-left: 2em !important;
        margin-right: 2em !important;
    }

    .lg-my-2 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }

    .lg-p-3 {
        padding: 3em !important;
    }

    .lg-pt-3 {
        padding-top: 3em !important;
    }

    .lg-pr-3 {
        padding-right: 3em !important;
    }

    .lg-pb-3 {
        padding-bottom: 3em !important;
    }

    .lg-pl-3 {
        padding-left: 3em !important;
    }

    .lg-px-3 {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    .lg-py-3 {
        padding-top: 3em !important;
        padding-bottom: 3em !important;
    }

    .lg-m-3 {
        margin: 3em !important;
    }

    .lg-mt-3 {
        margin-top: 3em !important;
    }

    .lg-mr-3 {
        margin-right: 3em !important;
    }

    .lg-mb-3 {
        margin-bottom: 3em !important;
    }

    .lg-ml-3 {
        margin-left: 3em !important;
    }

    .lg-mx-3 {
        margin-left: 3em !important;
        margin-right: 3em !important;
    }

    .lg-my-3 {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }

    .lg-p-4 {
        padding: 4em !important;
    }

    .lg-pt-4 {
        padding-top: 4em !important;
    }

    .lg-pr-4 {
        padding-right: 4em !important;
    }

    .lg-pb-4 {
        padding-bottom: 4em !important;
    }

    .lg-pl-4 {
        padding-left: 4em !important;
    }

    .lg-px-4 {
        padding-left: 4em !important;
        padding-right: 4em !important;
    }

    .lg-py-4 {
        padding-top: 4em !important;
        padding-bottom: 4em !important;
    }

    .lg-m-4 {
        margin: 4em !important;
    }

    .lg-mt-4 {
        margin-top: 4em !important;
    }

    .lg-mr-4 {
        margin-right: 4em !important;
    }

    .lg-mb-4 {
        margin-bottom: 4em !important;
    }

    .lg-ml-4 {
        margin-left: 4em !important;
    }

    .lg-mx-4 {
        margin-left: 4em !important;
        margin-right: 4em !important;
    }

    .lg-my-4 {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }

    .lg-p-5 {
        padding: 5em !important;
    }

    .lg-pt-5 {
        padding-top: 5em !important;
    }

    .lg-pr-5 {
        padding-right: 5em !important;
    }

    .lg-pb-5 {
        padding-bottom: 5em !important;
    }

    .lg-pl-5 {
        padding-left: 5em !important;
    }

    .lg-px-5 {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }

    .lg-py-5 {
        padding-top: 5em !important;
        padding-bottom: 5em !important;
    }

    .lg-m-5 {
        margin: 5em !important;
    }

    .lg-mt-5 {
        margin-top: 5em !important;
    }

    .lg-mr-5 {
        margin-right: 5em !important;
    }

    .lg-mb-5 {
        margin-bottom: 5em !important;
    }

    .lg-ml-5 {
        margin-left: 5em !important;
    }

    .lg-mx-5 {
        margin-left: 5em !important;
        margin-right: 5em !important;
    }

    .lg-my-5 {
        margin-top: 5em !important;
        margin-bottom: 5em !important;
    }
}

@media (min-width: 1200px) {
    .xl-p-0 {
        padding: 0em !important;
    }

    .xl-pt-0 {
        padding-top: 0em !important;
    }

    .xl-pr-0 {
        padding-right: 0em !important;
    }

    .xl-pb-0 {
        padding-bottom: 0em !important;
    }

    .xl-pl-0 {
        padding-left: 0em !important;
    }

    .xl-px-0 {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    .xl-py-0 {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .xl-m-0 {
        margin: 0em !important;
    }

    .xl-mt-0 {
        margin-top: 0em !important;
    }

    .xl-mr-0 {
        margin-right: 0em !important;
    }

    .xl-mb-0 {
        margin-bottom: 0em !important;
    }

    .xl-ml-0 {
        margin-left: 0em !important;
    }

    .xl-mx-0 {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .xl-my-0 {
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }

    .xl-p-1 {
        padding: 1em !important;
    }

    .xl-pt-1 {
        padding-top: 1em !important;
    }

    .xl-pr-1 {
        padding-right: 1em !important;
    }

    .xl-pb-1 {
        padding-bottom: 1em !important;
    }

    .xl-pl-1 {
        padding-left: 1em !important;
    }

    .xl-px-1 {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .xl-py-1 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .xl-m-1 {
        margin: 1em !important;
    }

    .xl-mt-1 {
        margin-top: 1em !important;
    }

    .xl-mr-1 {
        margin-right: 1em !important;
    }

    .xl-mb-1 {
        margin-bottom: 1em !important;
    }

    .xl-ml-1 {
        margin-left: 1em !important;
    }

    .xl-mx-1 {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .xl-my-1 {
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .xl-p-2 {
        padding: 2em !important;
    }

    .xl-pt-2 {
        padding-top: 2em !important;
    }

    .xl-pr-2 {
        padding-right: 2em !important;
    }

    .xl-pb-2 {
        padding-bottom: 2em !important;
    }

    .xl-pl-2 {
        padding-left: 2em !important;
    }

    .xl-px-2 {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .xl-py-2 {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }

    .xl-m-2 {
        margin: 2em !important;
    }

    .xl-mt-2 {
        margin-top: 2em !important;
    }

    .xl-mr-2 {
        margin-right: 2em !important;
    }

    .xl-mb-2 {
        margin-bottom: 2em !important;
    }

    .xl-ml-2 {
        margin-left: 2em !important;
    }

    .xl-mx-2 {
        margin-left: 2em !important;
        margin-right: 2em !important;
    }

    .xl-my-2 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }

    .xl-p-3 {
        padding: 3em !important;
    }

    .xl-pt-3 {
        padding-top: 3em !important;
    }

    .xl-pr-3 {
        padding-right: 3em !important;
    }

    .xl-pb-3 {
        padding-bottom: 3em !important;
    }

    .xl-pl-3 {
        padding-left: 3em !important;
    }

    .xl-px-3 {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    .xl-py-3 {
        padding-top: 3em !important;
        padding-bottom: 3em !important;
    }

    .xl-m-3 {
        margin: 3em !important;
    }

    .xl-mt-3 {
        margin-top: 3em !important;
    }

    .xl-mr-3 {
        margin-right: 3em !important;
    }

    .xl-mb-3 {
        margin-bottom: 3em !important;
    }

    .xl-ml-3 {
        margin-left: 3em !important;
    }

    .xl-mx-3 {
        margin-left: 3em !important;
        margin-right: 3em !important;
    }

    .xl-my-3 {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }

    .xl-p-4 {
        padding: 4em !important;
    }

    .xl-pt-4 {
        padding-top: 4em !important;
    }

    .xl-pr-4 {
        padding-right: 4em !important;
    }

    .xl-pb-4 {
        padding-bottom: 4em !important;
    }

    .xl-pl-4 {
        padding-left: 4em !important;
    }

    .xl-px-4 {
        padding-left: 4em !important;
        padding-right: 4em !important;
    }

    .xl-py-4 {
        padding-top: 4em !important;
        padding-bottom: 4em !important;
    }

    .xl-m-4 {
        margin: 4em !important;
    }

    .xl-mt-4 {
        margin-top: 4em !important;
    }

    .xl-mr-4 {
        margin-right: 4em !important;
    }

    .xl-mb-4 {
        margin-bottom: 4em !important;
    }

    .xl-ml-4 {
        margin-left: 4em !important;
    }

    .xl-mx-4 {
        margin-left: 4em !important;
        margin-right: 4em !important;
    }

    .xl-my-4 {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }

    .xl-p-5 {
        padding: 5em !important;
    }

    .xl-pt-5 {
        padding-top: 5em !important;
    }

    .xl-pr-5 {
        padding-right: 5em !important;
    }

    .xl-pb-5 {
        padding-bottom: 5em !important;
    }

    .xl-pl-5 {
        padding-left: 5em !important;
    }

    .xl-px-5 {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }

    .xl-py-5 {
        padding-top: 5em !important;
        padding-bottom: 5em !important;
    }

    .xl-m-5 {
        margin: 5em !important;
    }

    .xl-mt-5 {
        margin-top: 5em !important;
    }

    .xl-mr-5 {
        margin-right: 5em !important;
    }

    .xl-mb-5 {
        margin-bottom: 5em !important;
    }

    .xl-ml-5 {
        margin-left: 5em !important;
    }

    .xl-mx-5 {
        margin-left: 5em !important;
        margin-right: 5em !important;
    }

    .xl-my-5 {
        margin-top: 5em !important;
        margin-bottom: 5em !important;
    }
}
.w-100 {
    width: 100% !important;
}

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

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

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

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

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

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

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

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

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

.h-100 {
    height: 100% !important;
}

.h-90 {
    height: 90% !important;
}

.h-80 {
    height: 80% !important;
}

.h-70 {
    height: 70% !important;
}

.h-60 {
    height: 60% !important;
}

.h-50 {
    height: 50% !important;
}

.h-40 {
    height: 40% !important;
}

.h-30 {
    height: 30% !important;
}

.h-20 {
    height: 20% !important;
}

.h-10 {
    height: 10% !important;
}

@media (min-width: 480px) {
    .sm-w-100 {
        width: 100% !important;
    }

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

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

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

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

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

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

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

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

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

    .sm-h-100 {
        height: 100% !important;
    }

    .sm-h-90 {
        height: 90% !important;
    }

    .sm-h-80 {
        height: 80% !important;
    }

    .sm-h-70 {
        height: 70% !important;
    }

    .sm-h-60 {
        height: 60% !important;
    }

    .sm-h-50 {
        height: 50% !important;
    }

    .sm-h-40 {
        height: 40% !important;
    }

    .sm-h-30 {
        height: 30% !important;
    }

    .sm-h-20 {
        height: 20% !important;
    }

    .sm-h-10 {
        height: 10% !important;
    }
}

@media (min-width: 720px) {
    .md-w-100 {
        width: 100% !important;
    }

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

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

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

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

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

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

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

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

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

    .md-h-100 {
        height: 100% !important;
    }

    .md-h-90 {
        height: 90% !important;
    }

    .md-h-80 {
        height: 80% !important;
    }

    .md-h-70 {
        height: 70% !important;
    }

    .md-h-60 {
        height: 60% !important;
    }

    .md-h-50 {
        height: 50% !important;
    }

    .md-h-40 {
        height: 40% !important;
    }

    .md-h-30 {
        height: 30% !important;
    }

    .md-h-20 {
        height: 20% !important;
    }

    .md-h-10 {
        height: 10% !important;
    }
}

@media (min-width: 960px) {
    .lg-w-100 {
        width: 100% !important;
    }

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

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

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

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

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

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

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

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

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

    .lg-h-100 {
        height: 100% !important;
    }

    .lg-h-90 {
        height: 90% !important;
    }

    .lg-h-80 {
        height: 80% !important;
    }

    .lg-h-70 {
        height: 70% !important;
    }

    .lg-h-60 {
        height: 60% !important;
    }

    .lg-h-50 {
        height: 50% !important;
    }

    .lg-h-40 {
        height: 40% !important;
    }

    .lg-h-30 {
        height: 30% !important;
    }

    .lg-h-20 {
        height: 20% !important;
    }

    .lg-h-10 {
        height: 10% !important;
    }
}

@media (min-width: 1200px) {
    .xl-w-100 {
        width: 100% !important;
    }

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

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

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

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

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

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

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

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

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

    .xl-h-100 {
        height: 100% !important;
    }

    .xl-h-90 {
        height: 90% !important;
    }

    .xl-h-80 {
        height: 80% !important;
    }

    .xl-h-70 {
        height: 70% !important;
    }

    .xl-h-60 {
        height: 60% !important;
    }

    .xl-h-50 {
        height: 50% !important;
    }

    .xl-h-40 {
        height: 40% !important;
    }

    .xl-h-30 {
        height: 30% !important;
    }

    .xl-h-20 {
        height: 20% !important;
    }

    .xl-h-10 {
        height: 10% !important;
    }
}