.mw-90{
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}
.mw-80{
    max-width: 80% !important;
    margin-left: auto;
    margin-right: auto;
}
.mw-70{
    max-width: 70% !important;
    margin-left: auto;
    margin-right: auto;
}
.mw-60{
    max-width: 60% !important;
    margin-left: auto;
    margin-right: auto;
}
.mw-50{
    max-width: 50% !important;
    margin-left: auto;
    margin-right: auto;
}
.w-90{
    width: 90%;
}
.w-80{
    width: 80%;
}
.w-fit{
    width: fit-content;
}
.p-6{
    padding: 4rem !important;
}
.p-7{
    padding: 5rem !important;
}
.p-8{
    padding: 6rem !important;
}
.px-6{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.px-7{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.px-8{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.py-6{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.py-7{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-8{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.pt-6{
    padding-top: 4rem !important;
}
.pt-7{
    padding-top: 5rem !important;
}
.pt-8{
    padding-top: 6rem !important;
}
.pb-6{
    padding-bottom: 4rem !important;
}
.pb-7{
    padding-bottom: 5rem !important;
}
.pb-8{
    padding-bottom: 6rem !important;
}
.pe-6{
    padding-right: 4rem !important;
}
.pe-7{
    padding-right: 5rem !important;
}
.pe-8{
    padding-right: 6rem !important;
}
.ps-6{
    padding-left: 4rem !important;
}
.ps-7{
    padding-left: 5rem !important;
}
.ps-8{
    padding-left: 6rem !important;
}
/* margin */
.m-6{
    margin: 4rem !important;
}
.m-7{
    margin: 5rem !important;
}
.m-8{
    margin: 6rem !important;
}
.mx-6{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}
.mx-7{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.mx-8{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}
.my-6{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}
.my-7{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.my-8{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}
.mt-6{
    margin-top: 4rem !important;
}
.mt-7{
    margin-top: 5rem !important;
}
.mt-8{
    margin-top: 6rem !important;
}
.mb-6{
    margin-bottom: 4rem !important;
}
.mb-7{
    margin-bottom: 5rem !important;
}
.mb-8{
    margin-bottom: 6rem !important;
}
.me-6{
    margin-right: 4rem !important;
}
.me-7{
    margin-right: 5rem !important;
}
.me-8{
    margin-right: 6rem !important;
}
.ms-6{
    margin-left: 4rem !important;
}
.ms-7{
    margin-left: 5rem !important;
}
.ms-8{
    margin-left: 6rem !important;
}

@media (min-width: 576px){
    .w-sm-fit{
        width: fit-content;
    }
    .mw-sm-90{
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-sm-80{
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-sm-70{
        max-width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-sm-60{
        max-width: 60% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-sm-50{
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .p-sm-6{
        padding: 4rem !important;
    }
    .p-sm-7{
        padding: 5rem !important;
    }
    .p-sm-8{
        padding: 6rem !important;
    }
    .px-sm-6{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-sm-7{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .px-sm-8{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .py-sm-6{
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-sm-7{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-sm-8{
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-sm-6{
        padding-top: 4rem !important;
    }
    .pt-sm-7{
        padding-top: 5rem !important;
    }
    .pt-sm-8{
        padding-top: 6rem !important;
    }
    .pb-sm-6{
        padding-bottom: 4rem !important;
    }
    .pb-sm-7{
        padding-bottom: 5rem !important;
    }
    .pb-sm-8{
        padding-bottom: 6rem !important;
    }
    .pe-sm-6{
        padding-right: 4rem !important;
    }
    .pe-sm-7{
        padding-right: 5rem !important;
    }
    .pe-sm-8{
        padding-right: 6rem !important;
    }
    .ps-sm-6{
        padding-left: 4rem !important;
    }
    .ps-sm-7{
        padding-left: 5rem !important;
    }
    .ps-sm-8{
        padding-left: 6rem !important;
    }
    /* margin */
    .m-sm-6{
        margin: 4rem !important;
    }
    .m-sm-7{
        margin: 5rem !important;
    }
    .m-sm-8{
        margin: 6rem !important;
    }
    .mx-sm-6{
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    .mx-sm-7{
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .mx-sm-8{
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
    .my-sm-6{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-sm-7{
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .my-sm-8{
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
    .mt-sm-6{
        margin-top: 4rem !important;
    }
    .mt-sm-7{
        margin-top: 5rem !important;
    }
    .mt-sm-8{
        margin-top: 6rem !important;
    }
    .mb-sm-6{
        margin-bottom: 4rem !important;
    }
    .mb-sm-7{
        margin-bottom: 5rem !important;
    }
    .mb-sm-8{
        margin-bottom: 6rem !important;
    }
    .me-sm-6{
        margin-right: 4rem !important;
    }
    .me-sm-7{
        margin-right: 5rem !important;
    }
    .me-sm-8{
        margin-right: 6rem !important;
    }
    .ms-sm-6{
        margin-left: 4rem !important;
    }
    .ms-sm-7{
        margin-left: 5rem !important;
    }
    .ms-sm-8{
        margin-left: 6rem !important;
    }
}
@media (min-width: 768px){
    .w-md-fit{
        width: fit-content;
    }
    .mw-md-90{
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-md-80{
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-md-70{
        max-width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-md-60{
        max-width: 60% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-md-50{
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .p-md-6{
        padding: 4rem !important;
    }
    .p-md-7{
        padding: 5rem !important;
    }
    .p-md-8{
        padding: 6rem !important;
    }
    .px-md-6{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-md-7{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .px-md-8{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .py-md-6{
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-md-7{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-md-8{
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-md-6{
        padding-top: 4rem !important;
    }
    .pt-md-7{
        padding-top: 5rem !important;
    }
    .pt-md-8{
        padding-top: 6rem !important;
    }
    .pb-md-6{
        padding-bottom: 4rem !important;
    }
    .pb-md-7{
        padding-bottom: 5rem !important;
    }
    .pb-md-8{
        padding-bottom: 6rem !important;
    }
    .pe-md-6{
        padding-right: 4rem !important;
    }
    .pe-md-7{
        padding-right: 5rem !important;
    }
    .pe-md-8{
        padding-right: 6rem !important;
    }
    .ps-md-6{
        padding-left: 4rem !important;
    }
    .ps-md-7{
        padding-left: 5rem !important;
    }
    .ps-md-8{
        padding-left: 6rem !important;
    }
    /* margin */
    .m-md-6{
        margin: 4rem !important;
    }
    .m-md-7{
        margin: 5rem !important;
    }
    .m-md-8{
        margin: 6rem !important;
    }
    .mx-md-6{
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    .mx-md-7{
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .mx-md-8{
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
    .my-md-6{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-md-7{
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .my-md-8{
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
    .mt-md-6{
        margin-top: 4rem !important;
    }
    .mt-md-7{
        margin-top: 5rem !important;
    }
    .mt-md-8{
        margin-top: 6rem !important;
    }
    .mb-md-6{
        margin-bottom: 4rem !important;
    }
    .mb-md-7{
        margin-bottom: 5rem !important;
    }
    .mb-md-8{
        margin-bottom: 6rem !important;
    }
    .me-md-6{
        margin-right: 4rem !important;
    }
    .me-md-7{
        margin-right: 5rem !important;
    }
    .me-md-8{
        margin-right: 6rem !important;
    }
    .ms-md-6{
        margin-left: 4rem !important;
    }
    .ms-md-7{
        margin-left: 5rem !important;
    }
    .ms-md-8{
        margin-left: 6rem !important;
    }
}
@media (min-width: 992px){
    .w-lg-fit{
        width: fit-content;
    }
    .mw-500px{
        max-width: 500px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-600px{
        max-width: 600px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-700px{
        max-width: 700px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-800px{
        max-width: 800px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-900px{
        max-width: 900px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-1000px{
        max-width: 1000px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-1140px{
        max-width: 1140px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-lg-90{
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-lg-80{
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-lg-70{
        max-width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-lg-60{
        max-width: 60% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-lg-50{
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .p-lg-6{
        padding: 4rem !important;
    }
    .p-lg-7{
        padding: 5rem !important;
    }
    .p-lg-8{
        padding: 6rem !important;
    }
    .px-lg-6{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-lg-7{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .px-lg-8{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .py-lg-6{
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-lg-7{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-lg-8{
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-lg-6{
        padding-top: 4rem !important;
    }
    .pt-lg-7{
        padding-top: 5rem !important;
    }
    .pt-lg-8{
        padding-top: 6rem !important;
    }
    .pb-lg-6{
        padding-bottom: 4rem !important;
    }
    .pb-lg-7{
        padding-bottom: 5rem !important;
    }
    .pb-lg-8{
        padding-bottom: 6rem !important;
    }
    .pe-lg-6{
        padding-right: 4rem !important;
    }
    .pe-lg-7{
        padding-right: 5rem !important;
    }
    .pe-lg-8{
        padding-right: 6rem !important;
    }
    .ps-lg-6{
        padding-left: 4rem !important;
    }
    .ps-lg-7{
        padding-left: 5rem !important;
    }
    .ps-lg-8{
        padding-left: 6rem !important;
    }
    /* margin */
    .m-lg-6{
        margin: 4rem !important;
    }
    .m-lg-7{
        margin: 5rem !important;
    }
    .m-lg-8{
        margin: 6rem !important;
    }
    .mx-lg-6{
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    .mx-lg-7{
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .mx-lg-8{
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
    .my-lg-6{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-lg-7{
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .my-lg-8{
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
    .mt-lg-6{
        margin-top: 4rem !important;
    }
    .mt-lg-7{
        margin-top: 5rem !important;
    }
    .mt-lg-8{
        margin-top: 6rem !important;
    }
    .mb-lg-6{
        margin-bottom: 4rem !important;
    }
    .mb-lg-7{
        margin-bottom: 5rem !important;
    }
    .mb-lg-8{
        margin-bottom: 6rem !important;
    }
    .me-lg-6{
        margin-right: 4rem !important;
    }
    .me-lg-7{
        margin-right: 5rem !important;
    }
    .me-lg-8{
        margin-right: 6rem !important;
    }
    .ms-lg-6{
        margin-left: 4rem !important;
    }
    .ms-lg-7{
        margin-left: 5rem !important;
    }
    .ms-lg-8{
        margin-left: 6rem !important;
    }
}
@media (min-width: 1200px){ 
    .w-xl-fit{
        width: fit-content;
    }   
    .mw-xl-90{
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xl-80{
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xl-70{
        max-width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xl-60{
        max-width: 60% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xl-50{
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .p-xl-6{
        padding: 4rem !important;
    }
    .p-xl-7{
        padding: 5rem !important;
    }
    .p-xl-8{
        padding: 6rem !important;
    }
    .px-xl-6{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-xl-7{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .px-xl-8{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .py-xl-6{
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xl-7{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-xl-8{
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-xl-6{
        padding-top: 4rem !important;
    }
    .pt-xl-7{
        padding-top: 5rem !important;
    }
    .pt-xl-8{
        padding-top: 6rem !important;
    }
    .pb-xl-6{
        padding-bottom: 4rem !important;
    }
    .pb-xl-7{
        padding-bottom: 5rem !important;
    }
    .pb-xl-8{
        padding-bottom: 6rem !important;
    }
    .pe-xl-6{
        padding-right: 4rem !important;
    }
    .pe-xl-7{
        padding-right: 5rem !important;
    }
    .pe-xl-8{
        padding-right: 6rem !important;
    }
    .ps-xl-6{
        padding-left: 4rem !important;
    }
    .ps-xl-7{
        padding-left: 5rem !important;
    }
    .ps-xl-8{
        padding-left: 6rem !important;
    }
    /* margin */
    .m-xl-6{
        margin: 4rem !important;
    }
    .m-xl-7{
        margin: 5rem !important;
    }
    .m-xl-8{
        margin: 6rem !important;
    }
    .mx-xl-6{
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    .mx-xl-7{
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .mx-xl-8{
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
    .my-xl-6{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-xl-7{
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .my-xl-8{
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
    .mt-xl-6{
        margin-top: 4rem !important;
    }
    .mt-xl-7{
        margin-top: 5rem !important;
    }
    .mt-xl-8{
        margin-top: 6rem !important;
    }
    .mb-xl-6{
        margin-bottom: 4rem !important;
    }
    .mb-xl-7{
        margin-bottom: 5rem !important;
    }
    .mb-xl-8{
        margin-bottom: 6rem !important;
    }
    .me-xl-6{
        margin-right: 4rem !important;
    }
    .me-xl-7{
        margin-right: 5rem !important;
    }
    .me-xl-8{
        margin-right: 6rem !important;
    }
    .ms-xl-6{
        margin-left: 4rem !important;
    }
    .ms-xl-7{
        margin-left: 5rem !important;
    }
    .ms-xl-8{
        margin-left: 6rem !important;
    }
}
@media (min-width: 1400px){    
    .w-xxl-fit{
        width: fit-content;
    }
    .mw-xxl-90{
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xxl-80{
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xxl-70{
        max-width: 70% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xxl-60{
        max-width: 60% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .mw-xxl-50{
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .p-xxl-6{
        padding: 4rem !important;
    }
    .p-xxl-7{
        padding: 5rem !important;
    }
    .p-xxl-8{
        padding: 6rem !important;
    }
    .px-xxl-6{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-xxl-7{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .px-xxl-8{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .py-xxl-6{
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xxl-7{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-xxl-8{
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-xxl-6{
        padding-top: 4rem !important;
    }
    .pt-xxl-7{
        padding-top: 5rem !important;
    }
    .pt-xxl-8{
        padding-top: 6rem !important;
    }
    .pb-xxl-6{
        padding-bottom: 4rem !important;
    }
    .pb-xxl-7{
        padding-bottom: 5rem !important;
    }
    .pb-xxl-8{
        padding-bottom: 6rem !important;
    }
    .pe-xxl-6{
        padding-right: 4rem !important;
    }
    .pe-xxl-7{
        padding-right: 5rem !important;
    }
    .pe-xxl-8{
        padding-right: 6rem !important;
    }
    .ps-xxl-6{
        padding-left: 4rem !important;
    }
    .ps-xxl-7{
        padding-left: 5rem !important;
    }
    .ps-xxl-8{
        padding-left: 6rem !important;
    }
    /* margin */
    .m-xxl-6{
        margin: 4rem !important;
    }
    .m-xxl-7{
        margin: 5rem !important;
    }
    .m-xxl-8{
        margin: 6rem !important;
    }
    .mx-xxl-6{
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    .mx-xxl-7{
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .mx-xxl-8{
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
    .my-xxl-6{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-xxl-7{
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .my-xxl-8{
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
    .mt-xxl-6{
        margin-top: 4rem !important;
    }
    .mt-xxl-7{
        margin-top: 5rem !important;
    }
    .mt-xxl-8{
        margin-top: 6rem !important;
    }
    .mb-xxl-6{
        margin-bottom: 4rem !important;
    }
    .mb-xxl-7{
        margin-bottom: 5rem !important;
    }
    .mb-xxl-8{
        margin-bottom: 6rem !important;
    }
    .me-xxl-6{
        margin-right: 4rem !important;
    }
    .me-xxl-7{
        margin-right: 5rem !important;
    }
    .me-xxl-8{
        margin-right: 6rem !important;
    }
    .ms-xxl-6{
        margin-left: 4rem !important;
    }
    .ms-xxl-7{
        margin-left: 5rem !important;
    }
    .ms-xxl-8{
        margin-left: 6rem !important;
    }
}