/*
    PURPOSE: To provide general/non-specific classes that can be leveraged by all classes
    without change and using naming conventions based off bootstrap naming conventions when possible.

    CONTENTS:
        -Margin: 6 & half-sizes
        -Padding: 6 & half-sizes
        -Width: percentages
        -Gutters: 6 & half-sizes
        -Gap: 6 & half-sizes
        -Row Gap: 6 & half-sizes
        -Column Gap: 6 & half-sizes
        -Line Height
        -CSS Grid
        -Column Count
        -Print
        -Background Shapes
        - Absolute positioning
            - Start: 1-10 % by 1% & 10% - 100% by %
            - Translate

    NOTE: All content includes breakpoints small (sm) - extra large (xl)
*/

/*#region --------------Margin---------------*/
.m-1-5,
.my-1-5,
.mt-1-5 {
    margin-top: .375rem !important;
}

.m-1-5,
.mx-1-5,
.me-1-5 {
    margin-right: .375rem !important;
}

.m-1-5,
.my-1-5,
.mb-1-5 {
    margin-bottom: .375rem !important;
}

.m-1-5,
.mx-1-5,
.ms-1-5 {
    margin-left: .375rem !important;
}

.m-2-5,
.my-2-5,
.mt-2-5 {
    margin-top: .75rem !important;
}

.m-2-5,
.mx-2-5,
.me-2-5 {
    margin-right: .75rem !important;
}

.m-2-5,
.my-2-5,
.mb-2-5 {
    margin-bottom: .75rem !important;
}

.m-2-5,
.mx-2-5,
.ms-2-5 {
    margin-left: .75rem !important;
}

.m-3-5,
.my-3-5,
.mt-3-5 {
    margin-top: 1.25rem !important;
}

.m-3-5,
.mx-3-5,
.me-3-5 {
    margin-right: 1.25rem !important;
}

.m-3-5,
.my-3-5,
.mb-3-5 {
    margin-bottom: 1.25rem !important;
}

.m-3-5,
.mx-3-5,
.ms-3-5 {
    margin-left: 1.25rem !important;
}

.m-4-5,
.my-4-5,
.mt-4-5 {
    margin-top: 2rem !important;
}

.m-4-5,
.mx-4-5,
.me-4-5 {
    margin-right: 2rem !important;
}

.m-4-5,
.my-4-5,
.mb-4-5 {
    margin-bottom: 2rem !important;
}

.m-4-5,
.mx-4-5,
.ms-4-5 {
    margin-left: 2rem !important;
}

.m-5-5,
.my-5-5,
.mt-5-5 {
    margin-top: 3.5rem !important;
}

.m-5-5,
.mx-5-5,
.me-5-5 {
    margin-right: 3.5rem !important;
}

.m-5-5,
.my-5-5,
.mb-5-5 {
    margin-bottom: 3.5rem !important;
}

.m-5-5,
.mx-5-5,
.ms-5-5 {
    margin-left: 3.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important;
}

.mt-6,
.my-6 {
    margin-top: 4rem !important;
}

.me-6,
.mx-6 {
    margin-right: 4rem !important;
}

.ms-6,
.mx-6 {
    margin-left: 4rem !important;
}

.m-6-5,
.my-6-5,
.mt-6-5 {
    margin-top: 4.5rem !important;
}

.m-6-5,
.mx-6-5,
.me-6-5 {
    margin-right: 4.5rem !important;
}

.m-6-5,
.my-6-5,
.mb-6-5 {
    margin-bottom: 4.5rem !important;
}

.m-6-5,
.mx-6-5,
.ms-6-5 {
    margin-left: 4.5rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important;
}

.mt-7,
.my-7 {
    margin-top: 5rem !important;
}

.me-7,
.mx-7 {
    margin-right: 5rem !important;
}

.ms-7,
.mx-7 {
    margin-left: 5rem !important;
}

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .m-sm-1-5,
    .my-sm-1-5,
    .mt-sm-1-5 {
        margin-top: .375rem !important;
    }

    .m-sm-1-5,
    .mx-sm-1-5,
    .me-sm-1-5 {
        margin-right: .375rem !important;
    }

    .m-sm-1-5,
    .my-sm-1-5,
    .mb-sm-1-5 {
        margin-bottom: .375rem !important;
    }

    .m-sm-1-5,
    .mx-sm-1-5,
    .ms-sm-1-5 {
        margin-left: .375rem !important;
    }

    .m-sm-2-5,
    .my-sm-2-5,
    .mt-sm-2-5 {
        margin-top: .75rem !important;
    }

    .m-sm-2-5,
    .mx-sm-2-5,
    .me-sm-2-5 {
        margin-right: .75rem !important;
    }

    .m-sm-2-5,
    .my-sm-2-5,
    .mb-sm-2-5 {
        margin-bottom: .75rem !important;
    }

    .m-sm-2-5,
    .mx-sm-2-5,
    .ms-sm-2-5 {
        margin-left: .75rem !important;
    }

    .m-sm-3-5,
    .my-sm-3-5,
    .mt-sm-3-5 {
        margin-top: 1.25rem !important;
    }

    .m-sm-3-5,
    .mx-sm-3-5,
    .me-sm-3-5 {
        margin-right: 1.25rem !important;
    }

    .m-sm-3-5,
    .my-sm-3-5,
    .mb-sm-3-5 {
        margin-bottom: 1.25rem !important;
    }

    .m-sm-3-5,
    .mx-sm-3-5,
    .ms-sm-3-5 {
        margin-left: 1.25rem !important;
    }

    .m-sm-4-5,
    .my-sm-4-5,
    .mt-sm-4-5 {
        margin-top: 2rem !important;
    }

    .m-sm-4-5,
    .mx-sm-4-5,
    .me-sm-4-5 {
        margin-right: 2rem !important;
    }

    .m-sm-4-5,
    .my-sm-4-5,
    .mb-sm-4-5 {
        margin-bottom: 2rem !important;
    }

    .m-sm-4-5,
    .mx-sm-4-5,
    .ms-sm-4-5 {
        margin-left: 2rem !important;
    }

    .m-sm-5-5,
    .my-sm-5-5,
    .mt-sm-5-5 {
        margin-top: 3.5rem !important;
    }

    .m-sm-5-5,
    .mx-sm-5-5,
    .me-sm-5-5 {
        margin-right: 3.5rem !important;
    }

    .m-sm-5-5,
    .my-sm-5-5,
    .mb-sm-5-5 {
        margin-bottom: 3.5rem !important;
    }

    .m-sm-5-5,
    .mx-sm-5-5,
    .ms-sm-5-5 {
        margin-left: 3.5rem !important;
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 4rem !important;
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 4rem !important;
    }

    .me-sm-6,
    .mx-sm-6 {
        margin-right: 4rem !important;
    }

    .ms-sm-6,
    .mx-sm-6 {
        margin-left: 4rem !important;
    }

    .m-sm-6-5,
    .my-sm-6-5,
    .mt-sm-6-5 {
        margin-top: 4.5rem !important;
    }

    .m-sm-6-5,
    .mx-sm-6-5,
    .me-sm-6-5 {
        margin-right: 4.5rem !important;
    }

    .m-sm-6-5,
    .my-sm-6-5,
    .mb-sm-6-5 {
        margin-bottom: 4.5rem !important;
    }

    .m-sm-6-5,
    .mx-sm-6-5,
    .ms-sm-6-5 {
        margin-left: 4.5rem !important;
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 5rem !important;
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 5rem !important;
    }

    .me-sm-7,
    .mx-sm-7 {
        margin-right: 5rem !important;
    }

    .ms-sm-7,
    .mx-sm-7 {
        margin-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .m-md-1-5,
    .my-md-1-5,
    .mt-md-1-5 {
        margin-top: .375rem !important;
    }

    .m-md-1-5,
    .mx-md-1-5,
    .me-md-1-5 {
        margin-right: .375rem !important;
    }

    .m-md-1-5,
    .my-md-1-5,
    .mb-md-1-5 {
        margin-bottom: .375rem !important;
    }

    .m-md-1-5,
    .mx-md-1-5,
    .ms-md-1-5 {
        margin-left: .375rem !important;
    }

    .m-md-2-5,
    .my-md-2-5,
    .mt-md-2-5 {
        margin-top: .75rem !important;
    }

    .m-md-2-5,
    .mx-md-2-5,
    .me-md-2-5 {
        margin-right: .75rem !important;
    }

    .m-md-2-5,
    .my-md-2-5,
    .mb-md-2-5 {
        margin-bottom: .75rem !important;
    }

    .m-md-2-5,
    .mx-md-2-5,
    .ms-md-2-5 {
        margin-left: .75rem !important;
    }

    .m-md-3-5,
    .my-md-3-5,
    .mt-md-3-5 {
        margin-top: 1.25rem !important;
    }

    .m-md-3-5,
    .mx-md-3-5,
    .me-md-3-5 {
        margin-right: 1.25rem !important;
    }

    .m-md-3-5,
    .my-md-3-5,
    .mb-md-3-5 {
        margin-bottom: 1.25rem !important;
    }

    .m-md-3-5,
    .mx-md-3-5,
    .ms-md-3-5 {
        margin-left: 1.25rem !important;
    }

    .m-md-4-5,
    .my-md-4-5,
    .mt-md-4-5 {
        margin-top: 2rem !important;
    }

    .m-md-4-5,
    .mx-md-4-5,
    .me-md-4-5 {
        margin-right: 2rem !important;
    }

    .m-md-4-5,
    .my-md-4-5,
    .mb-md-4-5 {
        margin-bottom: 2rem !important;
    }

    .m-md-4-5,
    .mx-md-4-5,
    .ms-md-4-5 {
        margin-left: 2rem !important;
    }

    .m-md-5-5,
    .my-md-5-5,
    .mt-md-5-5 {
        margin-top: 3.5rem !important;
    }

    .m-md-5-5,
    .mx-md-5-5,
    .me-md-5-5 {
        margin-right: 3.5rem !important;
    }

    .m-md-5-5,
    .my-md-5-5,
    .mb-md-5-5 {
        margin-bottom: 3.5rem !important;
    }

    .m-md-5-5,
    .mx-md-5-5,
    .ms-md-5-5 {
        margin-left: 3.5rem !important;
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 4rem !important;
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 4rem !important;
    }

    .me-md-6,
    .mx-md-6 {
        margin-right: 4rem !important;
    }

    .ms-md-6,
    .mx-md-6 {
        margin-left: 4rem !important;
    }

    .m-md-6-5,
    .my-md-6-5,
    .mt-md-6-5 {
        margin-top: 4.5rem !important;
    }

    .m-md-6-5,
    .mx-md-6-5,
    .me-md-6-5 {
        margin-right: 4.5rem !important;
    }

    .m-md-6-5,
    .my-md-6-5,
    .mb-md-6-5 {
        margin-bottom: 4.5rem !important;
    }

    .m-md-6-5,
    .mx-md-6-5,
    .ms-md-6-5 {
        margin-left: 4.5rem !important;
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 5rem !important;
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 5rem !important;
    }

    .me-md-7,
    .mx-md-7 {
        margin-right: 5rem !important;
    }

    .ms-md-7,
    .mx-md-7 {
        margin-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .m-lg-1-5,
    .my-lg-1-5,
    .mt-lg-1-5 {
        margin-top: .375rem !important;
    }

    .m-lg-1-5,
    .mx-lg-1-5,
    .me-lg-1-5 {
        margin-right: .375rem !important;
    }

    .m-lg-1-5,
    .my-lg-1-5,
    .mb-lg-1-5 {
        margin-bottom: .375rem !important;
    }

    .m-lg-1-5,
    .mx-lg-1-5,
    .ms-lg-1-5 {
        margin-left: .375rem !important;
    }

    .m-lg-2-5,
    .my-lg-2-5,
    .mt-lg-2-5 {
        margin-top: .75rem !important;
    }

    .m-lg-2-5,
    .mx-lg-2-5,
    .me-lg-2-5 {
        margin-right: .75rem !important;
    }

    .m-lg-2-5,
    .my-lg-2-5,
    .mb-lg-2-5 {
        margin-bottom: .75rem !important;
    }

    .m-lg-2-5,
    .mx-lg-2-5,
    .ms-lg-2-5 {
        margin-left: .75rem !important;
    }

    .m-lg-3-5,
    .my-lg-3-5,
    .mt-lg-3-5 {
        margin-top: 1.25rem !important;
    }

    .m-lg-3-5,
    .mx-lg-3-5,
    .me-lg-3-5 {
        margin-right: 1.25rem !important;
    }

    .m-lg-3-5,
    .my-lg-3-5,
    .mb-lg-3-5 {
        margin-bottom: 1.25rem !important;
    }

    .m-lg-3-5,
    .mx-lg-3-5,
    .ms-lg-3-5 {
        margin-left: 1.25rem !important;
    }

    .m-lg-4-5,
    .my-lg-4-5,
    .mt-lg-4-5 {
        margin-top: 2rem !important;
    }

    .m-lg-4-5,
    .mx-lg-4-5,
    .me-lg-4-5 {
        margin-right: 2rem !important;
    }

    .m-lg-4-5,
    .my-lg-4-5,
    .mb-lg-4-5 {
        margin-bottom: 2rem !important;
    }

    .m-lg-4-5,
    .mx-lg-4-5,
    .ms-lg-4-5 {
        margin-left: 2rem !important;
    }

    .m-lg-5-5,
    .my-lg-5-5,
    .mt-lg-5-5 {
        margin-top: 3.5rem !important;
    }

    .m-lg-5-5,
    .mx-lg-5-5,
    .me-lg-5-5 {
        margin-right: 3.5rem !important;
    }

    .m-lg-5-5,
    .my-lg-5-5,
    .mb-lg-5-5 {
        margin-bottom: 3.5rem !important;
    }

    .m-lg-5-5,
    .mx-lg-5-5,
    .ms-lg-5-5 {
        margin-left: 3.5rem !important;
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 4rem !important;
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 4rem !important;
    }

    .me-lg-6,
    .mx-lg-6 {
        margin-right: 4rem !important;
    }

    .ms-lg-6,
    .mx-lg-6 {
        margin-left: 4rem !important;
    }

    .m-lg-6-5,
    .my-lg-6-5,
    .mt-lg-6-5 {
        margin-top: 4.5rem !important;
    }

    .m-lg-6-5,
    .mx-lg-6-5,
    .me-lg-6-5 {
        margin-right: 4.5rem !important;
    }

    .m-lg-6-5,
    .my-lg-6-5,
    .mb-lg-6-5 {
        margin-bottom: 4.5rem !important;
    }

    .m-lg-6-5,
    .mx-lg-6-5,
    .ms-lg-6-5 {
        margin-left: 4.5rem !important;
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 5rem !important;
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 5rem !important;
    }

    .me-lg-7,
    .mx-lg-7 {
        margin-right: 5rem !important;
    }

    .ms-lg-7,
    .mx-lg-7 {
        margin-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .m-xl-1-5,
    .my-xl-1-5,
    .mt-xl-1-5 {
        margin-top: .375rem !important;
    }

    .m-xl-1-5,
    .mx-xl-1-5,
    .me-xl-1-5 {
        margin-right: .375rem !important;
    }

    .m-xl-1-5,
    .my-xl-1-5,
    .mb-xl-1-5 {
        margin-bottom: .375rem !important;
    }

    .m-xl-1-5,
    .mx-xl-1-5,
    .ms-xl-1-5 {
        margin-left: .375rem !important;
    }

    .m-xl-2-5,
    .my-xl-2-5,
    .mt-xl-2-5 {
        margin-top: .75rem !important;
    }

    .m-xl-2-5,
    .mx-xl-2-5,
    .me-xl-2-5 {
        margin-right: .75rem !important;
    }

    .m-xl-2-5,
    .my-xl-2-5,
    .mb-xl-2-5 {
        margin-bottom: .75rem !important;
    }

    .m-xl-2-5,
    .mx-xl-2-5,
    .ms-xl-2-5 {
        margin-left: .75rem !important;
    }

    .m-xl-3-5,
    .my-xl-3-5,
    .mt-xl-3-5 {
        margin-top: 1.25rem !important;
    }

    .m-xl-3-5,
    .mx-xl-3-5,
    .me-xl-3-5 {
        margin-right: 1.25rem !important;
    }

    .m-xl-3-5,
    .my-xl-3-5,
    .mb-xl-3-5 {
        margin-bottom: 1.25rem !important;
    }

    .m-xl-3-5,
    .mx-xl-3-5,
    .ms-xl-3-5 {
        margin-left: 1.25rem !important;
    }

    .m-xl-4-5,
    .my-xl-4-5,
    .mt-xl-4-5 {
        margin-top: 2rem !important;
    }

    .m-xl-4-5,
    .mx-xl-4-5,
    .me-xl-4-5 {
        margin-right: 2rem !important;
    }

    .m-xl-4-5,
    .my-xl-4-5,
    .mb-xl-4-5 {
        margin-bottom: 2rem !important;
    }

    .m-xl-4-5,
    .mx-xl-4-5,
    .ms-xl-4-5 {
        margin-left: 2rem !important;
    }

    .m-xl-5-5,
    .my-xl-5-5,
    .mt-xl-5-5 {
        margin-top: 3.5rem !important;
    }

    .m-xl-5-5,
    .mx-xl-5-5,
    .me-xl-5-5 {
        margin-right: 3.5rem !important;
    }

    .m-xl-5-5,
    .my-xl-5-5,
    .mb-xl-5-5 {
        margin-bottom: 3.5rem !important;
    }

    .m-xl-5-5,
    .mx-xl-5-5,
    .ms-xl-5-5 {
        margin-left: 3.5rem !important;
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 4rem !important;
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 4rem !important;
    }

    .me-xl-6,
    .mx-xl-6 {
        margin-right: 4rem !important;
    }

    .ms-xl-6,
    .mx-xl-6 {
        margin-left: 4rem !important;
    }

    .m-xl-6-5,
    .my-xl-6-5,
    .mt-xl-6-5 {
        margin-top: 4.5rem !important;
    }

    .m-xl-6-5,
    .mx-xl-6-5,
    .me-xl-6-5 {
        margin-right: 4.5rem !important;
    }

    .m-xl-6-5,
    .my-xl-6-5,
    .mb-xl-6-5 {
        margin-bottom: 4.5rem !important;
    }

    .m-xl-6-5,
    .mx-xl-6-5,
    .ms-xl-6-5 {
        margin-left: 4.5rem !important;
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 5rem !important;
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 5rem !important;
    }

    .me-xl-7,
    .mx-xl-7 {
        margin-right: 5rem !important;
    }

    .ms-xl-7,
    .mx-xl-7 {
        margin-left: 5rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Padding---------------*/
.p-1-5,
.py-1-5,
.pt-1-5 {
    padding-top: .375rem !important;
}

.p-1-5,
.px-1-5,
.pe-1-5 {
    padding-right: .375rem !important;
}

.p-1-5,
.py-1-5,
.pb-1-5 {
    padding-bottom: .375rem !important;
}

.p-1-5,
.px-1-5,
.ps-1-5 {
    padding-left: .375rem !important;
}

.p-2-5,
.py-2-5,
.pt-2-5 {
    padding-top: .75rem !important;
}

.p-2-5,
.px-2-5,
.pe-2-5 {
    padding-right: .75rem !important;
}

.p-2-5,
.py-2-5,
.pb-2-5 {
    padding-bottom: .75rem !important;
}

.p-2-5,
.px-2-5,
.ps-2-5 {
    padding-left: .75rem !important;
}

.p-3-5,
.py-3-5,
.pt-3-5 {
    padding-top: 1.25rem !important;
}

.p-3-5,
.px-3-5,
.pe-3-5 {
    padding-right: 1.25rem !important;
}

.p-3-5,
.py-3-5,
.pb-3-5 {
    padding-bottom: 1.25rem !important;
}

.p-3-5,
.px-3-5,
.ps-3-5 {
    padding-left: 1.25rem !important;
}

.p-4-5,
.py-4-5,
.pt-4-5 {
    padding-top: 2rem !important;
}

.p-4-5,
.px-4-5,
.pe-4-5 {
    padding-right: 2rem !important;
}

.p-4-5,
.py-4-5,
.pb-4-5 {
    padding-bottom: 2rem !important;
}

.p-4-5,
.px-4-5,
.ps-4-5 {
    padding-left: 2rem !important;
}

.p-5-5,
.py-5-5,
.pt-5-5 {
    padding-top: 3.5rem !important;
}

.p-5-5,
.px-5-5,
.pe-5-5 {
    padding-right: 3.5rem !important;
}

.p-5-5,
.py-5-5,
.pb-5-5 {
    padding-bottom: 3.5rem !important;
}

.p-5-5,
.px-5-5,
.ps-5-5 {
    padding-left: 3.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important;
}

.pt-6,
.py-6 {
    padding-top: 4rem !important;
}

.pe-6,
.px-6 {
    padding-right: 4rem !important;
}

.ps-6,
.px-6 {
    padding-left: 4rem !important;
}

.p-6-5,
.py-6-5,
.pt-6-5 {
    padding-top: 4.5rem !important;
}

.p-6-5,
.px-6-5,
.pe-6-5 {
    padding-right: 4.5rem !important;
}

.p-6-5,
.py-6-5,
.pb-6-5 {
    padding-bottom: 4.5rem !important;
}

.p-6-5,
.px-6-5,
.ps-6-5 {
    padding-left: 4.5rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important;
}

.pt-7,
.py-7 {
    padding-top: 5rem !important;
}

.pe-7,
.px-7 {
    padding-right: 5rem !important;
}

.ps-7,
.px-7 {
    padding-left: 5rem !important;
}

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .p-sm-1-5,
    .py-sm-1-5,
    .pt-sm-1-5 {
        padding-top: .375rem !important;
    }

    .p-sm-1-5,
    .px-sm-1-5,
    .pe-sm-1-5 {
        padding-right: .375rem !important;
    }

    .p-sm-1-5,
    .py-sm-1-5,
    .pb-sm-1-5 {
        padding-bottom: .375rem !important;
    }

    .p-sm-1-5,
    .px-sm-1-5,
    .ps-sm-1-5 {
        padding-left: .375rem !important;
    }

    .p-sm-2-5,
    .py-sm-2-5,
    .pt-sm-2-5 {
        padding-top: .75rem !important;
    }

    .p-sm-2-5,
    .px-sm-2-5,
    .pe-sm-2-5 {
        padding-right: .75rem !important;
    }

    .p-sm-2-5,
    .py-sm-2-5,
    .pb-sm-2-5 {
        padding-bottom: .75rem !important;
    }

    .p-sm-2-5,
    .px-sm-2-5,
    .ps-sm-2-5 {
        padding-left: .75rem !important;
    }

    .p-sm-3-5,
    .py-sm-3-5,
    .pt-sm-3-5 {
        padding-top: 1.25rem !important;
    }

    .p-sm-3-5,
    .px-sm-3-5,
    .pe-sm-3-5 {
        padding-right: 1.25rem !important;
    }

    .p-sm-3-5,
    .py-sm-3-5,
    .pb-sm-3-5 {
        padding-bottom: 1.25rem !important;
    }

    .p-sm-3-5,
    .px-sm-3-5,
    .ps-sm-3-5 {
        padding-left: 1.25rem !important;
    }

    .p-sm-4-5,
    .py-sm-4-5,
    .pt-sm-4-5 {
        padding-top: 2rem !important;
    }

    .p-sm-4-5,
    .px-sm-4-5,
    .pe-sm-4-5 {
        padding-right: 2rem !important;
    }

    .p-sm-4-5,
    .py-sm-4-5,
    .pb-sm-4-5 {
        padding-bottom: 2rem !important;
    }

    .p-sm-4-5,
    .px-sm-4-5,
    .ps-sm-4-5 {
        padding-left: 2rem !important;
    }

    .p-sm-5-5,
    .py-sm-5-5,
    .pt-sm-5-5 {
        padding-top: 3.5rem !important;
    }

    .p-sm-5-5,
    .px-sm-5-5,
    .pe-sm-5-5 {
        padding-right: 3.5rem !important;
    }

    .p-sm-5-5,
    .py-sm-5-5,
    .pb-sm-5-5 {
        padding-bottom: 3.5rem !important;
    }

    .p-sm-5-5,
    .px-sm-5-5,
    .ps-sm-5-5 {
        padding-left: 3.5rem !important;
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 4rem !important;
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 4rem !important;
    }

    .pe-sm-6,
    .px-sm-6 {
        padding-right: 4rem !important;
    }

    .ps-sm-6,
    .px-sm-6 {
        padding-left: 4rem !important;
    }

    .p-sm-6-5,
    .py-sm-6-5,
    .pt-sm-6-5 {
        padding-top: 4.5rem !important;
    }

    .p-sm-6-5,
    .px-sm-6-5,
    .pe-sm-6-5 {
        padding-right: 4.5rem !important;
    }

    .p-sm-6-5,
    .py-sm-6-5,
    .pb-sm-6-5 {
        padding-bottom: 4.5rem !important;
    }

    .p-sm-6-5,
    .px-sm-6-5,
    .ps-sm-6-5 {
        padding-left: 4.5rem !important;
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 5rem !important;
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 5rem !important;
    }

    .pe-sm-7,
    .px-sm-7 {
        padding-right: 5rem !important;
    }

    .ps-sm-7,
    .px-sm-7 {
        padding-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .p-md-1-5,
    .py-md-1-5,
    .pt-md-1-5 {
        padding-top: .375rem !important;
    }

    .p-md-1-5,
    .px-md-1-5,
    .pe-md-1-5 {
        padding-right: .375rem !important;
    }

    .p-md-1-5,
    .py-md-1-5,
    .pb-md-1-5 {
        padding-bottom: .375rem !important;
    }

    .p-md-1-5,
    .px-md-1-5,
    .ps-md-1-5 {
        padding-left: .375rem !important;
    }

    .p-md-2-5,
    .py-md-2-5,
    .pt-md-2-5 {
        padding-top: .75rem !important;
    }

    .p-md-2-5,
    .px-md-2-5,
    .pe-md-2-5 {
        padding-right: .75rem !important;
    }

    .p-md-2-5,
    .py-md-2-5,
    .pb-md-2-5 {
        padding-bottom: .75rem !important;
    }

    .p-md-2-5,
    .px-md-2-5,
    .ps-md-2-5 {
        padding-left: .75rem !important;
    }

    .p-md-3-5,
    .py-md-3-5,
    .pt-md-3-5 {
        padding-top: 1.25rem !important;
    }

    .p-md-3-5,
    .px-md-3-5,
    .pe-md-3-5 {
        padding-right: 1.25rem !important;
    }

    .p-md-3-5,
    .py-md-3-5,
    .pb-md-3-5 {
        padding-bottom: 1.25rem !important;
    }

    .p-md-3-5,
    .px-md-3-5,
    .ps-md-3-5 {
        padding-left: 1.25rem !important;
    }

    .p-md-4-5,
    .py-md-4-5,
    .pt-md-4-5 {
        padding-top: 2rem !important;
    }

    .p-md-4-5,
    .px-md-4-5,
    .pe-md-4-5 {
        padding-right: 2rem !important;
    }

    .p-md-4-5,
    .py-md-4-5,
    .pb-md-4-5 {
        padding-bottom: 2rem !important;
    }

    .p-md-4-5,
    .px-md-4-5,
    .ps-md-4-5 {
        padding-left: 2rem !important;
    }

    .p-md-5-5,
    .py-md-5-5,
    .pt-md-5-5 {
        padding-top: 3.5rem !important;
    }

    .p-md-5-5,
    .px-md-5-5,
    .pe-md-5-5 {
        padding-right: 3.5rem !important;
    }

    .p-md-5-5,
    .py-md-5-5,
    .pb-md-5-5 {
        padding-bottom: 3.5rem !important;
    }

    .p-md-5-5,
    .px-md-5-5,
    .ps-md-5-5 {
        padding-left: 3.5rem !important;
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 4rem !important;
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 4rem !important;
    }

    .pe-md-6,
    .px-md-6 {
        padding-right: 4rem !important;
    }

    .ps-md-6,
    .px-md-6 {
        padding-left: 4rem !important;
    }

    .p-md-6-5,
    .py-md-6-5,
    .pt-md-6-5 {
        padding-top: 4.5rem !important;
    }

    .p-md-6-5,
    .px-md-6-5,
    .pe-md-6-5 {
        padding-right: 4.5rem !important;
    }

    .p-md-6-5,
    .py-md-6-5,
    .pb-md-6-5 {
        padding-bottom: 4.5rem !important;
    }

    .p-md-6-5,
    .px-md-6-5,
    .ps-md-6-5 {
        padding-left: 4.5rem !important;
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 5rem !important;
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 5rem !important;
    }

    .pe-md-7,
    .px-md-7 {
        padding-right: 5rem !important;
    }

    .ps-md-7,
    .px-md-7 {
        padding-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .p-lg-1-5,
    .py-lg-1-5,
    .pt-lg-1-5 {
        padding-top: .375rem !important;
    }

    .p-lg-1-5,
    .px-lg-1-5,
    .pe-lg-1-5 {
        padding-right: .375rem !important;
    }

    .p-lg-1-5,
    .py-lg-1-5,
    .pb-lg-1-5 {
        padding-bottom: .375rem !important;
    }

    .p-lg-1-5,
    .px-lg-1-5,
    .ps-lg-1-5 {
        padding-left: .375rem !important;
    }

    .p-lg-2-5,
    .py-lg-2-5,
    .pt-lg-2-5 {
        padding-top: .75rem !important;
    }

    .p-lg-2-5,
    .px-lg-2-5,
    .pe-lg-2-5 {
        padding-right: .75rem !important;
    }

    .p-lg-2-5,
    .py-lg-2-5,
    .pb-lg-2-5 {
        padding-bottom: .75rem !important;
    }

    .p-lg-2-5,
    .px-lg-2-5,
    .ps-lg-2-5 {
        padding-left: .75rem !important;
    }

    .p-lg-3-5,
    .py-lg-3-5,
    .pt-lg-3-5 {
        padding-top: 1.25rem !important;
    }

    .p-lg-3-5,
    .px-lg-3-5,
    .pe-lg-3-5 {
        padding-right: 1.25rem !important;
    }

    .p-lg-3-5,
    .py-lg-3-5,
    .pb-lg-3-5 {
        padding-bottom: 1.25rem !important;
    }

    .p-lg-3-5,
    .px-lg-3-5,
    .ps-lg-3-5 {
        padding-left: 1.25rem !important;
    }

    .p-lg-4-5,
    .py-lg-4-5,
    .pt-lg-4-5 {
        padding-top: 2rem !important;
    }

    .p-lg-4-5,
    .px-lg-4-5,
    .pe-lg-4-5 {
        padding-right: 2rem !important;
    }

    .p-lg-4-5,
    .py-lg-4-5,
    .pb-lg-4-5 {
        padding-bottom: 2rem !important;
    }

    .p-lg-4-5,
    .px-lg-4-5,
    .ps-lg-4-5 {
        padding-left: 2rem !important;
    }

    .p-lg-5-5,
    .py-lg-5-5,
    .pt-lg-5-5 {
        padding-top: 3.5rem !important;
    }

    .p-lg-5-5,
    .px-lg-5-5,
    .pe-lg-5-5 {
        padding-right: 3.5rem !important;
    }

    .p-lg-5-5,
    .py-lg-5-5,
    .pb-lg-5-5 {
        padding-bottom: 3.5rem !important;
    }

    .p-lg-5-5,
    .px-lg-5-5,
    .ps-lg-5-5 {
        padding-left: 3.5rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 4rem !important;
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 4rem !important;
    }

    .pe-lg-6,
    .px-lg-6 {
        padding-right: 4rem !important;
    }

    .ps-lg-6,
    .px-lg-6 {
        padding-left: 4rem !important;
    }

    .p-lg-6-5,
    .py-lg-6-5,
    .pt-lg-6-5 {
        padding-top: 4.5rem !important;
    }

    .p-lg-6-5,
    .px-lg-6-5,
    .pe-lg-6-5 {
        padding-right: 4.5rem !important;
    }

    .p-lg-6-5,
    .py-lg-6-5,
    .pb-lg-6-5 {
        padding-bottom: 4.5rem !important;
    }

    .p-lg-6-5,
    .px-lg-6-5,
    .ps-lg-6-5 {
        padding-left: 4.5rem !important;
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 5rem !important;
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 5rem !important;
    }

    .pe-lg-7,
    .px-lg-7 {
        padding-right: 5rem !important;
    }

    .ps-lg-7,
    .px-lg-7 {
        padding-left: 5rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .p-xl-1-5,
    .py-xl-1-5,
    .pt-xl-1-5 {
        padding-top: .375rem !important;
    }

    .p-xl-1-5,
    .px-xl-1-5,
    .pe-xl-1-5 {
        padding-right: .375rem !important;
    }

    .p-xl-1-5,
    .py-xl-1-5,
    .pb-xl-1-5 {
        padding-bottom: .375rem !important;
    }

    .p-xl-1-5,
    .px-xl-1-5,
    .ps-xl-1-5 {
        padding-left: .375rem !important;
    }

    .p-xl-2-5,
    .py-xl-2-5,
    .pt-xl-2-5 {
        padding-top: .75rem !important;
    }

    .p-xl-2-5,
    .px-xl-2-5,
    .pe-xl-2-5 {
        padding-right: .75rem !important;
    }

    .p-xl-2-5,
    .py-xl-2-5,
    .pb-xl-2-5 {
        padding-bottom: .75rem !important;
    }

    .p-xl-2-5,
    .px-xl-2-5,
    .ps-xl-2-5 {
        padding-left: .75rem !important;
    }

    .p-xl-3-5,
    .py-xl-3-5,
    .pt-xl-3-5 {
        padding-top: 1.25rem !important;
    }

    .p-xl-3-5,
    .px-xl-3-5,
    .pe-xl-3-5 {
        padding-right: 1.25rem !important;
    }

    .p-xl-3-5,
    .py-xl-3-5,
    .pb-xl-3-5 {
        padding-bottom: 1.25rem !important;
    }

    .p-xl-3-5,
    .px-xl-3-5,
    .ps-xl-3-5 {
        padding-left: 1.25rem !important;
    }

    .p-xl-4-5,
    .py-xl-4-5,
    .pt-xl-4-5 {
        padding-top: 2rem !important;
    }

    .p-xl-4-5,
    .px-xl-4-5,
    .pe-xl-4-5 {
        padding-right: 2rem !important;
    }

    .p-xl-4-5,
    .py-xl-4-5,
    .pb-xl-4-5 {
        padding-bottom: 2rem !important;
    }

    .p-xl-4-5,
    .px-xl-4-5,
    .ps-xl-4-5 {
        padding-left: 2rem !important;
    }

    .p-xl-5-5,
    .py-xl-5-5,
    .pt-xl-5-5 {
        padding-top: 3.5rem !important;
    }

    .p-xl-5-5,
    .px-xl-5-5,
    .pe-xl-5-5 {
        padding-right: 3.5rem !important;
    }

    .p-xl-5-5,
    .py-xl-5-5,
    .pb-xl-5-5 {
        padding-bottom: 3.5rem !important;
    }

    .p-xl-5-5,
    .px-xl-5-5,
    .ps-xl-5-5 {
        padding-left: 3.5rem !important;
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 4rem !important;
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 4rem !important;
    }

    .pe-xl-6,
    .px-xl-6 {
        padding-right: 4rem !important;
    }

    .ps-xl-6,
    .px-xl-6 {
        padding-left: 4rem !important;
    }

    .p-xl-6-5,
    .py-xl-6-5,
    .pt-xl-6-5 {
        padding-top: 4.5rem !important;
    }

    .p-xl-6-5,
    .px-xl-6-5,
    .pe-xl-6-5 {
        padding-right: 4.5rem !important;
    }

    .p-xl-6-5,
    .py-xl-6-5,
    .pb-xl-6-5 {
        padding-bottom: 4.5rem !important;
    }

    .p-xl-6-5,
    .px-xl-6-5,
    .ps-xl-6-5 {
        padding-left: 4.5rem !important;
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 5rem !important;
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 5rem !important;
    }

    .pe-xl-7,
    .px-xl-7 {
        padding-right: 5rem !important;
    }

    .ps-xl-7,
    .px-xl-7 {
        padding-left: 5rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Width---------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-sm-90 {
        width: 90% !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-md-90 {
        width: 90% !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-lg-90 {
        width: 90% !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .w-xl-auto {
        width: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-xl-90 {
        width: 90% !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Gutters---------------*/
.gx-1-5,
.g-1-5 {
    --bs-gutter-x: .375rem !important;
}

.gx-2-5,
.g-2-5 {
    --bs-gutter-x: .75rem !important;
}

.gx-3-5,
.g-3-5 {
    --bs-gutter-x: 1.25rem !important;
}

.gx-4-5,
.g-4-5 {
    --bs-gutter-x: 2rem !important;
}

.gx-5-5
.g-5-5 {
    --bs-gutter-x: 3.5rem !important;
}

.gx-6,
.g-6 {
    --bs-gutter-x: 4rem !important;
}

.gy-1-5,
.g-1-5 {
    --bs-gutter-y: .375rem !important;
}

.gy-2-5,
.g-2-5 {
    --bs-gutter-y: .75rem !important;
}

.gy-3-5,
.g-3-5 {
    --bs-gutter-y: 1.25rem !important;
}

.gy-4-5,
.g-4-5 {
    --bs-gutter-y: 2rem !important;
}

.gy-5-5
.g-5-5 {
    --bs-gutter-y: 3.5rem !important;
}

.gy-6,
.g-6 {
    --bs-gutter-y: 4rem !important;
}
/*#region Small breakpoint*/
@media (min-width: 576px) {
    .gx-sm-1-5,
    .g-sm-1-5 {
        --bs-gutter-x: .375rem !important;
    }

    .gx-sm-2-5,
    .g-sm-2-5 {
        --bs-gutter-x: .75rem !important;
    }

    .gx-sm-3-5,
    .g-sm-3-5 {
        --bs-gutter-x: 1.25rem !important;
    }

    .gx-sm-4-5,
    .g-sm-4-5 {
        --bs-gutter-x: 2rem !important;
    }

    .gx-sm-5-5
    .g-sm-5-5 {
        --bs-gutter-x: 3.5rem !important;
    }

    .gx-sm-6,
    .g-sm-6 {
        --bs-gutter-x: 4rem !important;
    }

    .gy-sm-1-5,
    .g-sm-1-5 {
        --bs-gutter-y: .375rem !important;
    }

    .gy-sm-2-5,
    .g-sm-2-5 {
        --bs-gutter-y: .75rem !important;
    }

    .gy-sm-3-5,
    .g-sm-3-5 {
        --bs-gutter-y: 1.25rem !important;
    }

    .gy-sm-4-5,
    .g-sm-4-5 {
        --bs-gutter-y: 2rem !important;
    }

    .gy-sm-5-5
    .g-sm-5-5 {
        --bs-gutter-y: 3.5rem !important;
    }

    .gy-sm-6,
    .g-sm-6 {
        --bs-gutter-y: 4rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .gx-md-1-5,
    .g-md-1-5 {
        --bs-gutter-x: .375rem !important;
    }

    .gx-md-2-5,
    .g-md-2-5 {
        --bs-gutter-x: .75rem !important;
    }

    .gx-md-3-5,
    .g-md-3-5 {
        --bs-gutter-x: 1.25rem !important;
    }

    .gx-md-4-5,
    .g-md-4-5 {
        --bs-gutter-x: 2rem !important;
    }

    .gx-md-5-5
    .g-md-5-5 {
        --bs-gutter-x: 3.5rem !important;
    }

    .gx-md-6,
    .g-md-6 {
        --bs-gutter-x: 4rem !important;
    }

    .gy-md-1-5,
    .g-md-1-5 {
        --bs-gutter-y: .375rem !important;
    }

    .gy-md-2-5,
    .g-md-2-5 {
        --bs-gutter-y: .75rem !important;
    }

    .gy-md-3-5,
    .g-md-3-5 {
        --bs-gutter-y: 1.25rem !important;
    }

    .gy-md-4-5,
    .g-md-4-5 {
        --bs-gutter-y: 2rem !important;
    }

    .gy-md-5-5
    .g-md-5-5 {
        --bs-gutter-y: 3.5rem !important;
    }

    .gy-md-6,
    .g-md-6 {
        --bs-gutter-y: 4rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .gx-lg-1-5,
    .g-lg-1-5 {
        --bs-gutter-x: .375rem !important;
    }

    .gx-lg-2-5,
    .g-lg-2-5 {
        --bs-gutter-x: .75rem !important;
    }

    .gx-lg-3-5,
    .g-lg-3-5 {
        --bs-gutter-x: 1.25rem !important;
    }

    .gx-lg-4-5,
    .g-lg-4-5 {
        --bs-gutter-x: 2rem !important;
    }

    .gx-lg-5-5
    .g-lg-5-5 {
        --bs-gutter-x: 3.5rem !important;
    }

    .gx-lg-6,
    .g-lg-6 {
        --bs-gutter-x: 4rem !important;
    }

    .gy-lg-1-5,
    .g-lg-1-5 {
        --bs-gutter-y: .375rem !important;
    }

    .gy-lg-2-5,
    .g-lg-2-5 {
        --bs-gutter-y: .75rem !important;
    }

    .gy-lg-3-5,
    .g-lg-3-5 {
        --bs-gutter-y: 1.25rem !important;
    }

    .gy-lg-4-5,
    .g-lg-4-5 {
        --bs-gutter-y: 2rem !important;
    }

    .gy-lg-5-5
    .g-lg-5-5 {
        --bs-gutter-y: 3.5rem !important;
    }

    .gy-lg-6,
    .g-lg-6 {
        --bs-gutter-y: 4rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .gx-xl-1-5,
    .g-xl-1-5 {
        --bs-gutter-x: .375rem !important;
    }

    .gx-xl-2-5,
    .g-xl-2-5 {
        --bs-gutter-x: .75rem !important;
    }

    .gx-xl-3-5,
    .g-xl-3-5 {
        --bs-gutter-x: 1.25rem !important;
    }

    .gx-xl-4-5,
    .g-xl-4-5 {
        --bs-gutter-x: 2rem !important;
    }

    .gx-xl-5-5
    .g-xl-5-5 {
        --bs-gutter-x: 3.5rem !important;
    }

    .gx-xl-6,
    .g-xl-6 {
        --bs-gutter-x: 4rem !important;
    }

    .gy-xl-1-5,
    .g-xl-1-5 {
        --bs-gutter-y: .375rem !important;
    }

    .gy-xl-2-5,
    .g-xl-2-5 {
        --bs-gutter-y: .75rem !important;
    }

    .gy-xl-3-5,
    .g-xl-3-5 {
        --bs-gutter-y: 1.25rem !important;
    }

    .gy-xl-4-5,
    .g-xl-4-5 {
        --bs-gutter-y: 2rem !important;
    }

    .gy-xl-5-5
    .g-xl-5-5 {
        --bs-gutter-y: 3.5rem !important;
    }

    .gy-xl-6,
    .g-xl-6 {
        --bs-gutter-y: 4rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Gaps---------------*/
.gap-1-5 {
    gap: .375rem !important;
}

.gap-2-5 {
    gap: .75rem !important;
}

.gap-3-5 {
    gap: 1.25rem !important;
}

.gap-4-5 {
    gap: 2rem !important;
}

.gap-5-5 {
    gap: 3.5rem !important;
}

.gap-6 {
    gap: 4rem !important;
}
/*#region Small breakpoint*/
@media (min-width: 576px) {
    .gap-sm-1-5 {
        gap: .375rem !important;
    }

    .gap-sm-2-5 {
        gap: .75rem !important;
    }

    .gap-sm-3-5 {
        gap: 1.25rem !important;
    }

    .gap-sm-4-5 {
        gap: 2rem !important;
    }

    .gap-sm-5-5 {
        gap: 3.5rem !important;
    }

    .gap-sm-6 {
        gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .gap-md-1-5 {
        gap: .375rem !important;
    }

    .gap-md-2-5 {
        gap: .75rem !important;
    }

    .gap-md-3-5 {
        gap: 1.25rem !important;
    }

    .gap-md-4-5 {
        gap: 2rem !important;
    }

    .gap-md-5-5 {
        gap: 3.5rem !important;
    }

    .gap-md-6 {
        gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .gap-lg-1-5 {
        gap: .375rem !important;
    }

    .gap-lg-2-5 {
        gap: .75rem !important;
    }

    .gap-lg-3-5 {
        gap: 1.25rem !important;
    }

    .gap-lg-4-5 {
        gap: 2rem !important;
    }

    .gap-lg-5-5 {
        gap: 3.5rem !important;
    }

    .gap-lg-6 {
        gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .gap-xl-1-5 {
        gap: .375rem !important;
    }

    .gap-xl-2-5 {
        gap: .75rem !important;
    }

    .gap-xl-3-5 {
        gap: 1.25rem !important;
    }

    .gap-xl-4-5 {
        gap: 2rem !important;
    }

    .gap-xl-5-5 {
        gap: 3.5rem !important;
    }

    .gap-xl-6 {
        gap: 4rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Row Gaps---------------*/
.row-gap-1-5 {
    row-gap: .375rem !important;
}

.row-gap-2-5 {
    row-gap: .75rem !important;
}

.row-gap-3-5 {
    row-gap: 1.25rem !important;
}

.row-gap-4-5 {
    row-gap: 2rem !important;
}

.row-gap-5-5 {
    row-gap: 3.5rem !important;
}

.row-gap-6 {
    row-gap: 4rem !important;
}

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .row-gap-sm-1-5 {
        row-gap: .375rem !important;
    }

    .row-gap-sm-2-5 {
        row-gap: .75rem !important;
    }

    .row-gap-sm-3-5 {
        row-gap: 1.25rem !important;
    }

    .row-gap-sm-4-5 {
        row-gap: 2rem !important;
    }

    .row-gap-sm-5-5 {
        row-gap: 3.5rem !important;
    }

    .row-gap-sm-6 {
        row-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .row-gap-md-1-5 {
        row-gap: .375rem !important;
    }

    .row-gap-md-2-5 {
        row-gap: .75rem !important;
    }

    .row-gap-md-3-5 {
        row-gap: 1.25rem !important;
    }

    .row-gap-md-4-5 {
        row-gap: 2rem !important;
    }

    .row-gap-md-5-5 {
        row-gap: 3.5rem !important;
    }

    .row-gap-md-6 {
        row-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .row-gap-lg-1-5 {
        row-gap: .375rem !important;
    }

    .row-gap-lg-2-5 {
        row-gap: .75rem !important;
    }

    .row-gap-lg-3-5 {
        row-gap: 1.25rem !important;
    }

    .row-gap-lg-4-5 {
        row-gap: 2rem !important;
    }

    .row-gap-lg-5-5 {
        row-gap: 3.5rem !important;
    }

    .row-gap-lg-6 {
        row-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .row-gap-xl-1-5 {
        row-gap: .375rem !important;
    }

    .row-gap-xl-2-5 {
        row-gap: .75rem !important;
    }

    .row-gap-xl-3-5 {
        row-gap: 1.25rem !important;
    }

    .row-gap-xl-4-5 {
        row-gap: 2rem !important;
    }

    .row-gap-xl-5-5 {
        row-gap: 3.5rem !important;
    }

    .row-gap-xl-6 {
        row-gap: 4rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Column Gaps---------------*/
.column-gap-1-5 {
    column-gap: .375rem !important;
}

.column-gap-2-5 {
    column-gap: .75rem !important;
}

.column-gap-3-5 {
    column-gap: 1.25rem !important;
}

.column-gap-4-5 {
    column-gap: 2rem !important;
}

.column-gap-5-5 {
    column-gap: 3.5rem !important;
}

.column-gap-6 {
    column-gap: 4rem !important;
}
/*#region Small breakpoint*/
@media (min-width: 576px) {
    .column-gap-sm-1-5 {
        column-gap: .375rem !important;
    }

    .column-gap-sm-2-5 {
        column-gap: .75rem !important;
    }

    .column-gap-sm-3-5 {
        column-gap: 1.25rem !important;
    }

    .column-gap-sm-4-5 {
        column-gap: 2rem !important;
    }

    .column-gap-sm-5-5 {
        column-gap: 3.5rem !important;
    }

    .column-gap-sm-6 {
        column-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .column-gap-md-1-5 {
        column-gap: .375rem !important;
    }

    .column-gap-md-2-5 {
        column-gap: .75rem !important;
    }

    .column-gap-md-3-5 {
        column-gap: 1.25rem !important;
    }

    .column-gap-md-4-5 {
        column-gap: 2rem !important;
    }

    .column-gap-md-5-5 {
        column-gap: 3.5rem !important;
    }

    .column-gap-md-6 {
        column-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .column-gap-lg-1-5 {
        column-gap: .375rem !important;
    }

    .column-gap-lg-2-5 {
        column-gap: .75rem !important;
    }

    .column-gap-lg-3-5 {
        column-gap: 1.25rem !important;
    }

    .column-gap-lg-4-5 {
        column-gap: 2rem !important;
    }

    .column-gap-lg-5-5 {
        column-gap: 3.5rem !important;
    }

    .column-gap-lg-6 {
        column-gap: 4rem !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .column-gap-xl-1-5 {
        column-gap: .375rem !important;
    }

    .column-gap-xl-2-5 {
        column-gap: .75rem !important;
    }

    .column-gap-xl-3-5 {
        column-gap: 1.25rem !important;
    }

    .column-gap-xl-4-5 {
        column-gap: 2rem !important;
    }

    .column-gap-xl-5-5 {
        column-gap: 3.5rem !important;
    }

    .column-gap-xl-6 {
        column-gap: 4rem !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Line Height---------------*/
ul.lh-1 > li,
ol.lh-1 > li,
dl.lh-1 > dt,
dl.lh-1 > dd {
    line-height: 1 !important;
}

ul.lh-sm > li,
ol.lh-sm > li,
dl.lh-sm > dt,
dl.lh-sm > dd {
    line-height: 1.25 !important;
}

ul.lh-base > li,
ol.lh-base > li,
dl.lh-base > dt,
dl.lh-base > dd {
    line-height: 1.5 !important;
}

ul.lh-lg > li,
ol.lh-lg > li,
dl.lh-lg > dt,
dl.lh-lg > dd {
    line-height: 2 !important;
}

.lh-md {
    line-height: 1.75rem !important;
}
/*#endregion*/

/*#region --------------CSS Grid---------------*/
.g-row {
    grid-auto-rows: 1fr !important;
}

.g-row-cols-1 {
    grid-template-columns: repeat(1, 1fr) !important;
}

.g-row-cols-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.g-row-cols-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

.g-row-cols-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

.g-row-cols-5 {
    grid-template-columns: repeat(5, 1fr) !important;
}

.g-row-cols-6 {
    grid-template-columns: repeat(6, 1fr) !important;
}

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .g-row-cols-sm-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .g-row-cols-sm-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .g-row-cols-sm-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .g-row-cols-sm-4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .g-row-cols-sm-5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .g-row-cols-sm-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .g-row-cols-md-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .g-row-cols-md-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .g-row-cols-md-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .g-row-cols-md-4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .g-row-cols-md-5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .g-row-cols-md-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .g-row-cols-lg-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .g-row-cols-lg-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .g-row-cols-lg-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .g-row-cols-lg-4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .g-row-cols-lg-5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .g-row-cols-lg-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/*#endregion*/

/*#region Extra Large breakpoint*/
@media (min-width: 1200px) {
    .g-row-cols-xl-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .g-row-cols-xl-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .g-row-cols-xl-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .g-row-cols-xl-4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .g-row-cols-xl-5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .g-row-cols-xl-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Column Count---------------*/
.columns-1 {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}

.columns-2 {
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
}

.columns-3 {
    -webkit-column-count: 3 !important;
    column-count: 3 !important;
}

.columns-4 {
    -webkit-column-count: 4 !important;
    column-count: 4 !important;
}

.columns-5 {
    -webkit-column-count: 5 !important;
    column-count: 5 !important;
}

.columns-6 {
    -webkit-column-count: 6 !important;
    column-count: 6 !important;
}

/*#region Small breakpoint*/
@media (min-width: 576px) {
    .columns-sm-1 {
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .columns-sm-2 {
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .columns-sm-3 {
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }

    .columns-sm-4 {
        -webkit-column-count: 4 !important;
        column-count: 4 !important;
    }

    .columns-sm-5 {
        -webkit-column-count: 5 !important;
        column-count: 5 !important;
    }

    .columns-sm-6 {
        -webkit-column-count: 6 !important;
        column-count: 6 !important;
    }
}
/*#endregion*/

/*#region Medium breakpoint*/
@media (min-width: 768px) {
    .columns-md-1 {
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .columns-md-2 {
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .columns-md-3 {
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }

    .columns-md-4 {
        -webkit-column-count: 4 !important;
        column-count: 4 !important;
    }

    .columns-md-5 {
        -webkit-column-count: 5 !important;
        column-count: 5 !important;
    }

    .columns-md-6 {
        -webkit-column-count: 6 !important;
        column-count: 6 !important;
    }
}
/*#endregion*/

/*#region Large breakpoint*/
@media (min-width: 992px) {
    .columns-lg-1 {
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .columns-lg-2 {
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .columns-lg-3 {
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }

    .columns-lg-4 {
        -webkit-column-count: 4 !important;
        column-count: 4 !important;
    }

    .columns-lg-5 {
        -webkit-column-count: 5 !important;
        column-count: 5 !important;
    }

    .columns-lg-6 {
        -webkit-column-count: 6 !important;
        column-count: 6 !important;
    }
}
/*#endregion*/

/*#region Extra-Large breakpoint*/
@media (min-width: 1200px) {
    .columns-xl-1 {
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .columns-xl-2 {
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .columns-xl-3 {
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }

    .columns-xl-4 {
        -webkit-column-count: 4 !important;
        column-count: 4 !important;
    }

    .columns-xl-5 {
        -webkit-column-count: 5 !important;
        column-count: 5 !important;
    }

    .columns-xl-6 {
        -webkit-column-count: 6 !important;
        column-count: 6 !important;
    }
}
/*#endregion*/
/*#endregion*/

/*#region --------------Print---------------*/
@media print {
    .bg-print-none {
        background-color: inherit !important;
    }

    /*Works well on parent .container divs that are found on every page*/
    .m-print-0 {
        margin: 0 !important;
    }

    .p-print-0 {
        padding: 0 !important;
    }
}
/*#endregion*/

/*#region --------------Shapes---------------*/
.bg-circle {
    width: 2em !important;
    border-radius: 50% !important;
}
/*#endregion*/

/*#region --------------Absolute Positioning---------------*/
/*#region --------------Start---------------*/
.start-1 {
    left: 1%;
}

.start-2 {
    left: 2%;
}

.start-3 {
    left: 3%;
}

.start-4 {
    left: 4%;
}

.start-5 {
    left: 5%;
}

.start-6 {
    left: 6%;
}

.start-7 {
    left: 7%;
}

.start-8 {
    left: 8%;
}

.start-9 {
    left: 9%;
}

.start-10 {
    left: 10%;
}

.start-15 {
    left: 15%;
}

.start-20 {
    left: 20%;
}

.start-25 {
    left: 25%;
}

.start-30 {
    left: 30%;
}

.start-35 {
    left: 35%;
}

.start-40 {
    left: 40%;
}

.start-45 {
    left: 45%;
}

.start-55 {
    left: 55%;
}

.start-60 {
    left: 60%;
}

.start-65 {
    left: 65%;
}

.start-70 {
    left: 70%;
}

.start-75 {
    left: 75%;
}

.start-80 {
    left: 80%;
}

.start-85 {
    left: 85%;
}

.start-90 {
    left: 90%;
}

.start-95 {
    left: 95%;
}
/*#endregion*/

/*#region --------------Translate---------------*/
.translate-start-middle {
    transform: translate(0%,-50%) !important;
}
/*#endregion*/

/*#endregion*/