/*----------------------------------
    # Main Grid
-----------------------------------*/
.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}
.container-fluid {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters > .c,
.no-gutters > [class*="c-"] {
    padding-right: 0;
    padding-left: 0
}
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, .c,
.c-auto, .c-s-1, .c-s-2, .c-s-3, .c-s-4, .c-s-5, .c-s-6, .c-s-7, .c-s-8, .c-s-9, .c-s-10, .c-s-11, .c-s-12, .c-s,
.c-s-auto, .c-m-1, .c-m-2, .c-m-3, .c-m-4, .c-m-5, .c-m-6, .c-m-7, .c-m-8, .c-m-9, .c-m-10, .c-m-11, .c-m-12, .c-m,
.c-m-auto, .c-l-1, .c-l-2, .c-l-3, .c-l-4, .c-l-5, .c-l-6, .c-l-7, .c-l-8, .c-l-9, .c-l-10, .c-l-11, .c-l-12, .c-l,
.c-l-auto, .c-x-1, .c-x-2, .c-x-3, .c-x-4, .c-x-5, .c-x-6, .c-x-7, .c-x-8, .c-x-9, .c-x-10, .c-x-11, .c-x-12, .c-x,
.c-x-auto,
.c-l-4-full{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
}
.c {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.c-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}
.c-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}
.c-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.c-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.c-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.c-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.c-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.c-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.c-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}
.c-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
.c-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}
.c-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}
.c-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
.d-none {
    display: none
}
.d-block {
    display: block
}
.d-flex {
    display: -ms-flexbox;
    display: flex
}
.flex-row{
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col{
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.j-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}
.j-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.j-content-center {
    -ms-flex-pack: center;
    justify-content: center
}
.j-content-space-btw {
    justify-content: space-between
}
.a-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}
.a-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}
.a-items-center {
    -ms-flex-align: center;
    align-items: center
}
.def-space{
    padding: 8rem
}
.or-0 {
    -ms-flex-order: 0;
    order: 0
}
.or-1 {
    -ms-flex-order: 1;
    order: 1
}
.or-2 {
    -ms-flex-order: 2;
    order: 2
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
    .c-s {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-s-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-s-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-s-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-s-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-s-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-s-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-s-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-s-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-s-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-s-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-s-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-s-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-s-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-s-none {
        display: none
    }
    .d-s-block {
        display: block
    }
    .d-s-flex {
        display: -ms-flexbox;
        display: flex
    }
    .or-s-first {
        -ms-flex-order: -1;
        order: -1
    }
    .or-s-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .or-s-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .or-s-2 {
        -ms-flex-order: 2;
        order: 2
    }
}
@media (min-width: 768px) {
    .container, .container-sm {
        max-width: 720px
    }
    .c-m {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-m-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-m-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-m-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-m-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-m-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-m-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-m-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-m-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-m-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-m-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-m-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-m-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-m-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-m-none {
        display: none
    }
    .d-m-block {
        display: block
    }
    .d-m-flex {
        display: -ms-flexbox;
        display: flex
    }
    .or-m-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-m-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-m-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-m-2 {
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
    .c-l {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-l-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-l-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-l-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-l-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-l-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-l-4-full {
        -ms-flex: 1 1 33.333333%;
        flex: 1 1 33.333333%;
    }
    .c-l-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-l-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-l-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-l-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-l-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-l-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-l-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-l-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-l-none {
        display: none
    }
    .d-l-block {
        display: block
    }
    .d-l-flex {
        display: -ms-flexbox;
        display: flex
    }

    .or-l-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-l-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-l-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-l-2 {
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
    .c-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-x-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-x-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-x-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-x-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-x-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-x-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-x-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-x-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-x-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-x-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-x-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-x-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-x-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-x-none {
        display: none
    }
    .d-x-block {
        display: block
    }
    .d-x-flex {
        display: -ms-flexbox;
        display: flex
    }

    .or-x-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-x-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-x-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-x-2 {
        -ms-flex-order: 2;
        order: 2;
    }


}
@media (min-width: 1440px) {
    .container {
        max-width: 1400px
    }
    .c-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-x-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-x-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-x-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-x-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-x-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-x-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-x-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-x-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-x-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-x-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-x-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-x-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-x-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    /*.d-x-none {*/
    /*    display: none*/
    /*}*/
    /*.d-x-block {*/
    /*    display: block*/
    /*}*/
    /*.d-x-flex {*/
    /*    display: -ms-flexbox;*/
    /*    display: flex*/
    /*}*/

    .or-x-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-x-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-x-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-x-2 {
        -ms-flex-order: 2;
        order: 2;
    }

}


/*----------------------------------
    # Helper Styles
-----------------------------------*/

.rel {
    position: relative
}
.abs {
    position: absolute
}
.fixed {
    position: fixed
}
.t-0 {
    top: 0
}
.l-0 {
    left: 0
}
.r-0 {
    right: 0
}
.b-0 {
    bottom: 0
}
.b-10 {
    bottom: 1rem
}
.abs.x-cen {
    left: 50%;
    transform: translateX(-50%)
}
.abs.y-cen {
    top: 50%;
    transform: translateY(-50%)
}
.abs.xy-cen {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.z-m-2 {
    z-index: -2
}
.z-m-1 {
    z-index: -1
}
.z-0 {
    z-index: 0
}
.z-1 {
    z-index: 1
}
.z-2 {
    z-index: 2
}
.fit {
    max-width: 100%
}
.o-hidden {
    overflow: hidden
}
.w-100 {
    width: 100%
}
.w-100-vw{
    width: 100vw
}
.w-auto {
    width: auto
}
.h-0{
    height: 0
}
.h-100 {
    height: 100%
}
.h-100-vh{
    height: 100vh
}
.h-auto {
    height: auto
}
.min-h-in{
    min-height: inherit;
}
.m-0 {
    margin: 0
}
.mt-0,
.my-0 {
    margin-top: 0
}
.mr-0,
.mx-0 {
    margin-right: 0
}
.mb-0,
.my-0 {
    margin-bottom: 0
}
.ml-0,
.mx-0 {
    margin-left: 0
}
.mt-8,
.my-8 {
    margin-top: .8rem
}
.mr-8,
.mx-8 {
    margin-right: .8rem
}
.mb-8,
.my-8 {
    margin-bottom: .8rem
}
.ml-8,
.mx-8 {
    margin-left: .8rem
}
.mt-12,
.my-12 {
    margin-top: 1.2rem
}
.mr-12,
.mx-12 {
    margin-right: 1.2rem
}
.mb-12,
.my-12 {
    margin-bottom: 1.2rem
}
.ml-12,
.mx-12 {
    margin-left: 1.2rem
}

.mt-24,
.my-24 {
    margin-top: 2.4rem
}
.mr-24,
.mx-24 {
    margin-right: 2.4rem
}
.mb-24,
.my-24 {
    margin-bottom: 2.4rem
}
.ml-24,
.mx-24 {
    margin-left: 2.4rem
}
.mt-20,
.my-20 {
    margin-top: 2rem
}
.mr-20,
.mx-20 {
    margin-right: 2rem
}
.mb-20,
.my-20 {
    margin-bottom: 2rem
}
.ml-20,
.mx-20 {
    margin-left: 2rem
}

.mt-32,
.my-32 {
    margin-top: 3.2rem
}
.mr-32,
.mx-32 {
    margin-right: 3.2rem
}
.mb-32,
.my-32 {
    margin-bottom: 3.2rem
}
.ml-32,
.mx-32 {
    margin-left: 3.2rem
}
.m-auto {
    margin: auto
}
.mt-auto,
.my-auto {
    margin-top: auto
}
.mr-auto,
.mx-auto {
    margin-right: auto
}
.mb-auto,
.my-auto {
    margin-bottom: auto
}
.ml-auto,
.mx-auto {
    margin-left: auto
}


.p-0 {
    padding: 0
}
.pt-0,
.py-0 {
    padding-top: 0
}
.pr-0,
.px-0 {
    padding-right: 0
}
.pb-0,
.py-0 {
    padding-bottom: 0
}
.pl-0,
.px-0 {
    padding-left: 0
}
.pt-8,
.py-8 {
    padding-top: .8rem
}

.pr-8,
.px-8 {
    padding-right: .8rem
}
.pb-8,
.py-8 {
    padding-bottom: .8rem
}
.pl-8,
.px-8 {
    padding-left: .8rem
}
.pt-12,
.py-12 {
    padding-top: 1.2rem
}
.pr-12,
.px-12 {
    padding-right: 1.2rem
}
.pb-12,
.py-12 {
    padding-bottom: 1.2rem
}
.p-20 {
    padding: 2rem
}
.pl-20,
.px-20 {
    padding-left: 2rem
}
.pt-20,
.py-20 {
    padding-top: 2rem
}
.pr-20,
.px-20 {
    padding-right: 2rem
}
.pb-20,
.py-20 {
    padding-bottom: 2rem
}
.pl-20,
.px-20 {
    padding-left: 2rem
}
.pl-24,
.px-24 {
    padding-left: 1.2rem
}
.pt-24,
.py-24 {
    padding-top: 2.4rem
}
.pr-24,
.px-24 {
    padding-right: 2.4rem
}
.pb-24,
.py-24 {
    padding-bottom: 2.4rem
}
.pl-24,
.px-24 {
    padding-left: 2.4rem
}
.pt-32,
.py-32 {
    padding-top: 3.2rem
}
.pr-32,
.px-32 {
    padding-right: 3.2rem
}
.pb-32,
.py-32 {
    padding-bottom: 3.2rem
}
.pl-32,
.px-32 {
    padding-left: 3.2rem
}
.gap-8  { gap: .8rem }
.gap-12 { gap: 1.2rem }
.gap-16 { gap: 1.6rem }
.gap-24 { gap: 2.4rem }
.gap-32 { gap: 3.2rem }
.gap-40 { gap: 4rem }
.row-gap-40 { row-gap: 4rem }

.mt-16, .my-16 { margin-top: 1.6rem }
.mr-16, .mx-16 { margin-right: 1.6rem }
.mb-16, .my-16 { margin-bottom: 1.6rem }
.ml-16, .mx-16 { margin-left: 1.6rem }

.mt-40, .my-40 { margin-top: 4rem }
.mr-40, .mx-40 { margin-right: 4rem }
.mb-40, .my-40 { margin-bottom: 4rem }
.ml-40, .mx-40 { margin-left: 4rem }

.mt-48, .my-48 { margin-top: 4.8rem }
.mr-48, .mx-48 { margin-right: 4.8rem }
.mb-48, .my-48 { margin-bottom: 4.8rem }
.ml-48, .mx-48 { margin-left: 4.8rem }

.mt-64, .my-64 { margin-top: 6.4rem }
.mr-64, .mx-64 { margin-right: 6.4rem }
.mb-64, .my-64 { margin-bottom: 6.4rem }
.ml-64, .mx-64 { margin-left: 6.4rem }

.pt-16, .py-16 { padding-top: 1.6rem }
.pr-16, .px-16 { padding-right: 1.6rem }
.pb-16, .py-16 { padding-bottom: 1.6rem }
.pl-16, .px-16 { padding-left: 1.6rem }

.pt-30, .py-30 { padding-top: 3rem }
.pr-30, .px-30 { padding-right: 3rem }
.pb-30, .py-30 { padding-bottom: 3rem }
.pl-30, .px-30 { padding-left: 3rem }

.pt-40, .py-40 { padding-top: 4rem }
.pr-40, .px-40 { padding-right: 4rem }
.pb-40, .py-40 { padding-bottom: 4rem }
.pl-40, .px-40 { padding-left: 4rem }

.pt-48, .py-48 { padding-top: 4.8rem }
.pr-48, .px-48 { padding-right: 4.8rem }
.pb-48, .py-48 { padding-bottom: 4.8rem }
.pl-48, .px-48 { padding-left: 4.8rem }

.pt-60, .py-60 { padding-top: 6rem }
.pr-60, .px-60 { padding-right: 6rem }
.pb-60, .py-60 { padding-bottom: 6rem }
.pl-60, .px-60 { padding-left: 6rem }

.pt-64, .py-64 { padding-top: 6.4rem }
.pr-64, .px-64 { padding-right: 6.4rem }
.pb-64, .py-64 { padding-bottom: 6.4rem }
.pl-64, .px-64 { padding-left: 6.4rem }

.pt-80, .py-80 { padding-top: 8rem }
.pr-80, .px-80 { padding-right: 8rem }
.pb-80, .py-80 { padding-bottom: 8rem }
.pl-80, .px-80 { padding-left: 8rem }

.t-justify, .text-justify {
    text-align: justify
}
.t-left, .text-left {
    text-align: left
}
.t-right, .text-right {
    text-align: right
}
.t-center, .text-center {
    text-align: center
}
.t-lower {
    text-transform: lowercase
}
.t-upper {
    text-transform: uppercase
}
.t-capital {
    text-transform: capitalize
}
.t-underline {
    text-decoration: underline
}