/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : PADDING
    Styles liés à la propriété padding
*/

/*
    01 - XS
        Padding
        Padding Y
        Padding X
        Padding-top
        Padding-right
        Padding-bottom
        Padding-left
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* -----------------
    01 - XS
        Padding
----------------- */

.p-0 {
    padding: 0;
}

.p-3px {
    padding: .3rem;
}

.p-5px {
    padding: .5rem;
}

.p-8px {
    padding: .8rem;
}

.p-10px {
    padding: 1rem;
}

.p-15px {
    padding: 1.5rem;
}

.p-20px {
    padding: 2rem;
}

.p-25px {
    padding: 2.5rem;
}

.p-30px {
    padding: 3rem;
}

.p-40px {
    padding: 4rem;
}

.p-50px {
    padding: 5rem;
}

.p-60px {
    padding: 6rem;
}

.p-70px {
    padding: 7rem;
}

.p-80px {
    padding: 8rem;
}

.p-90px {
    padding: 9rem;
}

.p-100px {
    padding: 10rem;
}

.p-auto {
    padding: auto;
}



/* -----------------
    01 - XS
        Padding Y
----------------- */

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

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

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

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

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

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

.py-15px {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

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

.py-25px {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

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

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

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

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

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

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

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

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

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



/* -----------------
    01 - XS
        Padding X
----------------- */

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

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

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

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

.px-10px {
    padding-right: 1rem;
    padding-left: 1rem;
}

.px-12px {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.px-15px {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.px-20px {
    padding-right: 2rem;
    padding-left: 2rem;
}

.px-25px {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.px-30px {
    padding-right: 3rem;
    padding-left: 3rem;
}

.px-40px {
    padding-right: 4rem;
    padding-left: 4rem;
}

.px-50px {
    padding-right: 5rem;
    padding-left: 5rem;
}

.px-60px {
    padding-right: 6rem;
    padding-left: 6rem;
}

.px-70px {
    padding-right: 7rem;
    padding-left: 7rem;
}

.px-80px {
    padding-right: 8rem;
    padding-left: 8rem;
}

.px-90px {
    padding-right: 9rem;
    padding-left: 9rem;
}

.px-100px {
    padding-right: 10rem;
    padding-left: 10rem;
}

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



/* -----------------
    01 - XS
        Padding-top
----------------- */

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

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

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

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

.pt-10px {
    padding-top: 1rem;
}

.pt-15px {
    padding-top: 1.5rem;
}

.pt-20px {
    padding-top: 2rem;
}

.pt-25px {
    padding-top: 2.5rem;
}

.pt-30px {
    padding-top: 3rem;
}

.pt-40px {
    padding-top: 4rem;
}

.pt-50px {
    padding-top: 5rem;
}

.pt-60px {
    padding-top: 6rem;
}

.pt-70px {
    padding-top: 7rem;
}

.pt-80px {
    padding-top: 8rem;
}

.pt-90px {
    padding-top: 9rem;
}

.pt-100px {
    padding-top: 10rem;
}

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



/* -----------------
    01 - XS
        Padding-right
----------------- */

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

.pr-3px {
    padding-right: .3rem;
}

.pr-5px {
    padding-right: .5rem;
}

.pr-8px {
    padding-right: .8rem;
}

.pr-10px {
    padding-right: 1rem;
}

.pr-15px {
    padding-right: 1.5rem;
}

.pr-30px {
    padding-right: 3rem;
}

.pr-40px {
    padding-right: 4rem;
}

.pr-50px {
    padding-right: 5rem;
}

.pr-60px {
    padding-right: 6rem;
}

.pr-70px {
    padding-right: 7rem;
}

.pr-80px {
    padding-right: 8rem;
}

.pr-90px {
    padding-right: 9rem;
}

.pr-100px {
    padding-right: 10rem;
}

.pr-auto {
    padding-right: auto;
}



/* -----------------
    01 - XS
        Padding-bottom
----------------- */

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

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

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

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

.pb-10px {
    padding-bottom: 1rem;
}

.pb-15px {
    padding-bottom: 1.5rem;
}

.pb-20px {
    padding-bottom: 2rem;
}

.pb-25px {
    padding-bottom: 2.5rem;
}

.pb-30px {
    padding-bottom: 3rem;
}

.pb-40px {
    padding-bottom: 4rem;
}

.pb-50px {
    padding-bottom: 5rem;
}

.pb-60px {
    padding-bottom: 6rem;
}

.pb-70px {
    padding-bottom: 7rem;
}

.pb-80px {
    padding-bottom: 8rem;
}

.pb-90px {
    padding-bottom: 9rem;
}

.pb-100px {
    padding-bottom: 10rem;
}

.pb-120px {
    padding-bottom: 12rem;
}

.pb-150px {
    padding-bottom: 15rem;
}

.pb-180px {
    padding-bottom: 18rem;
}

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



/* -----------------
    01 - XS
        Padding-left
----------------- */

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

.pl-3px {
    padding-left: .3rem;
}

.pl-5px {
    padding-left: .5rem;
}

.pl-8px {
    padding-left: .8rem;
}

.pl-10px {
    padding-left: 1rem;
}

.pl-15px {
    padding-left: 1.5rem;
}

.pl-30px {
    padding-left: 3rem;
}

.pl-40px {
    padding-left: 4rem;
}

.pl-50px {
    padding-left: 5rem;
}

.pl-60px {
    padding-left: 6rem;
}

.pl-70px {
    padding-left: 7rem;
}

.pl-80px {
    padding-left: 8rem;
}

.pl-90px {
    padding-left: 9rem;
}

.pl-100px {
    padding-left: 10rem;
}

.pl-auto {
    padding-left: auto;
}



/* -----------------
    02 - SM
        Padding
----------------- */

@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0;
    }

    .p-sm-3px {
        padding: .3rem;
    }

    .p-sm-5px {
        padding: .5rem;
    }

    .p-sm-8px {
        padding: .8rem;
    }

    .p-sm-10px {
        padding: 1rem;
    }

    .p-sm-15px {
        padding: 1.5rem;
    }

    .p-sm-30px {
        padding: 3rem;
    }

    .p-sm-40px {
        padding: 4rem;
    }

    .p-sm-50px {
        padding: 5rem;
    }

    .p-sm-60px {
        padding: 6rem;
    }

    .p-sm-70px {
        padding: 7rem;
    }

    .p-sm-80px {
        padding: 8rem;
    }

    .p-sm-90px {
        padding: 9rem;
    }

    .p-sm-100px {
        padding: 10rem;
    }

    .p-sm-auto {
        padding: auto;
    }
}



/* -----------------
    02 - SM
        Padding Y
----------------- */

@media (min-width: 576px) {
    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

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

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

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

    .py-sm-10px {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .py-sm-15px {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-sm-30px {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .py-sm-40px {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-sm-50px {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-sm-60px {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-sm-70px {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-sm-80px {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-sm-90px {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-sm-100px {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .py-sm-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
}



/* -----------------
    02 - SM
        Padding X
----------------- */

@media (min-width: 576px) {
    .px-sm-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px-sm-3px {
        padding-right: .3rem;
        padding-left: .3rem;
    }

    .px-sm-5px {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .px-sm-8px {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .px-sm-10px {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .px-sm-15px {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .px-sm-30px {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .px-sm-40px {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .px-sm-50px {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .px-sm-60px {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .px-sm-70px {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .px-sm-80px {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .px-sm-90px {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .px-sm-100px {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .px-sm-auto {
        padding-right: auto;
        padding-left: auto;
    }
}



/* -----------------
    02 - SM
        Padding-top
----------------- */

@media (min-width: 576px) {
    .pt-sm-0 {
        padding-top: 0;
    }

    .pt-sm-3px {
        padding-top: .3rem;
    }

    .pt-sm-5px {
        padding-top: .5rem;
    }

    .pt-sm-8px {
        padding-top: .8rem;
    }

    .pt-sm-10px {
        padding-top: 1rem;
    }

    .pt-sm-15px {
        padding-top: 1.5rem;
    }

    .pt-sm-30px {
        padding-top: 3rem;
    }

    .pt-sm-40px {
        padding-top: 4rem;
    }

    .pt-sm-50px {
        padding-top: 5rem;
    }

    .pt-sm-60px {
        padding-top: 6rem;
    }

    .pt-sm-70px {
        padding-top: 7rem;
    }

    .pt-sm-80px {
        padding-top: 8rem;
    }

    .pt-sm-90px {
        padding-top: 9rem;
    }

    .pt-sm-100px {
        padding-top: 10rem;
    }

    .pt-sm-auto {
        padding-top: auto;
    }
}



/* -----------------
    02 - SM
        Padding-right
----------------- */

@media (min-width: 576px) {
    .pr-sm-0 {
        padding-right: 0;
    }

    .pr-sm-3px {
        padding-right: .3rem;
    }

    .pr-sm-5px {
        padding-right: .5rem;
    }

    .pr-sm-8px {
        padding-right: .8rem;
    }

    .pr-sm-10px {
        padding-right: 1rem;
    }

    .pr-sm-15px {
        padding-right: 1.5rem;
    }

    .pr-sm-30px {
        padding-right: 3rem;
    }

    .pr-sm-40px {
        padding-right: 4rem;
    }

    .pr-sm-50px {
        padding-right: 5rem;
    }

    .pr-sm-60px {
        padding-right: 6rem;
    }

    .pr-sm-70px {
        padding-right: 7rem;
    }

    .pr-sm-80px {
        padding-right: 8rem;
    }

    .pr-sm-90px {
        padding-right: 9rem;
    }

    .pr-sm-100px {
        padding-right: 10rem;
    }

    .pr-sm-auto {
        padding-right: auto;
    }
}



/* -----------------
    02 - SM
        Padding-bottom
----------------- */

@media (min-width: 576px) {
    .pb-sm-0 {
        padding-bottom: 0;
    }

    .pb-sm-3px {
        padding-bottom: .3rem;
    }

    .pb-sm-5px {
        padding-bottom: .5rem;
    }

    .pb-sm-8px {
        padding-bottom: .8rem;
    }

    .pb-sm-10px {
        padding-bottom: 1rem;
    }

    .pb-sm-15px {
        padding-bottom: 1.5rem;
    }

    .pb-sm-30px {
        padding-bottom: 3rem;
    }

    .pb-sm-40px {
        padding-bottom: 4rem;
    }

    .pb-sm-50px {
        padding-bottom: 5rem;
    }

    .pb-sm-60px {
        padding-bottom: 6rem;
    }

    .pb-sm-70px {
        padding-bottom: 7rem;
    }

    .pb-sm-80px {
        padding-bottom: 8rem;
    }

    .pb-sm-90px {
        padding-bottom: 9rem;
    }

    .pb-sm-100px {
        padding-bottom: 10rem;
    }

    .pb-sm-auto {
        padding-bottom: auto;
    }
}



/* -----------------
    02 - SM
        Padding-left
----------------- */

@media (min-width: 576px) {
    .pl-sm-0 {
        padding-left: 0;
    }

    .pl-sm-3px {
        padding-left: .3rem;
    }

    .pl-sm-5px {
        padding-left: .5rem;
    }

    .pl-sm-8px {
        padding-left: .8rem;
    }

    .pl-sm-10px {
        padding-left: 1rem;
    }

    .pl-sm-15px {
        padding-left: 1.5rem;
    }

    .pl-sm-30px {
        padding-left: 3rem;
    }

    .pl-sm-40px {
        padding-left: 4rem;
    }

    .pl-sm-50px {
        padding-left: 5rem;
    }

    .pl-sm-60px {
        padding-left: 6rem;
    }

    .pl-sm-70px {
        padding-left: 7rem;
    }

    .pl-sm-80px {
        padding-left: 8rem;
    }

    .pl-sm-90px {
        padding-left: 9rem;
    }

    .pl-sm-100px {
        padding-left: 10rem;
    }

    .pl-sm-auto {
        padding-left: auto;
    }
}



/* -----------------
    03 - MD
        Padding
----------------- */

@media (min-width: 768px) {
    .p-md-0 {
        padding: 0;
    }

    .p-md-3px {
        padding: .3rem;
    }

    .p-md-5px {
        padding: .5rem;
    }

    .p-md-8px {
        padding: .8rem;
    }

    .p-md-10px {
        padding: 1rem;
    }

    .p-md-15px {
        padding: 1.5rem;
    }

    .p-md-30px {
        padding: 3rem;
    }

    .p-md-40px {
        padding: 4rem;
    }

    .p-md-50px {
        padding: 5rem;
    }

    .p-md-60px {
        padding: 6rem;
    }

    .p-md-70px {
        padding: 7rem;
    }

    .p-md-80px {
        padding: 8rem;
    }

    .p-md-90px {
        padding: 9rem;
    }

    .p-md-100px {
        padding: 10rem;
    }

    .p-md-auto {
        padding: auto;
    }
}



/* -----------------
    03 - MD
        Padding Y
----------------- */

@media (min-width: 768px) {
    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

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

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

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

    .py-md-10px {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .py-md-15px {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-md-30px {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .py-md-40px {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-md-50px {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-md-60px {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-md-70px {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-md-80px {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-md-90px {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-md-100px {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .py-md-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
}



/* -----------------
    03 - MD
        Padding X
----------------- */

@media (min-width: 768px) {
    .px-md-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px-md-3px {
        padding-right: .3rem;
        padding-left: .3rem;
    }

    .px-md-5px {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .px-md-8px {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .px-md-10px {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .px-md-15px {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .px-md-30px {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .px-md-40px {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .px-md-50px {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .px-md-60px {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .px-md-70px {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .px-md-80px {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .px-md-90px {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .px-md-100px {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .px-md-auto {
        padding-right: auto;
        padding-left: auto;
    }
}



/* -----------------
    03 - MD
        Padding-top
----------------- */

@media (min-width: 768px) {
    .pt-md-0 {
        padding-top: 0;
    }

    .pt-md-3px {
        padding-top: .3rem;
    }

    .pt-md-5px {
        padding-top: .5rem;
    }

    .pt-md-8px {
        padding-top: .8rem;
    }

    .pt-md-10px {
        padding-top: 1rem;
    }

    .pt-md-15px {
        padding-top: 1.5rem;
    }

    .pt-md-30px {
        padding-top: 3rem;
    }

    .pt-md-40px {
        padding-top: 4rem;
    }

    .pt-md-50px {
        padding-top: 5rem;
    }

    .pt-md-60px {
        padding-top: 6rem;
    }

    .pt-md-70px {
        padding-top: 7rem;
    }

    .pt-md-80px {
        padding-top: 8rem;
    }

    .pt-md-90px {
        padding-top: 9rem;
    }

    .pt-md-100px {
        padding-top: 10rem;
    }

    .pt-md-auto {
        padding-top: auto;
    }
}



/* -----------------
    03 - MD
        Padding-right
----------------- */

@media (min-width: 768px) {
    .pr-md-0 {
        padding-right: 0;
    }

    .pr-md-3px {
        padding-right: .3rem;
    }

    .pr-md-5px {
        padding-right: .5rem;
    }

    .pr-md-8px {
        padding-right: .8rem;
    }

    .pr-md-10px {
        padding-right: 1rem;
    }

    .pr-md-15px {
        padding-right: 1.5rem;
    }

    .pr-md-30px {
        padding-right: 3rem;
    }

    .pr-md-40px {
        padding-right: 4rem;
    }

    .pr-md-50px {
        padding-right: 5rem;
    }

    .pr-md-60px {
        padding-right: 6rem;
    }

    .pr-md-70px {
        padding-right: 7rem;
    }

    .pr-md-80px {
        padding-right: 8rem;
    }

    .pr-md-90px {
        padding-right: 9rem;
    }

    .pr-md-100px {
        padding-right: 10rem;
    }

    .pr-md-auto {
        padding-right: auto;
    }
}



/* -----------------
    03 - MD
        Padding-bottom
----------------- */

@media (min-width: 768px) {
    .pb-md-0 {
        padding-bottom: 0;
    }

    .pb-md-3px {
        padding-bottom: .3rem;
    }

    .pb-md-5px {
        padding-bottom: .5rem;
    }

    .pb-md-8px {
        padding-bottom: .8rem;
    }

    .pb-md-10px {
        padding-bottom: 1rem;
    }

    .pb-md-15px {
        padding-bottom: 1.5rem;
    }

    .pb-md-30px {
        padding-bottom: 3rem;
    }

    .pb-md-40px {
        padding-bottom: 4rem;
    }

    .pb-md-50px {
        padding-bottom: 5rem;
    }

    .pb-md-60px {
        padding-bottom: 6rem;
    }

    .pb-md-70px {
        padding-bottom: 7rem;
    }

    .pb-md-80px {
        padding-bottom: 8rem;
    }

    .pb-md-90px {
        padding-bottom: 9rem;
    }

    .pb-md-100px {
        padding-bottom: 10rem;
    }

    .pb-md-auto {
        padding-bottom: auto;
    }
}



/* -----------------
    03 - MD
        Padding-left
----------------- */

@media (min-width: 768px) {
    .pl-md-0 {
        padding-left: 0;
    }

    .pl-md-3px {
        padding-left: .3rem;
    }

    .pl-md-5px {
        padding-left: .5rem;
    }

    .pl-md-8px {
        padding-left: .8rem;
    }

    .pl-md-10px {
        padding-left: 1rem;
    }

    .pl-md-15px {
        padding-left: 1.5rem;
    }

    .pl-md-30px {
        padding-left: 3rem;
    }

    .pl-md-40px {
        padding-left: 4rem;
    }

    .pl-md-50px {
        padding-left: 5rem;
    }

    .pl-md-60px {
        padding-left: 6rem;
    }

    .pl-md-70px {
        padding-left: 7rem;
    }

    .pl-md-80px {
        padding-left: 8rem;
    }

    .pl-md-90px {
        padding-left: 9rem;
    }

    .pl-md-100px {
        padding-left: 10rem;
    }

    .pl-md-auto {
        padding-left: auto;
    }
}



/* -----------------
    04 - LG
        Padding
----------------- */

@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0;
    }

    .p-lg-3px {
        padding: .3rem;
    }

    .p-lg-5px {
        padding: .5rem;
    }

    .p-lg-8px {
        padding: .8rem;
    }

    .p-lg-10px {
        padding: 1rem;
    }

    .p-lg-15px {
        padding: 1.5rem;
    }

    .p-lg-30px {
        padding: 3rem;
    }

    .p-lg-40px {
        padding: 4rem;
    }

    .p-lg-50px {
        padding: 5rem;
    }

    .p-lg-60px {
        padding: 6rem;
    }

    .p-lg-70px {
        padding: 7rem;
    }

    .p-lg-80px {
        padding: 8rem;
    }

    .p-lg-90px {
        padding: 9rem;
    }

    .p-lg-100px {
        padding: 10rem;
    }

    .p-lg-auto {
        padding: auto;
    }
}



/* -----------------
    04 - LG
        Padding Y
----------------- */

@media (min-width: 992px) {
    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

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

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

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

    .py-lg-10px {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .py-lg-15px {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-lg-30px {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .py-lg-40px {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-lg-50px {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-lg-60px {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-lg-70px {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-lg-80px {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-lg-90px {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-lg-100px {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .py-lg-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
}



/* -----------------
    04 - LG
        Padding X
----------------- */

@media (min-width: 992px) {
    .px-lg-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px-lg-3px {
        padding-right: .3rem;
        padding-left: .3rem;
    }

    .px-lg-5px {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .px-lg-8px {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .px-lg-10px {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .px-lg-15px {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .px-lg-30px {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .px-lg-40px {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .px-lg-50px {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .px-lg-60px {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .px-lg-70px {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .px-lg-80px {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .px-lg-90px {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .px-lg-100px {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .px-lg-auto {
        padding-right: auto;
        padding-left: auto;
    }
}



/* -----------------
    04 - LG
        Padding-top
----------------- */

@media (min-width: 992px) {
    .pt-lg-0 {
        padding-top: 0;
    }

    .pt-lg-3px {
        padding-top: .3rem;
    }

    .pt-lg-5px {
        padding-top: .5rem;
    }

    .pt-lg-8px {
        padding-top: .8rem;
    }

    .pt-lg-10px {
        padding-top: 1rem;
    }

    .pt-lg-15px {
        padding-top: 1.5rem;
    }

    .pt-lg-30px {
        padding-top: 3rem;
    }

    .pt-lg-40px {
        padding-top: 4rem;
    }

    .pt-lg-50px {
        padding-top: 5rem;
    }

    .pt-lg-60px {
        padding-top: 6rem;
    }

    .pt-lg-70px {
        padding-top: 7rem;
    }

    .pt-lg-80px {
        padding-top: 8rem;
    }

    .pt-lg-90px {
        padding-top: 9rem;
    }

    .pt-lg-100px {
        padding-top: 10rem;
    }

    .pt-lg-auto {
        padding-top: auto;
    }
}



/* -----------------
    04 - LG
        Padding-right
----------------- */

@media (min-width: 992px) {
    .pr-lg-0 {
        padding-right: 0;
    }

    .pr-lg-3px {
        padding-right: .3rem;
    }

    .pr-lg-5px {
        padding-right: .5rem;
    }

    .pr-lg-8px {
        padding-right: .8rem;
    }

    .pr-lg-10px {
        padding-right: 1rem;
    }

    .pr-lg-15px {
        padding-right: 1.5rem;
    }

    .pr-lg-30px {
        padding-right: 3rem;
    }

    .pr-lg-40px {
        padding-right: 4rem;
    }

    .pr-lg-50px {
        padding-right: 5rem;
    }

    .pr-lg-60px {
        padding-right: 6rem;
    }

    .pr-lg-70px {
        padding-right: 7rem;
    }

    .pr-lg-80px {
        padding-right: 8rem;
    }

    .pr-lg-90px {
        padding-right: 9rem;
    }

    .pr-lg-100px {
        padding-right: 10rem;
    }

    .pr-lg-auto {
        padding-right: auto;
    }
}



/* -----------------
    04 - LG
        Padding-bottom
----------------- */

@media (min-width: 992px) {
    .pb-lg-0 {
        padding-bottom: 0;
    }

    .pb-lg-3px {
        padding-bottom: .3rem;
    }

    .pb-lg-5px {
        padding-bottom: .5rem;
    }

    .pb-lg-8px {
        padding-bottom: .8rem;
    }

    .pb-lg-10px {
        padding-bottom: 1rem;
    }

    .pb-lg-15px {
        padding-bottom: 1.5rem;
    }

    .pb-lg-30px {
        padding-bottom: 3rem;
    }

    .pb-lg-40px {
        padding-bottom: 4rem;
    }

    .pb-lg-50px {
        padding-bottom: 5rem;
    }

    .pb-lg-60px {
        padding-bottom: 6rem;
    }

    .pb-lg-70px {
        padding-bottom: 7rem;
    }

    .pb-lg-80px {
        padding-bottom: 8rem;
    }

    .pb-lg-90px {
        padding-bottom: 9rem;
    }

    .pb-lg-100px {
        padding-bottom: 10rem;
    }

    .pb-lg-auto {
        padding-bottom: auto;
    }
}



/* -----------------
    04 - LG
        Padding-left
----------------- */

@media (min-width: 992px) {
    .pl-lg-0 {
        padding-left: 0;
    }

    .pl-lg-3px {
        padding-left: .3rem;
    }

    .pl-lg-5px {
        padding-left: .5rem;
    }

    .pl-lg-8px {
        padding-left: .8rem;
    }

    .pl-lg-10px {
        padding-left: 1rem;
    }

    .pl-lg-15px {
        padding-left: 1.5rem;
    }

    .pl-lg-30px {
        padding-left: 3rem;
    }

    .pl-lg-40px {
        padding-left: 4rem;
    }

    .pl-lg-50px {
        padding-left: 5rem;
    }

    .pl-lg-60px {
        padding-left: 6rem;
    }

    .pl-lg-70px {
        padding-left: 7rem;
    }

    .pl-lg-80px {
        padding-left: 8rem;
    }

    .pl-lg-90px {
        padding-left: 9rem;
    }

    .pl-lg-100px {
        padding-left: 10rem;
    }

    .pl-lg-auto {
        padding-left: auto;
    }
}



/* -----------------
    05 - XL
        Padding
----------------- */

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

    .p-xl-3px {
        padding: .3rem;
    }

    .p-xl-5px {
        padding: .5rem;
    }

    .p-xl-8px {
        padding: .8rem;
    }

    .p-xl-10px {
        padding: 1rem;
    }

    .p-xl-15px {
        padding: 1.5rem;
    }

    .p-xl-30px {
        padding: 3rem;
    }

    .p-xl-40px {
        padding: 4rem;
    }

    .p-xl-50px {
        padding: 5rem;
    }

    .p-xl-60px {
        padding: 6rem;
    }

    .p-xl-70px {
        padding: 7rem;
    }

    .p-xl-80px {
        padding: 8rem;
    }

    .p-xl-90px {
        padding: 9rem;
    }

    .p-xl-100px {
        padding: 10rem;
    }

    .p-xl-auto {
        padding: auto;
    }
}



/* -----------------
    05 - XL
        Padding Y
----------------- */

@media (min-width: 1200px) {
    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

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

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

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

    .py-xl-10px {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .py-xl-15px {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-xl-30px {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .py-xl-40px {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-xl-50px {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-xl-60px {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-xl-70px {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-xl-80px {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-xl-90px {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-xl-100px {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .py-xl-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
}



/* -----------------
    05 - XL
        Padding X
----------------- */

@media (min-width: 1200px) {
    .px-xl-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px-xl-3px {
        padding-right: .3rem;
        padding-left: .3rem;
    }

    .px-xl-5px {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .px-xl-8px {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .px-xl-10px {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .px-xl-15px {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .px-xl-30px {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .px-xl-40px {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .px-xl-50px {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .px-xl-60px {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .px-xl-70px {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .px-xl-80px {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .px-xl-90px {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .px-xl-100px {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .px-xl-auto {
        padding-right: auto;
        padding-left: auto;
    }
}



/* -----------------
    05 - XL
        Padding-top
----------------- */

@media (min-width: 1200px) {
    .pt-xl-0 {
        padding-top: 0;
    }

    .pt-xl-3px {
        padding-top: .3rem;
    }

    .pt-xl-5px {
        padding-top: .5rem;
    }

    .pt-xl-8px {
        padding-top: .8rem;
    }

    .pt-xl-10px {
        padding-top: 1rem;
    }

    .pt-xl-15px {
        padding-top: 1.5rem;
    }

    .pt-xl-30px {
        padding-top: 3rem;
    }

    .pt-xl-40px {
        padding-top: 4rem;
    }

    .pt-xl-50px {
        padding-top: 5rem;
    }

    .pt-xl-60px {
        padding-top: 6rem;
    }

    .pt-xl-70px {
        padding-top: 7rem;
    }

    .pt-xl-80px {
        padding-top: 8rem;
    }

    .pt-xl-90px {
        padding-top: 9rem;
    }

    .pt-xl-100px {
        padding-top: 10rem;
    }

    .pt-xl-auto {
        padding-top: auto;
    }
}



/* -----------------
    05 - XL
        Padding-right
----------------- */

@media (min-width: 1200px) {
    .pr-xl-0 {
        padding-right: 0;
    }

    .pr-xl-3px {
        padding-right: .3rem;
    }

    .pr-xl-5px {
        padding-right: .5rem;
    }

    .pr-xl-8px {
        padding-right: .8rem;
    }

    .pr-xl-10px {
        padding-right: 1rem;
    }

    .pr-xl-15px {
        padding-right: 1.5rem;
    }

    .pr-xl-30px {
        padding-right: 3rem;
    }

    .pr-xl-40px {
        padding-right: 4rem;
    }

    .pr-xl-50px {
        padding-right: 5rem;
    }

    .pr-xl-60px {
        padding-right: 6rem;
    }

    .pr-xl-70px {
        padding-right: 7rem;
    }

    .pr-xl-80px {
        padding-right: 8rem;
    }

    .pr-xl-90px {
        padding-right: 9rem;
    }

    .pr-xl-100px {
        padding-right: 10rem;
    }

    .pr-xl-auto {
        padding-right: auto;
    }
}



/* -----------------
    05 - XL
        Padding-bottom
----------------- */

@media (min-width: 1200px) {
    .pb-xl-0 {
        padding-bottom: 0;
    }

    .pb-xl-3px {
        padding-bottom: .3rem;
    }

    .pb-xl-5px {
        padding-bottom: .5rem;
    }

    .pb-xl-8px {
        padding-bottom: .8rem;
    }

    .pb-xl-10px {
        padding-bottom: 1rem;
    }

    .pb-xl-15px {
        padding-bottom: 1.5rem;
    }

    .pb-xl-30px {
        padding-bottom: 3rem;
    }

    .pb-xl-40px {
        padding-bottom: 4rem;
    }

    .pb-xl-50px {
        padding-bottom: 5rem;
    }

    .pb-xl-60px {
        padding-bottom: 6rem;
    }

    .pb-xl-70px {
        padding-bottom: 7rem;
    }

    .pb-xl-80px {
        padding-bottom: 8rem;
    }

    .pb-xl-90px {
        padding-bottom: 9rem;
    }

    .pb-xl-100px {
        padding-bottom: 10rem;
    }

    .pb-xl-auto {
        padding-bottom: auto;
    }
}



/* -----------------
    05 - XL
        Padding-left
----------------- */

@media (min-width: 1200px) {
    .pl-xl-0 {
        padding-left: 0;
    }

    .pl-xl-3px {
        padding-left: .3rem;
    }

    .pl-xl-5px {
        padding-left: .5rem;
    }

    .pl-xl-8px {
        padding-left: .8rem;
    }

    .pl-xl-10px {
        padding-left: 1rem;
    }

    .pl-xl-15px {
        padding-left: 1.5rem;
    }

    .pl-xl-30px {
        padding-left: 3rem;
    }

    .pl-xl-40px {
        padding-left: 4rem;
    }

    .pl-xl-50px {
        padding-left: 5rem;
    }

    .pl-xl-60px {
        padding-left: 6rem;
    }

    .pl-xl-70px {
        padding-left: 7rem;
    }

    .pl-xl-80px {
        padding-left: 8rem;
    }

    .pl-xl-90px {
        padding-left: 9rem;
    }

    .pl-xl-100px {
        padding-left: 10rem;
    }

    .pl-xl-auto {
        padding-left: auto;
    }
}



/* -----------------
    06 - XXL
        Padding
----------------- */

@media (min-width: 1400px) {
    .p-xxl-0 {
        padding: 0;
    }

    .p-xxl-3px {
        padding: .3rem;
    }

    .p-xxl-5px {
        padding: .5rem;
    }

    .p-xxl-8px {
        padding: .8rem;
    }

    .p-xxl-10px {
        padding: 1rem;
    }

    .p-xxl-15px {
        padding: 1.5rem;
    }

    .p-xxl-30px {
        padding: 3rem;
    }

    .p-xxl-40px {
        padding: 4rem;
    }

    .p-xxl-50px {
        padding: 5rem;
    }

    .p-xxl-60px {
        padding: 6rem;
    }

    .p-xxl-70px {
        padding: 7rem;
    }

    .p-xxl-80px {
        padding: 8rem;
    }

    .p-xxl-90px {
        padding: 9rem;
    }

    .p-xxl-100px {
        padding: 10rem;
    }

    .p-xxl-auto {
        padding: auto;
    }
}



/* -----------------
    06 - XXL
        Padding Y
----------------- */

@media (min-width: 1400px) {
    .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

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

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

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

    .py-xxl-10px {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .py-xxl-15px {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-xxl-30px {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .py-xxl-40px {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-xxl-50px {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-xxl-60px {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-xxl-70px {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-xxl-80px {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-xxl-90px {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-xxl-100px {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .py-xxl-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
}



/* -----------------
    06 - XXL
        Padding X
----------------- */

@media (min-width: 1400px) {
    .px-xxl-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px-xxl-3px {
        padding-right: .3rem;
        padding-left: .3rem;
    }

    .px-xxl-5px {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .px-xxl-8px {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .px-xxl-10px {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .px-xxl-15px {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .px-xxl-30px {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .px-xxl-40px {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .px-xxl-50px {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .px-xxl-60px {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .px-xxl-70px {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .px-xxl-80px {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .px-xxl-90px {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .px-xxl-100px {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .px-xxl-auto {
        padding-right: auto;
        padding-left: auto;
    }
}



/* -----------------
    06 - XXL
        Padding-top
----------------- */

@media (min-width: 1400px) {
    .pt-xxl-0 {
        padding-top: 0;
    }

    .pt-xxl-3px {
        padding-top: .3rem;
    }

    .pt-xxl-5px {
        padding-top: .5rem;
    }

    .pt-xxl-8px {
        padding-top: .8rem;
    }

    .pt-xxl-10px {
        padding-top: 1rem;
    }

    .pt-xxl-15px {
        padding-top: 1.5rem;
    }

    .pt-xxl-30px {
        padding-top: 3rem;
    }

    .pt-xxl-40px {
        padding-top: 4rem;
    }

    .pt-xxl-50px {
        padding-top: 5rem;
    }

    .pt-xxl-60px {
        padding-top: 6rem;
    }

    .pt-xxl-70px {
        padding-top: 7rem;
    }

    .pt-xxl-80px {
        padding-top: 8rem;
    }

    .pt-xxl-90px {
        padding-top: 9rem;
    }

    .pt-xxl-100px {
        padding-top: 10rem;
    }

    .pt-xxl-auto {
        padding-top: auto;
    }
}



/* -----------------
    06 - XXL
        Padding-right
----------------- */

@media (min-width: 1400px) {
    .pr-xxl-0 {
        padding-right: 0;
    }

    .pr-xxl-3px {
        padding-right: .3rem;
    }

    .pr-xxl-5px {
        padding-right: .5rem;
    }

    .pr-xxl-8px {
        padding-right: .8rem;
    }

    .pr-xxl-10px {
        padding-right: 1rem;
    }

    .pr-xxl-15px {
        padding-right: 1.5rem;
    }

    .pr-xxl-30px {
        padding-right: 3rem;
    }

    .pr-xxl-40px {
        padding-right: 4rem;
    }

    .pr-xxl-50px {
        padding-right: 5rem;
    }

    .pr-xxl-60px {
        padding-right: 6rem;
    }

    .pr-xxl-70px {
        padding-right: 7rem;
    }

    .pr-xxl-80px {
        padding-right: 8rem;
    }

    .pr-xxl-90px {
        padding-right: 9rem;
    }

    .pr-xxl-100px {
        padding-right: 10rem;
    }

    .pr-xxl-auto {
        padding-right: auto;
    }
}



/* -----------------
    06 - XXL
        Padding-bottom
----------------- */

@media (min-width: 1400px) {
    .pb-xxl-0 {
        padding-bottom: 0;
    }

    .pb-xxl-3px {
        padding-bottom: .3rem;
    }

    .pb-xxl-5px {
        padding-bottom: .5rem;
    }

    .pb-xxl-8px {
        padding-bottom: .8rem;
    }

    .pb-xxl-10px {
        padding-bottom: 1rem;
    }

    .pb-xxl-15px {
        padding-bottom: 1.5rem;
    }

    .pb-xxl-30px {
        padding-bottom: 3rem;
    }

    .pb-xxl-40px {
        padding-bottom: 4rem;
    }

    .pb-xxl-50px {
        padding-bottom: 5rem;
    }

    .pb-xxl-60px {
        padding-bottom: 6rem;
    }

    .pb-xxl-70px {
        padding-bottom: 7rem;
    }

    .pb-xxl-80px {
        padding-bottom: 8rem;
    }

    .pb-xxl-90px {
        padding-bottom: 9rem;
    }

    .pb-xxl-100px {
        padding-bottom: 10rem;
    }

    .pb-xxl-auto {
        padding-bottom: auto;
    }
}



/* -----------------
    06 - XXL
        Padding-left
----------------- */

@media (min-width: 1400px) {
    .pl-xxl-0 {
        padding-left: 0;
    }

    .pl-xxl-3px {
        padding-left: .3rem;
    }

    .pl-xxl-5px {
        padding-left: .5rem;
    }

    .pl-xxl-8px {
        padding-left: .8rem;
    }

    .pl-xxl-10px {
        padding-left: 1rem;
    }

    .pl-xxl-15px {
        padding-left: 1.5rem;
    }

    .pl-xxl-30px {
        padding-left: 3rem;
    }

    .pl-xxl-40px {
        padding-left: 4rem;
    }

    .pl-xxl-50px {
        padding-left: 5rem;
    }

    .pl-xxl-60px {
        padding-left: 6rem;
    }

    .pl-xxl-70px {
        padding-left: 7rem;
    }

    .pl-xxl-80px {
        padding-left: 8rem;
    }

    .pl-xxl-90px {
        padding-left: 9rem;
    }

    .pl-xxl-100px {
        padding-left: 10rem;
    }

    .pl-xxl-auto {
        padding-left: auto;
    }
}