:root,
 [data-bs-theme=light] {
    --bs-black: #000;
    --bs-white: #fff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-body-line-height: 1.15;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-bg: #e9ecef;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-bg: #f8f9fa;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

*,::after,::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height) !important;
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

/*/!-------------------------------------------- */

textarea { resize: vertical; }

/*/!-------------------------------------------- */

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,.container-sm {
        max-width: 540px;
    }
}

@media (min-width:768px) {
    .container,.container-md,.container-sm {
        max-width: 720px;
    }
}

@media (min-width:992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width: 960px;
    }
}

@media (min-width:1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1140px;
    }
}

@media (min-width:1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width: 1320px;
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

/*/!-------------------------------------------- */
.col { flex: 1 0 0% }

.col-1  { flex: 0 0 auto; width: 8.33333333% }
.col-2  { flex: 0 0 auto; width: 16.66666667% }
.col-3  { flex: 0 0 auto; width: 25% }
.col-4  { flex: 0 0 auto; width: 33.33333333% }
.col-5  { flex: 0 0 auto; width: 41.66666667% }
.col-6  { flex: 0 0 auto; width: 50% }
.col-7  { flex: 0 0 auto; width: 58.33333333% }
.col-8  { flex: 0 0 auto; width: 66.66666667% }
.col-9  { flex: 0 0 auto; width: 75% }
.col-10 { flex: 0 0 auto; width: 83.33333333% }
.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-12 { flex: 0 0 auto; width: 100%;}

.offset-1  { margin-left: 8.33333333% }
.offset-2  { margin-left: 16.66666667% }
.offset-3  { margin-left: 25% }
.offset-4  { margin-left: 33.33333333% }
.offset-5  { margin-left: 41.66666667% }
.offset-6  { margin-left: 50% }
.offset-7  { margin-left: 58.33333333% }
.offset-8  { margin-left: 66.66666667% }
.offset-9  { margin-left: 75% }
.offset-10 { margin-left: 83.33333333% }
.offset-11 { margin-left: 91.66666667% }

@media (min-width:576px) {
    .col-sm { flex: 1 0 0% }

    .col-sm-1  { flex: 0 0 auto; width: 8.33333333% }
    .col-sm-2  { flex: 0 0 auto; width: 16.66666667% }
    .col-sm-3  { flex: 0 0 auto; width: 25% }
    .col-sm-4  { flex: 0 0 auto; width: 33.33333333% }
    .col-sm-5  { flex: 0 0 auto; width: 41.66666667% }
    .col-sm-6  { flex: 0 0 auto; width: 50% }
    .col-sm-7  { flex: 0 0 auto; width: 58.33333333% }
    .col-sm-8  { flex: 0 0 auto; width: 66.66666667% }
    .col-sm-9  { flex: 0 0 auto; width: 75% }
    .col-sm-10 { flex: 0 0 auto; width: 83.33333333% }
    .col-sm-11 { flex: 0 0 auto; width: 91.66666667% }
    .col-sm-12 { flex: 0 0 auto; width: 100% }

    .offset-sm-0  { margin-left: 0 }
    .offset-sm-1  { margin-left: 8.33333333% }
    .offset-sm-2  { margin-left: 16.66666667% }
    .offset-sm-3  { margin-left: 25% }
    .offset-sm-4  { margin-left: 33.33333333% }
    .offset-sm-5  { margin-left: 41.66666667% }
    .offset-sm-6  { margin-left: 50% }
    .offset-sm-7  { margin-left: 58.33333333% }
    .offset-sm-8  { margin-left: 66.66666667% }
    .offset-sm-9  { margin-left: 75% }
    .offset-sm-10 { margin-left: 83.33333333% }
    .offset-sm-11 { margin-left: 91.66666667% }
}

@media (min-width:768px) {
    .col-md { flex: 1 0 0% }

    .col-md-1  { flex: 0 0 auto; width: 8.33333333% }
    .col-md-2  { flex: 0 0 auto; width: 16.66666667% }
    .col-md-3  { flex: 0 0 auto; width: 25% }
    .col-md-4  { flex: 0 0 auto; width: 33.33333333% }
    .col-md-5  { flex: 0 0 auto; width: 41.66666667% }
    .col-md-6  { flex: 0 0 auto; width: 50% }
    .col-md-7  { flex: 0 0 auto; width: 58.33333333% }
    .col-md-8  { flex: 0 0 auto; width: 66.66666667% }
    .col-md-9  { flex: 0 0 auto; width: 75% }
    .col-md-10 { flex: 0 0 auto; width: 83.33333333% }
    .col-md-11 { flex: 0 0 auto; width: 91.66666667% }
    .col-md-12 { flex: 0 0 auto; width: 100% }

    .offset-md-0  { margin-left: 0 }
    .offset-md-1  { margin-left: 8.33333333% }
    .offset-md-2  { margin-left: 16.66666667% }
    .offset-md-3  { margin-left: 25% }
    .offset-md-4  { margin-left: 33.33333333% }
    .offset-md-5  { margin-left: 41.66666667% }
    .offset-md-6  { margin-left: 50% }
    .offset-md-7  { margin-left: 58.33333333% }
    .offset-md-8  { margin-left: 66.66666667% }
    .offset-md-9  { margin-left: 75% }
    .offset-md-10 { margin-left: 83.33333333% }
    .offset-md-11 { margin-left: 91.66666667% }
}

@media (min-width:992px) {
    .col-lg { flex: 1 0 0% }

    .col-lg-1  { flex: 0 0 auto; width: 8.33333333% }
	.col-lg-2  { flex: 0 0 auto; width: 16.66666667% }    
	.col-lg-3  { flex: 0 0 auto; width: 25% }    
	.col-lg-4  { flex: 0 0 auto; width: 33.33333333% }    
	.col-lg-5  { flex: 0 0 auto; width: 41.66666667% }    
	.col-lg-6  { flex: 0 0 auto; width: 50% }    
	.col-lg-7  { flex: 0 0 auto; width: 58.33333333% }    
	.col-lg-8  { flex: 0 0 auto; width: 66.66666667% }    
	.col-lg-9  { flex: 0 0 auto; width: 75% }    
	.col-lg-10 { flex: 0 0 auto; width: 83.33333333% }    
	.col-lg-11 { flex: 0 0 auto; width: 91.66666667% }    
	.col-lg-12 { flex: 0 0 auto; width: 100% }    
	
	.offset-lg-0  { margin-left: 0 }
	.offset-lg-1  { margin-left: 8.33333333% }
	.offset-lg-2  { margin-left: 16.66666667% }
	.offset-lg-3  { margin-left: 25% }
	.offset-lg-4  { margin-left: 33.33333333% }
	.offset-lg-5  { margin-left: 41.66666667% }
	.offset-lg-6  { margin-left: 50% }
	.offset-lg-7  { margin-left: 58.33333333% }
	.offset-lg-8  { margin-left: 66.66666667% }
	.offset-lg-9  { margin-left: 75% }
	.offset-lg-10 { margin-left: 83.33333333% }
	.offset-lg-11 { margin-left: 91.66666667% }
}

@media (min-width:1200px) {
    .col-xl { flex: 1 0 0% }
	
	.col-xl-1  { flex: 0 0 auto; width: 8.33333333% }
	.col-xl-2  { flex: 0 0 auto; width: 16.66666667% }
	.col-xl-3  { flex: 0 0 auto; width: 25% }
	.col-xl-4  { flex: 0 0 auto; width: 33.33333333% }
	.col-xl-5  { flex: 0 0 auto; width: 41.66666667% }
	.col-xl-6  { flex: 0 0 auto; width: 50% }
	.col-xl-7  { flex: 0 0 auto; width: 58.33333333% }
	.col-xl-8  { flex: 0 0 auto; width: 66.66666667% }
	.col-xl-9  { flex: 0 0 auto; width: 75% }
	.col-xl-10 { flex: 0 0 auto; width: 83.33333333% }
	.col-xl-11 { flex: 0 0 auto; width: 91.66666667% }
	.col-xl-12 { flex: 0 0 auto; width: 100% }

	.offset-xl-0  { margin-left: 0 }
	.offset-xl-1  { margin-left: 8.33333333% }
	.offset-xl-2  { margin-left: 16.66666667% }
	.offset-xl-3  { margin-left: 25% }
	.offset-xl-4  { margin-left: 33.33333333% }
	.offset-xl-5  { margin-left: 41.66666667% }
	.offset-xl-6  { margin-left: 50% }
	.offset-xl-7  { margin-left: 58.33333333% }
	.offset-xl-8  { margin-left: 66.66666667% }
	.offset-xl-9  { margin-left: 75% }
	.offset-xl-10 { margin-left: 83.33333333% }
	.offset-xl-11 { margin-left: 91.66666667% }
}

@media (min-width:1400px) {
    .col-xxl { flex: 1 0 0% }
	
	.col-xxl-1  { flex: 0 0 auto; width: 8.33333333% }
	.col-xxl-2  { flex: 0 0 auto; width: 16.66666667% }
	.col-xxl-3  { flex: 0 0 auto; width: 25% }
	.col-xxl-4  { flex: 0 0 auto; width: 33.33333333% }
	.col-xxl-5  { flex: 0 0 auto; width: 41.66666667% }
	.col-xxl-6  { flex: 0 0 auto; width: 50% }
	.col-xxl-7  { flex: 0 0 auto; width: 58.33333333% }
	.col-xxl-8  { flex: 0 0 auto; width: 66.66666667% }
	.col-xxl-9  { flex: 0 0 auto; width: 75% }
	.col-xxl-10 { flex: 0 0 auto; width: 83.33333333% }
	.col-xxl-11 { flex: 0 0 auto; width: 91.66666667% }
	.col-xxl-12 { flex: 0 0 auto; width: 100% }
	
	.offset-xxl-0  { margin-left: 0 }
	.offset-xxl-1  { margin-left: 8.33333333% }
	.offset-xxl-2  { margin-left: 16.66666667% }
	.offset-xxl-3  { margin-left: 25% }
	.offset-xxl-4  { margin-left: 33.33333333% }
	.offset-xxl-5  { margin-left: 41.66666667% }
	.offset-xxl-6  { margin-left: 50%;    }  
	.offset-xxl-7  { margin-left: 58.33333333% }
	.offset-xxl-8  { margin-left: 66.66666667% }
	.offset-xxl-9  { margin-left: 75% }
	.offset-xxl-10 { margin-left: 83.33333333% }
	.offset-xxl-11 { margin-left: 91.66666667% }
}

/*/!-------------------------------------------- */

.m-0 { margin: 0 !important }
.m-1 { margin: .25rem !important }
.m-2 { margin: .5rem !important }
.m-3 { margin: 1rem !important }
.m-4 { margin: 1.5rem !important }
.m-5 { margin: 3rem !important }

.mx-0 { margin-right: 0 !important;      margin-left: 0 !important }
.mx-1 { margin-right: .25rem !important; margin-left: .25rem !important }
.mx-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
.mx-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
.mx-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

.my-0 { margin-top: 0 !important;      margin-bottom: 0 !important }
.my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important }
.my-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important }
.my-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important }
.my-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important }

.mt-0 { margin-top: 0 !important }
.mt-1 { margin-top: .25rem !important }
.mt-2 { margin-top: .5rem !important }
.mt-3 { margin-top: 1rem !important }
.mt-4 { margin-top: 1.5rem !important }
.mt-5 { margin-top: 3rem !important }

.me-0 { margin-right: 0 !important }
.me-1 { margin-right: .25rem !important }
.me-2 { margin-right: .5rem !important }
.me-3 { margin-right: 1rem !important }
.me-4 { margin-right: 1.5rem !important }
.me-5 { margin-right: 3rem !important }

.mb-0 { margin-bottom: 0 !important }
.mb-1 { margin-bottom: .25rem !important }
.mb-2 { margin-bottom: .5rem !important }
.mb-3 { margin-bottom: 1rem !important }
.mb-4 { margin-bottom: 1.5rem !important }
.mb-5 { margin-bottom: 3rem !important }

.ms-0 { margin-left: 0 !important }
.ms-1 { margin-left: .25rem !important }
.ms-2 { margin-left: .5rem !important }
.ms-3 { margin-left: 1rem !important }
.ms-4 { margin-left: 1.5rem !important }
.ms-5 { margin-left: 3rem !important }

/*/!-------------------------------------------- */

.p-0 { padding: 0 !important }
.p-1 { padding: .25rem !important }
.p-2 { padding: .5rem !important }
.p-3 { padding: 1rem !important }
.p-4 { padding: 1.5rem !important }
.p-5 { padding: 3rem !important }

.px-0 { padding-right: 0 !important;      padding-left: 0 !important }
.px-1 { padding-right: .25rem !important; padding-left: .25rem !important }
.px-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
.px-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
.px-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

.py-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
.py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
.py-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
.py-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
.py-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

.pt-0 { padding-top: 0 !important }
.pt-1 { padding-top: .25rem !important }
.pt-2 { padding-top: .5rem !important }
.pt-3 { padding-top: 1rem !important }
.pt-4 { padding-top: 1.5rem !important }
.pt-5 { padding-top: 3rem !important }

.pe-0 { padding-right: 0 !important }
.pe-1 { padding-right: .25rem !important }
.pe-2 { padding-right: .5rem !important }
.pe-3 { padding-right: 1rem !important }
.pe-4 { padding-right: 1.5rem !important }
.pe-5 { padding-right: 3rem !important }

.pb-0 { padding-bottom: 0 !important }
.pb-1 { padding-bottom: .25rem !important }
.pb-2 { padding-bottom: .5rem !important }
.pb-3 { padding-bottom: 1rem !important }
.pb-4 { padding-bottom: 1.5rem !important }
.pb-5 { padding-bottom: 3rem !important }

.ps-0 { padding-left: 0 !important }
.ps-1 { padding-left: .25rem !important }
.ps-2 { padding-left: .5rem !important }
.ps-3 { padding-left: 1rem !important }
.ps-4 { padding-left: 1.5rem !important }
.ps-5 { padding-left: 3rem !important }

/*/!-------------------------------------------- */

.text-start  { text-align: left !important }
.text-end    { text-align: right !important }
.text-center { text-align: center !important }

.text-decoration-none { text-decoration: none !important }
.text-decoration-underline { text-decoration: underline !important }
.text-uppercase { text-transform: uppercase !important }
.text-break { word-wrap: break-word !important; word-break: break-word !important }

/*/!-------------------------------------------- */

.z-0 { z-index: 0 !important }
.z-1 { z-index: 1 !important }
.z-2 { z-index: 2 !important }
.z-3 { z-index: 3 !important }

/*/!-------------------------------------------- */

@media (min-width:576px) {
    .position-sm-absolute { position: absolute !important }

    .d-sm-block { display: block !important }
    .d-sm-flex  { display: flex !important }
    .d-sm-none  { display: none !important }

    .flex-sm-row    { flex-direction: row !important }
    .flex-sm-column { flex-direction: column !important }

    .flex-sm-wrap   { flex-wrap: wrap !important }
    .flex-sm-nowrap { flex-wrap: nowrap !important }

    .justify-content-sm-start   { justify-content: flex-start !important }
    .justify-content-sm-end     { justify-content: flex-end !important }
    .justify-content-sm-center  { justify-content: center !important }
    .justify-content-sm-between { justify-content: space-between !important }
    .justify-content-sm-around  { justify-content: space-around !important }

    .align-items-sm-start  { align-items: flex-start !important }
    .align-items-sm-end    { align-items: flex-end !important }
    .align-items-sm-center { align-items: center !important }

    .align-content-sm-start   { align-content: flex-start !important }
    .align-content-sm-end     { align-content: flex-end !important }
    .align-content-sm-center  { align-content: center !important }
    .align-content-sm-between { align-content: space-between !important }
    .align-content-sm-around  { align-content: space-around !important }

    .order-sm-first { order: -1 !important }
    .order-sm-0     { order:  0 !important }
    .order-sm-1     { order:  1 !important }
    .order-sm-2     { order:  2 !important }
    .order-sm-3     { order:  3 !important }
    .order-sm-4     { order:  4 !important }
    .order-sm-5     { order:  5 !important }
    .order-sm-last  { order:  6 !important }

    .m-sm-0 { margin: 0 !important }
    .m-sm-1 { margin: .25rem !important }
    .m-sm-2 { margin: .5rem !important }
    .m-sm-3 { margin: 1rem !important }
    .m-sm-4 { margin: 1.5rem !important }
    .m-sm-5 { margin: 3rem !important }

    .mx-sm-0 { margin-right: 0 !important;      margin-left: 0 !important }
    .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important }
    .mx-sm-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
    .mx-sm-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
    .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
    .mx-sm-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

    .my-sm-0 { margin-top: 0 !important;      margin-bottom: 0 !important;    }
    .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important;    }
    .my-sm-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important;    }
    .my-sm-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important;    }
    .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;    }
    .my-sm-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important;    }

    .mt-sm-0 { margin-top: 0 !important }
    .mt-sm-1 { margin-top: .25rem !important }
    .mt-sm-2 { margin-top: .5rem !important }
    .mt-sm-3 { margin-top: 1rem !important }
    .mt-sm-4 { margin-top: 1.5rem !important }
    .mt-sm-5 { margin-top: 3rem !important }

    .me-sm-0 { margin-right: 0 !important }
    .me-sm-1 { margin-right: .25rem !important }
    .me-sm-2 { margin-right: .5rem !important }
    .me-sm-3 { margin-right: 1rem !important }
    .me-sm-4 { margin-right: 1.5rem !important }
    .me-sm-5 { margin-right: 3rem !important }
    
    .mb-sm-0 { margin-bottom: 0 !important }
    .mb-sm-1 { margin-bottom: .25rem !important }
    .mb-sm-2 { margin-bottom: .5rem !important }
    .mb-sm-3 { margin-bottom: 1rem !important }
    .mb-sm-4 { margin-bottom: 1.5rem !important }
    .mb-sm-5 { margin-bottom: 3rem !important }
    
    .ms-sm-0 { margin-left: 0 !important }
    .ms-sm-1 { margin-left: .25rem !important }
    .ms-sm-2 { margin-left: .5rem !important }
    .ms-sm-3 { margin-left: 1rem !important }
    .ms-sm-4 { margin-left: 1.5rem !important }
    .ms-sm-5 { margin-left: 3rem !important }

    .p-sm-0 { padding: 0 !important }
    .p-sm-1 { padding: .25rem !important }
    .p-sm-2 { padding: .5rem !important }
    .p-sm-3 { padding: 1rem !important }
    .p-sm-4 { padding: 1.5rem !important }
    .p-sm-5 { padding: 3rem !important }

    .px-sm-0 { padding-right: 0 !important;      padding-left: 0 !important }
    .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important }
    .px-sm-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
    .px-sm-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
    .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
    .px-sm-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

    .py-sm-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
    .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
    .py-sm-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
    .py-sm-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
    .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .py-sm-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

    .pt-sm-0 { padding-top: 0 !important }
    .pt-sm-1 { padding-top: .25rem !important }
    .pt-sm-2 { padding-top: .5rem !important }
    .pt-sm-3 { padding-top: 1rem !important }
    .pt-sm-4 { padding-top: 1.5rem !important }
    .pt-sm-5 { padding-top: 3rem !important }
    
    .pe-sm-0 { padding-right: 0 !important }
    .pe-sm-1 { padding-right: .25rem !important }
    .pe-sm-2 { padding-right: .5rem !important }
    .pe-sm-3 { padding-right: 1rem !important }
    .pe-sm-4 { padding-right: 1.5rem !important }
    .pe-sm-5 { padding-right: 3rem !important }
    
    .pb-sm-0 { padding-bottom: 0 !important }
    .pb-sm-1 { padding-bottom: .25rem !important }
    .pb-sm-2 { padding-bottom: .5rem !important }
    .pb-sm-3 { padding-bottom: 1rem !important }
    .pb-sm-4 { padding-bottom: 1.5rem !important }
    .pb-sm-5 { padding-bottom: 3rem !important }
    
    .ps-sm-0 { padding-left: 0 !important }
    .ps-sm-1 { padding-left: .25rem !important }
    .ps-sm-2 { padding-left: .5rem !important }
    .ps-sm-3 { padding-left: 1rem !important }
    .ps-sm-4 { padding-left: 1.5rem !important }
    .ps-sm-5 { padding-left: 3rem !important }

    .text-sm-start  { text-align: left !important }
    .text-sm-end    { text-align: right !important }
    .text-sm-center { text-align: center !important }
}

@media (min-width:768px) {
    .d-md-block { display: block !important }
    .d-md-flex  { display: flex !important }
    .d-md-none  { display: none !important }

    .flex-md-row    { flex-direction: row !important }
    .flex-md-column { flex-direction: column !important }

    .flex-md-wrap   { flex-wrap: wrap !important }
    .flex-md-nowrap { flex-wrap: nowrap !important }

    .justify-content-md-start   { justify-content: flex-start !important }
    .justify-content-md-end     { justify-content: flex-end !important }
    .justify-content-md-center  { justify-content: center !important }
    .justify-content-md-between { justify-content: space-between !important }
    .justify-content-md-around  { justify-content: space-around !important }

    .align-items-md-start  { align-items: flex-start !important }
    .align-items-md-end    { align-items: flex-end !important }
    .align-items-md-center { align-items: center !important }

    .align-content-md-start   { align-content: flex-start !important }
    .align-content-md-end     { align-content: flex-end !important }
    .align-content-md-center  { align-content: center !important }
    .align-content-md-between { align-content: space-between !important }
    .align-content-md-around  { align-content: space-around !important }

    .order-md-first { order: -1 !important }
    .order-md-0     { order: 0 !important }
    .order-md-1     { order: 1 !important }
    .order-md-2     { order: 2 !important }
    .order-md-3     { order: 3 !important }
    .order-md-4     { order: 4 !important }
    .order-md-5     { order: 5 !important }
    .order-md-last  { order: 6 !important }

    .m-md-0 { margin: 0 !important }
    .m-md-1 { margin: .25rem !important }
    .m-md-2 { margin: .5rem !important }
    .m-md-3 { margin: 1rem !important }
    .m-md-4 { margin: 1.5rem !important }
    .m-md-5 { margin: 3rem !important }

    .mx-md-0 { margin-right: 0 !important;      margin-left: 0 !important }
    .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important }
    .mx-md-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
    .mx-md-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
    .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
    .mx-md-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

    .my-md-0 { margin-top: 0 !important;      margin-bottom: 0 !important;    }
    .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important;    }
    .my-md-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important;    }
    .my-md-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important;    }
    .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;    }
    .my-md-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important;    }

    .mt-md-0 { margin-top: 0 !important }
    .mt-md-1 { margin-top: .25rem !important }
    .mt-md-2 { margin-top: .5rem !important }
    .mt-md-3 { margin-top: 1rem !important }
    .mt-md-4 { margin-top: 1.5rem !important }
    .mt-md-5 { margin-top: 3rem !important }

    .me-md-0 { margin-right: 0 !important }
    .me-md-1 { margin-right: .25rem !important }
    .me-md-2 { margin-right: .5rem !important }
    .me-md-3 { margin-right: 1rem !important }
    .me-md-4 { margin-right: 1.5rem !important }
    .me-md-5 { margin-right: 3rem !important }
    
    .mb-md-0 { margin-bottom: 0 !important }
    .mb-md-1 { margin-bottom: .25rem !important }
    .mb-md-2 { margin-bottom: .5rem !important }
    .mb-md-3 { margin-bottom: 1rem !important }
    .mb-md-4 { margin-bottom: 1.5rem !important }
    .mb-md-5 { margin-bottom: 3rem !important }
    
    .ms-md-0 { margin-left: 0 !important }
    .ms-md-1 { margin-left: .25rem !important }
    .ms-md-2 { margin-left: .5rem !important }
    .ms-md-3 { margin-left: 1rem !important }
    .ms-md-4 { margin-left: 1.5rem !important }
    .ms-md-5 { margin-left: 3rem !important }

    .p-md-0 { padding: 0 !important }
    .p-md-1 { padding: .25rem !important }
    .p-md-2 { padding: .5rem !important }
    .p-md-3 { padding: 1rem !important }
    .p-md-4 { padding: 1.5rem !important }
    .p-md-5 { padding: 3rem !important }

    .px-md-0 { padding-right: 0 !important;      padding-left: 0 !important }
    .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important }
    .px-md-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
    .px-md-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
    .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
    .px-md-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

    .py-md-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
    .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
    .py-md-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
    .py-md-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
    .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .py-md-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

    .pt-md-0 { padding-top: 0 !important }
    .pt-md-1 { padding-top: .25rem !important }
    .pt-md-2 { padding-top: .5rem !important }
    .pt-md-3 { padding-top: 1rem !important }
    .pt-md-4 { padding-top: 1.5rem !important }
    .pt-md-5 { padding-top: 3rem !important }
    
    .pe-md-0 { padding-right: 0 !important }
    .pe-md-1 { padding-right: .25rem !important }
    .pe-md-2 { padding-right: .5rem !important }
    .pe-md-3 { padding-right: 1rem !important }
    .pe-md-4 { padding-right: 1.5rem !important }
    .pe-md-5 { padding-right: 3rem !important }
    
    .pb-md-0 { padding-bottom: 0 !important }
    .pb-md-1 { padding-bottom: .25rem !important }
    .pb-md-2 { padding-bottom: .5rem !important }
    .pb-md-3 { padding-bottom: 1rem !important }
    .pb-md-4 { padding-bottom: 1.5rem !important }
    .pb-md-5 { padding-bottom: 3rem !important }
    
    .ps-md-0 { padding-left: 0 !important }
    .ps-md-1 { padding-left: .25rem !important }
    .ps-md-2 { padding-left: .5rem !important }
    .ps-md-3 { padding-left: 1rem !important }
    .ps-md-4 { padding-left: 1.5rem !important }
    .ps-md-5 { padding-left: 3rem !important }

    .text-md-start  { text-align: left !important }
    .text-md-end    { text-align: right !important }
    .text-md-center { text-align: center !important }
}

@media (min-width:992px) {
    .d-lg-block { display: block !important }
    .d-lg-flex  { display: flex !important }
    .d-lg-none  { display: none !important }

    .flex-lg-row    { flex-direction: row !important }
    .flex-lg-column { flex-direction: column !important }

    .flex-lg-wrap   { flex-wrap: wrap !important }
    .flex-lg-nowrap { flex-wrap: nowrap !important }

    .justify-content-lg-start   { justify-content: flex-start !important }
    .justify-content-lg-end     { justify-content: flex-end !important }
    .justify-content-lg-center  { justify-content: center !important }
    .justify-content-lg-between { justify-content: space-between !important }
    .justify-content-lg-around  { justify-content: space-around !important }

    .align-items-lg-start  { align-items: flex-start !important }
    .align-items-lg-end    { align-items: flex-end !important }
    .align-items-lg-center { align-items: center !important }

    .align-content-lg-start   { align-content: flex-start !important }
    .align-content-lg-end     { align-content: flex-end !important }
    .align-content-lg-center  { align-content: center !important }
    .align-content-lg-between { align-content: space-between !important }
    .align-content-lg-around  { align-content: space-around !important }

    .order-lg-first { order: -1 !important }
    .order-lg-0     { order: 0 !important }
    .order-lg-1     { order: 1 !important }
    .order-lg-2     { order: 2 !important }
    .order-lg-3     { order: 3 !important }
    .order-lg-4     { order: 4 !important }
    .order-lg-5     { order: 5 !important }
    .order-lg-last  { order: 6 !important }

    .m-lg-0 { margin: 0 !important }
    .m-lg-1 { margin: .25rem !important }
    .m-lg-2 { margin: .5rem !important }
    .m-lg-3 { margin: 1rem !important }
    .m-lg-4 { margin: 1.5rem !important }
    .m-lg-5 { margin: 3rem !important }

    .mx-lg-0 { margin-right: 0 !important;      margin-left: 0 !important }
    .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important }
    .mx-lg-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
    .mx-lg-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
    .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
    .mx-lg-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

    .my-lg-0 { margin-top: 0 !important;      margin-bottom: 0 !important;    }
    .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important;    }
    .my-lg-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important;    }
    .my-lg-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important;    }
    .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;    }
    .my-lg-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important;    }

    .mt-lg-0 { margin-top: 0 !important }
    .mt-lg-1 { margin-top: .25rem !important }
    .mt-lg-2 { margin-top: .5rem !important }
    .mt-lg-3 { margin-top: 1rem !important }
    .mt-lg-4 { margin-top: 1.5rem !important }
    .mt-lg-5 { margin-top: 3rem !important }

    .mb-lg-0 { margin-bottom: 0 !important }
    .mb-lg-1 { margin-bottom: .25rem !important }
    .mb-lg-2 { margin-bottom: .5rem !important }
    .mb-lg-3 { margin-bottom: 1rem !important }
    .mb-lg-4 { margin-bottom: 1.5rem !important }
    .mb-lg-5 { margin-bottom: 3rem !important }

    .ms-lg-2 { margin-left: .5rem !important }

    .p-lg-0 { padding: 0 !important }
    .p-lg-1 { padding: .25rem !important }
    .p-lg-2 { padding: .5rem !important }
    .p-lg-3 { padding: 1rem !important }
    .p-lg-4 { padding: 1.5rem !important }
    .p-lg-5 { padding: 3rem !important }

    .px-lg-0 { padding-right: 0 !important;      padding-left: 0 !important }
    .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important }
    .px-lg-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
    .px-lg-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
    .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
    .px-lg-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

    .py-lg-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
    .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
    .py-lg-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
    .py-lg-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
    .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .py-lg-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

    .pt-lg-0 { padding-top: 0 !important }
    .pt-lg-1 { padding-top: .25rem !important }
    .pt-lg-2 { padding-top: .5rem !important }
    .pt-lg-3 { padding-top: 1rem !important }
    .pt-lg-4 { padding-top: 1.5rem !important }
    .pt-lg-5 { padding-top: 3rem !important }
    
    .pe-lg-0 { padding-right: 0 !important }
    .pe-lg-1 { padding-right: .25rem !important }
    .pe-lg-2 { padding-right: .5rem !important }
    .pe-lg-3 { padding-right: 1rem !important }
    .pe-lg-4 { padding-right: 1.5rem !important }
    .pe-lg-5 { padding-right: 3rem !important }
    
    .pb-lg-0 { padding-bottom: 0 !important }
    .pb-lg-1 { padding-bottom: .25rem !important }
    .pb-lg-2 { padding-bottom: .5rem !important }
    .pb-lg-3 { padding-bottom: 1rem !important }
    .pb-lg-4 { padding-bottom: 1.5rem !important }
    .pb-lg-5 { padding-bottom: 3rem !important }
    
    .ps-lg-0 { padding-left: 0 !important }
    .ps-lg-1 { padding-left: .25rem !important }
    .ps-lg-2 { padding-left: .5rem !important }
    .ps-lg-3 { padding-left: 1rem !important }
    .ps-lg-4 { padding-left: 1.5rem !important }
    .ps-lg-5 { padding-left: 3rem !important }

    .text-lg-start  { text-align: left !important }
    .text-lg-end    { text-align: right !important }
    .text-lg-center { text-align: center !important }
}

@media (min-width:1200px) {
    .d-xl-block { display: block !important }
    .d-xl-flex  { display: flex !important }
    .d-xl-none  { display: none !important }

    .flex-xl-row    { flex-direction: row !important }
    .flex-xl-column { flex-direction: column !important }

    .flex-xl-wrap   { flex-wrap: wrap !important }
    .flex-xl-nowrap { flex-wrap: nowrap !important }

    .justify-content-xl-start   { justify-content: flex-start !important }
    .justify-content-xl-end     { justify-content: flex-end !important }
    .justify-content-xl-center  { justify-content: center !important }
    .justify-content-xl-between { justify-content: space-between !important }
    .justify-content-xl-around  { justify-content: space-around !important }

    .align-items-xl-start  { align-items: flex-start !important }
    .align-items-xl-end    { align-items: flex-end !important }
    .align-items-xl-center { align-items: center !important }

    .align-content-xl-start   { align-content: flex-start !important }
    .align-content-xl-end     { align-content: flex-end !important }
    .align-content-xl-center  { align-content: center !important }
    .align-content-xl-between { align-content: space-between !important }
    .align-content-xl-around  { align-content: space-around !important }

    .order-xl-first { order: -1 !important }
    .order-xl-0     { order: 0 !important }
    .order-xl-1     { order: 1 !important }
    .order-xl-2     { order: 2 !important }
    .order-xl-3     { order: 3 !important }
    .order-xl-4     { order: 4 !important }
    .order-xl-5     { order: 5 !important }
    .order-xl-last  { order: 6 !important }

    .m-xl-0 { margin: 0 !important }
    .m-xl-1 { margin: .25rem !important }
    .m-xl-2 { margin: .5rem !important }
    .m-xl-3 { margin: 1rem !important }
    .m-xl-4 { margin: 1.5rem !important }
    .m-xl-5 { margin: 3rem !important }

    .mx-xl-0 { margin-right: 0 !important;      margin-left: 0 !important }
    .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important }
    .mx-xl-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
    .mx-xl-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
    .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
    .mx-xl-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

    .my-xl-0 { margin-top: 0 !important;      margin-bottom: 0 !important;    }
    .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important;    }
    .my-xl-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important;    }
    .my-xl-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important;    }
    .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;    }
    .my-xl-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important;    }

    .mt-xl-0 { margin-top: 0 !important }
    .mt-xl-1 { margin-top: .25rem !important }
    .mt-xl-2 { margin-top: .5rem !important }
    .mt-xl-3 { margin-top: 1rem !important }
    .mt-xl-4 { margin-top: 1.5rem !important }
    .mt-xl-5 { margin-top: 3rem !important }

    .mb-xl-0 { margin-bottom: 0 !important }
    .mb-xl-1 { margin-bottom: .25rem !important }
    .mb-xl-2 { margin-bottom: .5rem !important }
    .mb-xl-3 { margin-bottom: 1rem !important }
    .mb-xl-4 { margin-bottom: 1.5rem !important }
    .mb-xl-5 { margin-bottom: 3rem !important }

    .p-xl-0 { padding: 0 !important }
    .p-xl-1 { padding: .25rem !important }
    .p-xl-2 { padding: .5rem !important }
    .p-xl-3 { padding: 1rem !important }
    .p-xl-4 { padding: 1.5rem !important }
    .p-xl-5 { padding: 3rem !important }

    .px-xl-0 { padding-right: 0 !important;      padding-left: 0 !important }
    .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important }
    .px-xl-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
    .px-xl-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
    .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
    .px-xl-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

    .py-xl-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
    .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
    .py-xl-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
    .py-xl-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
    .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .py-xl-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

    .pt-xl-0 { padding-top: 0 !important }
    .pt-xl-1 { padding-top: .25rem !important }
    .pt-xl-2 { padding-top: .5rem !important }
    .pt-xl-3 { padding-top: 1rem !important }
    .pt-xl-4 { padding-top: 1.5rem !important }
    .pt-xl-5 { padding-top: 3rem !important }
    
    .pe-xl-0 { padding-right: 0 !important }
    .pe-xl-1 { padding-right: .25rem !important }
    .pe-xl-2 { padding-right: .5rem !important }
    .pe-xl-3 { padding-right: 1rem !important }
    .pe-xl-4 { padding-right: 1.5rem !important }
    .pe-xl-5 { padding-right: 3rem !important }
    
    .pb-xl-0 { padding-bottom: 0 !important }
    .pb-xl-1 { padding-bottom: .25rem !important }
    .pb-xl-2 { padding-bottom: .5rem !important }
    .pb-xl-3 { padding-bottom: 1rem !important }
    .pb-xl-4 { padding-bottom: 1.5rem !important }
    .pb-xl-5 { padding-bottom: 3rem !important }
    
    .ps-xl-0 { padding-left: 0 !important }
    .ps-xl-1 { padding-left: .25rem !important }
    .ps-xl-2 { padding-left: .5rem !important }
    .ps-xl-3 { padding-left: 1rem !important }
    .ps-xl-4 { padding-left: 1.5rem !important }
    .ps-xl-5 { padding-left: 3rem !important }

    .text-xl-start  { text-align: left !important }
    .text-xl-end    { text-align: right !important }
    .text-xl-center { text-align: center !important }
}

@media (min-width:1400px) {
    .d-xxl-block { display: block !important }
    .d-xxl-flex  { display: flex !important }
    .d-xxl-none  { display: none !important }

    .flex-xxl-row    { flex-direction: row !important }
    .flex-xxl-column { flex-direction: column !important }

    .flex-xxl-wrap   { flex-wrap: wrap !important }
    .flex-xxl-nowrap { flex-wrap: nowrap !important }

    .justify-content-xxl-start   { justify-content: flex-start !important }
    .justify-content-xxl-end     { justify-content: flex-end !important }
    .justify-content-xxl-center  { justify-content: center !important }
    .justify-content-xxl-between { justify-content: space-between !important }
    .justify-content-xxl-around  { justify-content: space-around !important }

    .align-items-xxl-start  { align-items: flex-start !important }
    .align-items-xxl-end    { align-items: flex-end !important }
    .align-items-xxl-center { align-items: center !important }

    .align-content-xxl-start   { align-content: flex-start !important }
    .align-content-xxl-end     { align-content: flex-end !important }
    .align-content-xxl-center  { align-content: center !important }
    .align-content-xxl-between { align-content: space-between !important }
    .align-content-xxl-around  { align-content: space-around !important }

    .order-xxl-first { order: -1 !important }
    .order-xxl-0     { order: 0 !important }
    .order-xxl-1     { order: 1 !important }
    .order-xxl-2     { order: 2 !important }
    .order-xxl-3     { order: 3 !important }
    .order-xxl-4     { order: 4 !important }
    .order-xxl-5     { order: 5 !important }
    .order-xxl-last  { order: 6 !important }

    .m-xxl-0 { margin: 0 !important }
    .m-xxl-1 { margin: .25rem !important }
    .m-xxl-2 { margin: .5rem !important }
    .m-xxl-3 { margin: 1rem !important }
    .m-xxl-4 { margin: 1.5rem !important }
    .m-xxl-5 { margin: 3rem !important }

    .mx-xxl-0 { margin-right: 0 !important;      margin-left: 0 !important }
    .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important }
    .mx-xxl-2 { margin-right: .5rem !important;  margin-left: .5rem !important }
    .mx-xxl-3 { margin-right: 1rem !important;   margin-left: 1rem !important }
    .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important }
    .mx-xxl-5 { margin-right: 3rem !important;   margin-left: 3rem !important }

    .my-xxl-0 { margin-top: 0 !important;      margin-bottom: 0 !important }
    .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important }
    .my-xxl-2 { margin-top: .5rem !important;  margin-bottom: .5rem !important }
    .my-xxl-3 { margin-top: 1rem !important;   margin-bottom: 1rem !important }
    .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important }
    .my-xxl-5 { margin-top: 3rem !important;   margin-bottom: 3rem !important }

    .mt-xxl-0 { margin-top: 0 !important }
    .mt-xxl-1 { margin-top: .25rem !important }
    .mt-xxl-2 { margin-top: .5rem !important }
    .mt-xxl-3 { margin-top: 1rem !important }
    .mt-xxl-4 { margin-top: 1.5rem !important }
    .mt-xxl-5 { margin-top: 3rem !important }

    .mb-xxl-0 { margin-bottom: 0 !important }
    .mb-xxl-1 { margin-bottom: .25rem !important }
    .mb-xxl-2 { margin-bottom: .5rem !important }
    .mb-xxl-3 { margin-bottom: 1rem !important }
    .mb-xxl-4 { margin-bottom: 1.5rem !important }
    .mb-xxl-5 { margin-bottom: 3rem !important }

    .p-xxl-0 { padding: 0 !important }
    .p-xxl-1 { padding: .25rem !important }
    .p-xxl-2 { padding: .5rem !important }
    .p-xxl-3 { padding: 1rem !important }
    .p-xxl-4 { padding: 1.5rem !important }
    .p-xxl-5 { padding: 3rem !important }

    .px-xxl-0 { padding-right: 0 !important;      padding-left: 0 !important }
    .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important }
    .px-xxl-2 { padding-right: .5rem !important;  padding-left: .5rem !important }
    .px-xxl-3 { padding-right: 1rem !important;   padding-left: 1rem !important }
    .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important }
    .px-xxl-5 { padding-right: 3rem !important;   padding-left: 3rem !important }

    .py-xxl-0 { padding-top: 0 !important;      padding-bottom: 0 !important }
    .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important }
    .py-xxl-2 { padding-top: .5rem !important;  padding-bottom: .5rem !important }
    .py-xxl-3 { padding-top: 1rem !important;   padding-bottom: 1rem !important }
    .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .py-xxl-5 { padding-top: 3rem !important;   padding-bottom: 3rem !important }

    .pt-xxl-0 { padding-top: 0 !important }
    .pt-xxl-1 { padding-top: .25rem !important }
    .pt-xxl-2 { padding-top: .5rem !important }
    .pt-xxl-3 { padding-top: 1rem !important }
    .pt-xxl-4 { padding-top: 1.5rem !important }
    .pt-xxl-5 { padding-top: 3rem !important }
    
    .pb-xxl-0 { padding-bottom: 0 !important }
    .pb-xxl-1 { padding-bottom: .25rem !important }
    .pb-xxl-2 { padding-bottom: .5rem !important }
    .pb-xxl-3 { padding-bottom: 1rem !important }
    .pb-xxl-4 { padding-bottom: 1.5rem !important }
    .pb-xxl-5 { padding-bottom: 3rem !important }

    .ps-xxl-2 { padding-left: .5rem !important }

    .text-xxl-start  { text-align: left !important }
    .text-xxl-end    { text-align: right !important }
    .text-xxl-center { text-align: center !important }
}