.ar {
    width: 100%;
    height: 0;
}
.mw-100p {
    width: 100%;
    max-width: 100px;
}
@media (min-width: 1200px) {
    .mw-xl-100p {
        width: 100%;
        max-width: 100px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-100p {
        width: 100%;
        max-width: 100px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-100p {
        width: 100%;
        max-width: 100px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-100p {
        width: 100%;
        max-width: 100px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-100p {
        width: 100%;
        max-width: 100px !important;
   }
}
.mw-150p {
    width: 100%;
    max-width: 150px;
}
@media (min-width: 1200px) {
    .mw-xl-150p {
        width: 100%;
        max-width: 150px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-150p {
        width: 100%;
        max-width: 150px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-150p {
        width: 100%;
        max-width: 150px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-150p {
        width: 100%;
        max-width: 150px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-150p {
        width: 100%;
        max-width: 150px !important;
   }
}
.mw-200p {
    width: 100%;
    max-width: 200px;
}
@media (min-width: 1200px) {
    .mw-xl-200p {
        width: 100%;
        max-width: 200px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-200p {
        width: 100%;
        max-width: 200px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-200p {
        width: 100%;
        max-width: 200px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-200p {
        width: 100%;
        max-width: 200px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-200p {
        width: 100%;
        max-width: 200px !important;
   }
}
.mw-300p {
    width: 100%;
    max-width: 300px;
}
@media (min-width: 1200px) {
    .mw-xl-300p {
        width: 100%;
        max-width: 300px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-300p {
        width: 100%;
        max-width: 300px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-300p {
        width: 100%;
        max-width: 300px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-300p {
        width: 100%;
        max-width: 300px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-300p {
        width: 100%;
        max-width: 300px !important;
   }
}
.mw-400p {
    width: 100%;
    max-width: 400px;
}
@media (min-width: 1200px) {
    .mw-xl-400p {
        width: 100%;
        max-width: 400px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-400p {
        width: 100%;
        max-width: 400px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-400p {
        width: 100%;
        max-width: 400px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-400p {
        width: 100%;
        max-width: 400px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-400p {
        width: 100%;
        max-width: 400px !important;
   }
}
.mw-500p {
    width: 100%;
    max-width: 500px;
}
@media (min-width: 1200px) {
    .mw-xl-500p {
        width: 100%;
        max-width: 500px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-500p {
        width: 100%;
        max-width: 500px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-500p {
        width: 100%;
        max-width: 500px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-500p {
        width: 100%;
        max-width: 500px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-500p {
        width: 100%;
        max-width: 500px !important;
   }
}
.mw-600p {
    width: 100%;
    max-width: 600px;
}
@media (min-width: 1200px) {
    .mw-xl-600p {
        width: 100%;
        max-width: 600px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-600p {
        width: 100%;
        max-width: 600px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-600p {
        width: 100%;
        max-width: 600px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-600p {
        width: 100%;
        max-width: 600px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-600p {
        width: 100%;
        max-width: 600px !important;
   }
}
.mw-700p {
    width: 100%;
    max-width: 700px;
}
@media (min-width: 1200px) {
    .mw-xl-700p {
        width: 100%;
        max-width: 700px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-700p {
        width: 100%;
        max-width: 700px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-700p {
        width: 100%;
        max-width: 700px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-700p {
        width: 100%;
        max-width: 700px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-700p {
        width: 100%;
        max-width: 700px !important;
   }
}
.mw-750p {
    width: 100%;
    max-width: 750px;
}
@media (min-width: 1200px) {
    .mw-xl-750p {
        width: 100%;
        max-width: 750px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-750p {
        width: 100%;
        max-width: 750px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-750p {
        width: 100%;
        max-width: 750px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-750p {
        width: 100%;
        max-width: 750px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-750p {
        width: 100%;
        max-width: 750px !important;
   }
}
.mw-800p {
    width: 100%;
    max-width: 800px;
}
@media (min-width: 1200px) {
    .mw-xl-800p {
        width: 100%;
        max-width: 800px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-800p {
        width: 100%;
        max-width: 800px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-800p {
        width: 100%;
        max-width: 800px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-800p {
        width: 100%;
        max-width: 800px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-800p {
        width: 100%;
        max-width: 800px !important;
   }
}
.mw-900p {
    width: 100%;
    max-width: 900px;
}
@media (min-width: 1200px) {
    .mw-xl-900p {
        width: 100%;
        max-width: 900px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-900p {
        width: 100%;
        max-width: 900px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-900p {
        width: 100%;
        max-width: 900px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-900p {
        width: 100%;
        max-width: 900px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-900p {
        width: 100%;
        max-width: 900px !important;
   }
}
.mw-1100p {
    width: 100%;
    max-width: 1100px;
}
@media (min-width: 1200px) {
    .mw-xl-1100p {
        width: 100%;
        max-width: 1100px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-1100p {
        width: 100%;
        max-width: 1100px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-1100p {
        width: 100%;
        max-width: 1100px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-1100p {
        width: 100%;
        max-width: 1100px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-1100p {
        width: 100%;
        max-width: 1100px !important;
   }
}
.mw-1200p {
    width: 100%;
    max-width: 1200px;
}
@media (min-width: 1200px) {
    .mw-xl-1200p {
        width: 100%;
        max-width: 1200px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-1200p {
        width: 100%;
        max-width: 1200px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-1200p {
        width: 100%;
        max-width: 1200px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-1200p {
        width: 100%;
        max-width: 1200px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-1200p {
        width: 100%;
        max-width: 1200px !important;
   }
}
.mw-1300p {
    width: 100%;
    max-width: 1300px;
}
@media (min-width: 1200px) {
    .mw-xl-1300p {
        width: 100%;
        max-width: 1300px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-1300p {
        width: 100%;
        max-width: 1300px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-1300p {
        width: 100%;
        max-width: 1300px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-1300p {
        width: 100%;
        max-width: 1300px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-1300p {
        width: 100%;
        max-width: 1300px !important;
   }
}
.mw-1400p {
    width: 100%;
    max-width: 1400px;
}
@media (min-width: 1200px) {
    .mw-xl-1400p {
        width: 100%;
        max-width: 1400px !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-1400p {
        width: 100%;
        max-width: 1400px !important;
   }
}
@media (min-width: 768px) {
    .mw-md-1400p {
        width: 100%;
        max-width: 1400px !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-1400p {
        width: 100%;
        max-width: 1400px !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-1400p {
        width: 100%;
        max-width: 1400px !important;
   }
}
.mw-100 {
    width: 100%;
    max-width: 100%;
}
@media (min-width: 1200px) {
    .mw-xl-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
.mw-98 {
    width: 98%;
    max-width: 98%;
}
@media (min-width: 1200px) {
    .mw-xl-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
.mw-95 {
    width: 95%;
    max-width: 95%;
}
@media (min-width: 1200px) {
    .mw-xl-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
.mw-90 {
    width: 90%;
    max-width: 90%;
}
@media (min-width: 1200px) {
    .mw-xl-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
.mw-80 {
    width: 80%;
    max-width: 80%;
}
@media (min-width: 1200px) {
    .mw-xl-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
.mw-70 {
    width: 70%;
    max-width: 70%;
}
@media (min-width: 1200px) {
    .mw-xl-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
.mw-60 {
    width: 60%;
    max-width: 60%;
}
@media (min-width: 1200px) {
    .mw-xl-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
.mw-50 {
    width: 50%;
    max-width: 50%;
}
@media (min-width: 1200px) {
    .mw-xl-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
.mw-40 {
    width: 40%;
    max-width: 40%;
}
@media (min-width: 1200px) {
    .mw-xl-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
.mw-30 {
    width: 30%;
    max-width: 30%;
}
@media (min-width: 1200px) {
    .mw-xl-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
.mw-20 {
    width: 20%;
    max-width: 20%;
}
@media (min-width: 1200px) {
    .mw-xl-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
@media (min-width: 992px) {
    .mw-lg-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
@media (min-width: 768px) {
    .mw-md-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
@media (min-width: 576px) {
    .mw-sm-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
@media (max-width: 576px) {
    .mw-xs-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
.ar-16-9 {
    padding-bottom: 56.25%;
}
@media (min-width: 1200px) {
    .ar-xl-16-9 {
        padding-bottom: 56.25% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-16-9 {
        padding-bottom: 56.25% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-16-9 {
        padding-bottom: 56.25% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-16-9 {
        padding-bottom: 56.25% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-16-9 {
        padding-bottom: 56.25% !important;
   }
}
.ar-1-1 {
    padding-bottom: 100%;
}
@media (min-width: 1200px) {
    .ar-xl-1-1 {
        padding-bottom: 100% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-1-1 {
        padding-bottom: 100% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-1-1 {
        padding-bottom: 100% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-1-1 {
        padding-bottom: 100% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-1-1 {
        padding-bottom: 100% !important;
   }
}
.ar-3-1 {
    padding-bottom: 33.3333333333%;
}
@media (min-width: 1200px) {
    .ar-xl-3-1 {
        padding-bottom: 33.3333333333% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-3-1 {
        padding-bottom: 33.3333333333% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-3-1 {
        padding-bottom: 33.3333333333% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-3-1 {
        padding-bottom: 33.3333333333% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-3-1 {
        padding-bottom: 33.3333333333% !important;
   }
}
.ar-3-2 {
    padding-bottom: 66.6666666667%;
}
@media (min-width: 1200px) {
    .ar-xl-3-2 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-3-2 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-3-2 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-3-2 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-3-2 {
        padding-bottom: 66.6666666667% !important;
   }
}
.ar-5-1 {
    padding-bottom: 20%;
}
@media (min-width: 1200px) {
    .ar-xl-5-1 {
        padding-bottom: 20% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-5-1 {
        padding-bottom: 20% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-5-1 {
        padding-bottom: 20% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-5-1 {
        padding-bottom: 20% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-5-1 {
        padding-bottom: 20% !important;
   }
}
.ar-12-10 {
    padding-bottom: 83.3333333333%;
}
@media (min-width: 1200px) {
    .ar-xl-12-10 {
        padding-bottom: 83.3333333333% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-12-10 {
        padding-bottom: 83.3333333333% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-12-10 {
        padding-bottom: 83.3333333333% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-12-10 {
        padding-bottom: 83.3333333333% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-12-10 {
        padding-bottom: 83.3333333333% !important;
   }
}
.ar-9-6 {
    padding-bottom: 66.6666666667%;
}
@media (min-width: 1200px) {
    .ar-xl-9-6 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-9-6 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-9-6 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-9-6 {
        padding-bottom: 66.6666666667% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-9-6 {
        padding-bottom: 66.6666666667% !important;
   }
}
.ar-9-7 {
    padding-bottom: 77.7777777778%;
}
@media (min-width: 1200px) {
    .ar-xl-9-7 {
        padding-bottom: 77.7777777778% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-9-7 {
        padding-bottom: 77.7777777778% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-9-7 {
        padding-bottom: 77.7777777778% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-9-7 {
        padding-bottom: 77.7777777778% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-9-7 {
        padding-bottom: 77.7777777778% !important;
   }
}
.ar-10-13 {
    padding-bottom: 130%;
}
@media (min-width: 1200px) {
    .ar-xl-10-13 {
        padding-bottom: 130% !important;
   }
}
@media (min-width: 992px) {
    .ar-lg-10-13 {
        padding-bottom: 130% !important;
   }
}
@media (min-width: 768px) {
    .ar-md-10-13 {
        padding-bottom: 130% !important;
   }
}
@media (min-width: 576px) {
    .ar-sm-10-13 {
        padding-bottom: 130% !important;
   }
}
@media (max-width: 576px) {
    .ar-xs-10-13 {
        padding-bottom: 130% !important;
   }
}
.w-100 {
    width: 100%;
}
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
   }
}
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
        max-width: 100% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-100 {
        width: 100% !important;
   }
}
.w-98 {
    width: 98%;
}
@media (min-width: 1200px) {
    .w-xl-98 {
        width: 98% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-98 {
        width: 98% !important;
   }
}
@media (min-width: 768px) {
    .w-md-98 {
        width: 98% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-98 {
        width: 98% !important;
        max-width: 98% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-98 {
        width: 98% !important;
   }
}
.w-95 {
    width: 95%;
}
@media (min-width: 1200px) {
    .w-xl-95 {
        width: 95% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-95 {
        width: 95% !important;
   }
}
@media (min-width: 768px) {
    .w-md-95 {
        width: 95% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-95 {
        width: 95% !important;
        max-width: 95% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-95 {
        width: 95% !important;
   }
}
.w-90 {
    width: 90%;
}
@media (min-width: 1200px) {
    .w-xl-90 {
        width: 90% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-90 {
        width: 90% !important;
   }
}
@media (min-width: 768px) {
    .w-md-90 {
        width: 90% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-90 {
        width: 90% !important;
        max-width: 90% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-90 {
        width: 90% !important;
   }
}
.w-80 {
    width: 80%;
}
@media (min-width: 1200px) {
    .w-xl-80 {
        width: 80% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-80 {
        width: 80% !important;
   }
}
@media (min-width: 768px) {
    .w-md-80 {
        width: 80% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-80 {
        width: 80% !important;
        max-width: 80% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-80 {
        width: 80% !important;
   }
}
.w-70 {
    width: 70%;
}
@media (min-width: 1200px) {
    .w-xl-70 {
        width: 70% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-70 {
        width: 70% !important;
   }
}
@media (min-width: 768px) {
    .w-md-70 {
        width: 70% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-70 {
        width: 70% !important;
        max-width: 70% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-70 {
        width: 70% !important;
   }
}
.w-60 {
    width: 60%;
}
@media (min-width: 1200px) {
    .w-xl-60 {
        width: 60% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-60 {
        width: 60% !important;
   }
}
@media (min-width: 768px) {
    .w-md-60 {
        width: 60% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-60 {
        width: 60% !important;
        max-width: 60% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-60 {
        width: 60% !important;
   }
}
.w-50 {
    width: 50%;
}
@media (min-width: 1200px) {
    .w-xl-50 {
        width: 50% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-50 {
        width: 50% !important;
   }
}
@media (min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-50 {
        width: 50% !important;
        max-width: 50% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-50 {
        width: 50% !important;
   }
}
.w-40 {
    width: 40%;
}
@media (min-width: 1200px) {
    .w-xl-40 {
        width: 40% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-40 {
        width: 40% !important;
   }
}
@media (min-width: 768px) {
    .w-md-40 {
        width: 40% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-40 {
        width: 40% !important;
        max-width: 40% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-40 {
        width: 40% !important;
   }
}
.w-30 {
    width: 30%;
}
@media (min-width: 1200px) {
    .w-xl-30 {
        width: 30% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-30 {
        width: 30% !important;
   }
}
@media (min-width: 768px) {
    .w-md-30 {
        width: 30% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-30 {
        width: 30% !important;
        max-width: 30% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-30 {
        width: 30% !important;
   }
}
.w-20 {
    width: 20%;
}
@media (min-width: 1200px) {
    .w-xl-20 {
        width: 20% !important;
   }
}
@media (min-width: 992px) {
    .w-lg-20 {
        width: 20% !important;
   }
}
@media (min-width: 768px) {
    .w-md-20 {
        width: 20% !important;
   }
}
@media (min-width: 576px) {
    .w-sm-20 {
        width: 20% !important;
        max-width: 20% !important;
   }
}
@media (max-width: 576px) {
    .w-xs-20 {
        width: 20% !important;
   }
}
.m--12px {
    margin: -12px !important;
}
.mx--12px {
    margin-left: -12px !important;
    margin-right: -12px !important;
}
.my--12px {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
}
.mt--12px {
    margin-top: -12px !important;
}
.mb--12px {
    margin-bottom: -12px !important;
}
.ms--12px {
    margin-left: -12px !important;
}
.me--12px {
    margin-right: -12px !important;
}
.p--12px {
    padding: -12px !important;
}
.px--12px {
    padding-left: -12px !important;
    padding-right: -12px !important;
}
.py--12px {
    padding-top: -12px !important;
    padding-bottom: -12px !important;
}
.pt--12px {
    padding-top: -12px !important;
}
.pb--12px {
    padding-bottom: -12px !important;
}
.ps--12px {
    padding-left: -12px !important;
}
.pe--12px {
    padding-right: -12px !important;
}
@media (min-width: 1200px) {
    .m-xl--12px {
        margin: -12px !important;
   }
    .mx-xl--12px {
        margin-left: -12px !important;
        margin-right: -12px !important;
   }
    .my-xl--12px {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
   }
    .mt-xl--12px {
        margin-top: -12px !important;
   }
    .mb-xl--12px {
        margin-bottom: -12px !important;
   }
    .ms-xl--12px {
        margin-left: -12px !important;
   }
    .me-xl--12px {
        margin-right: -12px !important;
   }
    .p-xl--12px {
        padding: -12px !important;
   }
    .px-xl--12px {
        padding-left: -12px !important;
        padding-right: -12px !important;
   }
    .py-xl--12px {
        padding-top: -12px !important;
        padding-bottom: -12px !important;
   }
    .pt-xl--12px {
        padding-top: -12px !important;
   }
    .pb-xl--12px {
        padding-bottom: -12px !important;
   }
    .ps-xl--12px {
        padding-left: -12px !important;
   }
    .pe-xl--12px {
        padding-right: -12px !important;
   }
}
@media (min-width: 992px) {
    .m-lg--12px {
        margin: -12px !important;
   }
    .mx-lg--12px {
        margin-left: -12px !important;
        margin-right: -12px !important;
   }
    .my-lg--12px {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
   }
    .mt-lg--12px {
        margin-top: -12px !important;
   }
    .mb-lg--12px {
        margin-bottom: -12px !important;
   }
    .ms-lg--12px {
        margin-left: -12px !important;
   }
    .me-lg--12px {
        margin-right: -12px !important;
   }
    .p-lg--12px {
        padding: -12px !important;
   }
    .px-lg--12px {
        padding-left: -12px !important;
        padding-right: -12px !important;
   }
    .py-lg--12px {
        padding-top: -12px !important;
        padding-bottom: -12px !important;
   }
    .pt-lg--12px {
        padding-top: -12px !important;
   }
    .pb-lg--12px {
        padding-bottom: -12px !important;
   }
    .ps-lg--12px {
        padding-left: -12px !important;
   }
    .pe-lg--12px {
        padding-right: -12px !important;
   }
}
@media (min-width: 768px) {
    .m-md--12px {
        margin: -12px !important;
   }
    .mx-md--12px {
        margin-left: -12px !important;
        margin-right: -12px !important;
   }
    .my-md--12px {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
   }
    .mt-md--12px {
        margin-top: -12px !important;
   }
    .mb-md--12px {
        margin-bottom: -12px !important;
   }
    .ms-md--12px {
        margin-left: -12px !important;
   }
    .me-md--12px {
        margin-right: -12px !important;
   }
    .p-md--12px {
        padding: -12px !important;
   }
    .px-md--12px {
        padding-left: -12px !important;
        padding-right: -12px !important;
   }
    .py-md--12px {
        padding-top: -12px !important;
        padding-bottom: -12px !important;
   }
    .pt-md--12px {
        padding-top: -12px !important;
   }
    .pb-md--12px {
        padding-bottom: -12px !important;
   }
    .ps-md--12px {
        padding-left: -12px !important;
   }
    .pe-md--12px {
        padding-right: -12px !important;
   }
}
@media (min-width: 576px) {
    .m-sm--12px {
        margin: -12px !important;
   }
    .mx-sm--12px {
        margin-left: -12px !important;
        margin-right: -12px !important;
   }
    .my-sm--12px {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
   }
    .mt-sm--12px {
        margin-top: -12px !important;
   }
    .mb-sm--12px {
        margin-bottom: -12px !important;
   }
    .ms-sm--12px {
        margin-left: -12px !important;
   }
    .me-sm--12px {
        margin-right: -12px !important;
   }
    .p-sm--12px {
        padding: -12px !important;
   }
    .px-sm--12px {
        padding-left: -12px !important;
        padding-right: -12px !important;
   }
    .py-sm--12px {
        padding-top: -12px !important;
        padding-bottom: -12px !important;
   }
    .pt-sm--12px {
        padding-top: -12px !important;
   }
    .pb-sm--12px {
        padding-bottom: -12px !important;
   }
    .ps-sm--12px {
        padding-left: -12px !important;
   }
    .pe-sm--12px {
        padding-right: -12px !important;
   }
}
@media (max-width: 576px) {
    .m-xs--12px {
        margin: -12px !important;
   }
    .mx-xs--12px {
        margin-left: -12px !important;
        margin-right: -12px !important;
   }
    .my-xs--12px {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
   }
    .mt-xs--12px {
        margin-top: -12px !important;
   }
    .mb-xs--12px {
        margin-bottom: -12px !important;
   }
    .ms-xs--12px {
        margin-left: -12px !important;
   }
    .me-xs--12px {
        margin-right: -12px !important;
   }
    .p-xs--12px {
        padding: -12px !important;
   }
    .px-xs--12px {
        padding-left: -12px !important;
        padding-right: -12px !important;
   }
    .py-xs--12px {
        padding-top: -12px !important;
        padding-bottom: -12px !important;
   }
    .pt-xs--12px {
        padding-top: -12px !important;
   }
    .pb-xs--12px {
        padding-bottom: -12px !important;
   }
    .ps-xs--12px {
        padding-left: -12px !important;
   }
    .pe-xs--12px {
        padding-right: -12px !important;
   }
}
.m--16px {
    margin: -16px !important;
}
.mx--16px {
    margin-left: -16px !important;
    margin-right: -16px !important;
}
.my--16px {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
}
.mt--16px {
    margin-top: -16px !important;
}
.mb--16px {
    margin-bottom: -16px !important;
}
.ms--16px {
    margin-left: -16px !important;
}
.me--16px {
    margin-right: -16px !important;
}
.p--16px {
    padding: -16px !important;
}
.px--16px {
    padding-left: -16px !important;
    padding-right: -16px !important;
}
.py--16px {
    padding-top: -16px !important;
    padding-bottom: -16px !important;
}
.pt--16px {
    padding-top: -16px !important;
}
.pb--16px {
    padding-bottom: -16px !important;
}
.ps--16px {
    padding-left: -16px !important;
}
.pe--16px {
    padding-right: -16px !important;
}
@media (min-width: 1200px) {
    .m-xl--16px {
        margin: -16px !important;
   }
    .mx-xl--16px {
        margin-left: -16px !important;
        margin-right: -16px !important;
   }
    .my-xl--16px {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
   }
    .mt-xl--16px {
        margin-top: -16px !important;
   }
    .mb-xl--16px {
        margin-bottom: -16px !important;
   }
    .ms-xl--16px {
        margin-left: -16px !important;
   }
    .me-xl--16px {
        margin-right: -16px !important;
   }
    .p-xl--16px {
        padding: -16px !important;
   }
    .px-xl--16px {
        padding-left: -16px !important;
        padding-right: -16px !important;
   }
    .py-xl--16px {
        padding-top: -16px !important;
        padding-bottom: -16px !important;
   }
    .pt-xl--16px {
        padding-top: -16px !important;
   }
    .pb-xl--16px {
        padding-bottom: -16px !important;
   }
    .ps-xl--16px {
        padding-left: -16px !important;
   }
    .pe-xl--16px {
        padding-right: -16px !important;
   }
}
@media (min-width: 992px) {
    .m-lg--16px {
        margin: -16px !important;
   }
    .mx-lg--16px {
        margin-left: -16px !important;
        margin-right: -16px !important;
   }
    .my-lg--16px {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
   }
    .mt-lg--16px {
        margin-top: -16px !important;
   }
    .mb-lg--16px {
        margin-bottom: -16px !important;
   }
    .ms-lg--16px {
        margin-left: -16px !important;
   }
    .me-lg--16px {
        margin-right: -16px !important;
   }
    .p-lg--16px {
        padding: -16px !important;
   }
    .px-lg--16px {
        padding-left: -16px !important;
        padding-right: -16px !important;
   }
    .py-lg--16px {
        padding-top: -16px !important;
        padding-bottom: -16px !important;
   }
    .pt-lg--16px {
        padding-top: -16px !important;
   }
    .pb-lg--16px {
        padding-bottom: -16px !important;
   }
    .ps-lg--16px {
        padding-left: -16px !important;
   }
    .pe-lg--16px {
        padding-right: -16px !important;
   }
}
@media (min-width: 768px) {
    .m-md--16px {
        margin: -16px !important;
   }
    .mx-md--16px {
        margin-left: -16px !important;
        margin-right: -16px !important;
   }
    .my-md--16px {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
   }
    .mt-md--16px {
        margin-top: -16px !important;
   }
    .mb-md--16px {
        margin-bottom: -16px !important;
   }
    .ms-md--16px {
        margin-left: -16px !important;
   }
    .me-md--16px {
        margin-right: -16px !important;
   }
    .p-md--16px {
        padding: -16px !important;
   }
    .px-md--16px {
        padding-left: -16px !important;
        padding-right: -16px !important;
   }
    .py-md--16px {
        padding-top: -16px !important;
        padding-bottom: -16px !important;
   }
    .pt-md--16px {
        padding-top: -16px !important;
   }
    .pb-md--16px {
        padding-bottom: -16px !important;
   }
    .ps-md--16px {
        padding-left: -16px !important;
   }
    .pe-md--16px {
        padding-right: -16px !important;
   }
}
@media (min-width: 576px) {
    .m-sm--16px {
        margin: -16px !important;
   }
    .mx-sm--16px {
        margin-left: -16px !important;
        margin-right: -16px !important;
   }
    .my-sm--16px {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
   }
    .mt-sm--16px {
        margin-top: -16px !important;
   }
    .mb-sm--16px {
        margin-bottom: -16px !important;
   }
    .ms-sm--16px {
        margin-left: -16px !important;
   }
    .me-sm--16px {
        margin-right: -16px !important;
   }
    .p-sm--16px {
        padding: -16px !important;
   }
    .px-sm--16px {
        padding-left: -16px !important;
        padding-right: -16px !important;
   }
    .py-sm--16px {
        padding-top: -16px !important;
        padding-bottom: -16px !important;
   }
    .pt-sm--16px {
        padding-top: -16px !important;
   }
    .pb-sm--16px {
        padding-bottom: -16px !important;
   }
    .ps-sm--16px {
        padding-left: -16px !important;
   }
    .pe-sm--16px {
        padding-right: -16px !important;
   }
}
@media (max-width: 576px) {
    .m-xs--16px {
        margin: -16px !important;
   }
    .mx-xs--16px {
        margin-left: -16px !important;
        margin-right: -16px !important;
   }
    .my-xs--16px {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
   }
    .mt-xs--16px {
        margin-top: -16px !important;
   }
    .mb-xs--16px {
        margin-bottom: -16px !important;
   }
    .ms-xs--16px {
        margin-left: -16px !important;
   }
    .me-xs--16px {
        margin-right: -16px !important;
   }
    .p-xs--16px {
        padding: -16px !important;
   }
    .px-xs--16px {
        padding-left: -16px !important;
        padding-right: -16px !important;
   }
    .py-xs--16px {
        padding-top: -16px !important;
        padding-bottom: -16px !important;
   }
    .pt-xs--16px {
        padding-top: -16px !important;
   }
    .pb-xs--16px {
        padding-bottom: -16px !important;
   }
    .ps-xs--16px {
        padding-left: -16px !important;
   }
    .pe-xs--16px {
        padding-right: -16px !important;
   }
}
.m-8px {
    margin: 8px !important;
}
.mx-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.my-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.mt-8px {
    margin-top: 8px !important;
}
.mb-8px {
    margin-bottom: 8px !important;
}
.ms-8px {
    margin-left: 8px !important;
}
.me-8px {
    margin-right: 8px !important;
}
.p-8px {
    padding: 8px !important;
}
.px-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.py-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.pt-8px {
    padding-top: 8px !important;
}
.pb-8px {
    padding-bottom: 8px !important;
}
.ps-8px {
    padding-left: 8px !important;
}
.pe-8px {
    padding-right: 8px !important;
}
@media (min-width: 1200px) {
    .m-xl-8px {
        margin: 8px !important;
   }
    .mx-xl-8px {
        margin-left: 8px !important;
        margin-right: 8px !important;
   }
    .my-xl-8px {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
   }
    .mt-xl-8px {
        margin-top: 8px !important;
   }
    .mb-xl-8px {
        margin-bottom: 8px !important;
   }
    .ms-xl-8px {
        margin-left: 8px !important;
   }
    .me-xl-8px {
        margin-right: 8px !important;
   }
    .p-xl-8px {
        padding: 8px !important;
   }
    .px-xl-8px {
        padding-left: 8px !important;
        padding-right: 8px !important;
   }
    .py-xl-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
   }
    .pt-xl-8px {
        padding-top: 8px !important;
   }
    .pb-xl-8px {
        padding-bottom: 8px !important;
   }
    .ps-xl-8px {
        padding-left: 8px !important;
   }
    .pe-xl-8px {
        padding-right: 8px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-8px {
        margin: 8px !important;
   }
    .mx-lg-8px {
        margin-left: 8px !important;
        margin-right: 8px !important;
   }
    .my-lg-8px {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
   }
    .mt-lg-8px {
        margin-top: 8px !important;
   }
    .mb-lg-8px {
        margin-bottom: 8px !important;
   }
    .ms-lg-8px {
        margin-left: 8px !important;
   }
    .me-lg-8px {
        margin-right: 8px !important;
   }
    .p-lg-8px {
        padding: 8px !important;
   }
    .px-lg-8px {
        padding-left: 8px !important;
        padding-right: 8px !important;
   }
    .py-lg-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
   }
    .pt-lg-8px {
        padding-top: 8px !important;
   }
    .pb-lg-8px {
        padding-bottom: 8px !important;
   }
    .ps-lg-8px {
        padding-left: 8px !important;
   }
    .pe-lg-8px {
        padding-right: 8px !important;
   }
}
@media (min-width: 768px) {
    .m-md-8px {
        margin: 8px !important;
   }
    .mx-md-8px {
        margin-left: 8px !important;
        margin-right: 8px !important;
   }
    .my-md-8px {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
   }
    .mt-md-8px {
        margin-top: 8px !important;
   }
    .mb-md-8px {
        margin-bottom: 8px !important;
   }
    .ms-md-8px {
        margin-left: 8px !important;
   }
    .me-md-8px {
        margin-right: 8px !important;
   }
    .p-md-8px {
        padding: 8px !important;
   }
    .px-md-8px {
        padding-left: 8px !important;
        padding-right: 8px !important;
   }
    .py-md-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
   }
    .pt-md-8px {
        padding-top: 8px !important;
   }
    .pb-md-8px {
        padding-bottom: 8px !important;
   }
    .ps-md-8px {
        padding-left: 8px !important;
   }
    .pe-md-8px {
        padding-right: 8px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-8px {
        margin: 8px !important;
   }
    .mx-sm-8px {
        margin-left: 8px !important;
        margin-right: 8px !important;
   }
    .my-sm-8px {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
   }
    .mt-sm-8px {
        margin-top: 8px !important;
   }
    .mb-sm-8px {
        margin-bottom: 8px !important;
   }
    .ms-sm-8px {
        margin-left: 8px !important;
   }
    .me-sm-8px {
        margin-right: 8px !important;
   }
    .p-sm-8px {
        padding: 8px !important;
   }
    .px-sm-8px {
        padding-left: 8px !important;
        padding-right: 8px !important;
   }
    .py-sm-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
   }
    .pt-sm-8px {
        padding-top: 8px !important;
   }
    .pb-sm-8px {
        padding-bottom: 8px !important;
   }
    .ps-sm-8px {
        padding-left: 8px !important;
   }
    .pe-sm-8px {
        padding-right: 8px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-8px {
        margin: 8px !important;
   }
    .mx-xs-8px {
        margin-left: 8px !important;
        margin-right: 8px !important;
   }
    .my-xs-8px {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
   }
    .mt-xs-8px {
        margin-top: 8px !important;
   }
    .mb-xs-8px {
        margin-bottom: 8px !important;
   }
    .ms-xs-8px {
        margin-left: 8px !important;
   }
    .me-xs-8px {
        margin-right: 8px !important;
   }
    .p-xs-8px {
        padding: 8px !important;
   }
    .px-xs-8px {
        padding-left: 8px !important;
        padding-right: 8px !important;
   }
    .py-xs-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
   }
    .pt-xs-8px {
        padding-top: 8px !important;
   }
    .pb-xs-8px {
        padding-bottom: 8px !important;
   }
    .ps-xs-8px {
        padding-left: 8px !important;
   }
    .pe-xs-8px {
        padding-right: 8px !important;
   }
}
.m-12px {
    margin: 12px !important;
}
.mx-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.my-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.mt-12px {
    margin-top: 12px !important;
}
.mb-12px {
    margin-bottom: 12px !important;
}
.ms-12px {
    margin-left: 12px !important;
}
.me-12px {
    margin-right: 12px !important;
}
.p-12px {
    padding: 12px !important;
}
.px-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.py-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.pt-12px {
    padding-top: 12px !important;
}
.pb-12px {
    padding-bottom: 12px !important;
}
.ps-12px {
    padding-left: 12px !important;
}
.pe-12px {
    padding-right: 12px !important;
}
@media (min-width: 1200px) {
    .m-xl-12px {
        margin: 12px !important;
   }
    .mx-xl-12px {
        margin-left: 12px !important;
        margin-right: 12px !important;
   }
    .my-xl-12px {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
    .mt-xl-12px {
        margin-top: 12px !important;
   }
    .mb-xl-12px {
        margin-bottom: 12px !important;
   }
    .ms-xl-12px {
        margin-left: 12px !important;
   }
    .me-xl-12px {
        margin-right: 12px !important;
   }
    .p-xl-12px {
        padding: 12px !important;
   }
    .px-xl-12px {
        padding-left: 12px !important;
        padding-right: 12px !important;
   }
    .py-xl-12px {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
   }
    .pt-xl-12px {
        padding-top: 12px !important;
   }
    .pb-xl-12px {
        padding-bottom: 12px !important;
   }
    .ps-xl-12px {
        padding-left: 12px !important;
   }
    .pe-xl-12px {
        padding-right: 12px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-12px {
        margin: 12px !important;
   }
    .mx-lg-12px {
        margin-left: 12px !important;
        margin-right: 12px !important;
   }
    .my-lg-12px {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
    .mt-lg-12px {
        margin-top: 12px !important;
   }
    .mb-lg-12px {
        margin-bottom: 12px !important;
   }
    .ms-lg-12px {
        margin-left: 12px !important;
   }
    .me-lg-12px {
        margin-right: 12px !important;
   }
    .p-lg-12px {
        padding: 12px !important;
   }
    .px-lg-12px {
        padding-left: 12px !important;
        padding-right: 12px !important;
   }
    .py-lg-12px {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
   }
    .pt-lg-12px {
        padding-top: 12px !important;
   }
    .pb-lg-12px {
        padding-bottom: 12px !important;
   }
    .ps-lg-12px {
        padding-left: 12px !important;
   }
    .pe-lg-12px {
        padding-right: 12px !important;
   }
}
@media (min-width: 768px) {
    .m-md-12px {
        margin: 12px !important;
   }
    .mx-md-12px {
        margin-left: 12px !important;
        margin-right: 12px !important;
   }
    .my-md-12px {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
    .mt-md-12px {
        margin-top: 12px !important;
   }
    .mb-md-12px {
        margin-bottom: 12px !important;
   }
    .ms-md-12px {
        margin-left: 12px !important;
   }
    .me-md-12px {
        margin-right: 12px !important;
   }
    .p-md-12px {
        padding: 12px !important;
   }
    .px-md-12px {
        padding-left: 12px !important;
        padding-right: 12px !important;
   }
    .py-md-12px {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
   }
    .pt-md-12px {
        padding-top: 12px !important;
   }
    .pb-md-12px {
        padding-bottom: 12px !important;
   }
    .ps-md-12px {
        padding-left: 12px !important;
   }
    .pe-md-12px {
        padding-right: 12px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-12px {
        margin: 12px !important;
   }
    .mx-sm-12px {
        margin-left: 12px !important;
        margin-right: 12px !important;
   }
    .my-sm-12px {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
    .mt-sm-12px {
        margin-top: 12px !important;
   }
    .mb-sm-12px {
        margin-bottom: 12px !important;
   }
    .ms-sm-12px {
        margin-left: 12px !important;
   }
    .me-sm-12px {
        margin-right: 12px !important;
   }
    .p-sm-12px {
        padding: 12px !important;
   }
    .px-sm-12px {
        padding-left: 12px !important;
        padding-right: 12px !important;
   }
    .py-sm-12px {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
   }
    .pt-sm-12px {
        padding-top: 12px !important;
   }
    .pb-sm-12px {
        padding-bottom: 12px !important;
   }
    .ps-sm-12px {
        padding-left: 12px !important;
   }
    .pe-sm-12px {
        padding-right: 12px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-12px {
        margin: 12px !important;
   }
    .mx-xs-12px {
        margin-left: 12px !important;
        margin-right: 12px !important;
   }
    .my-xs-12px {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
    .mt-xs-12px {
        margin-top: 12px !important;
   }
    .mb-xs-12px {
        margin-bottom: 12px !important;
   }
    .ms-xs-12px {
        margin-left: 12px !important;
   }
    .me-xs-12px {
        margin-right: 12px !important;
   }
    .p-xs-12px {
        padding: 12px !important;
   }
    .px-xs-12px {
        padding-left: 12px !important;
        padding-right: 12px !important;
   }
    .py-xs-12px {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
   }
    .pt-xs-12px {
        padding-top: 12px !important;
   }
    .pb-xs-12px {
        padding-bottom: 12px !important;
   }
    .ps-xs-12px {
        padding-left: 12px !important;
   }
    .pe-xs-12px {
        padding-right: 12px !important;
   }
}
.m-16px {
    margin: 16px !important;
}
.mx-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.my-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.mt-16px {
    margin-top: 16px !important;
}
.mb-16px {
    margin-bottom: 16px !important;
}
.ms-16px {
    margin-left: 16px !important;
}
.me-16px {
    margin-right: 16px !important;
}
.p-16px {
    padding: 16px !important;
}
.px-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.py-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.pt-16px {
    padding-top: 16px !important;
}
.pb-16px {
    padding-bottom: 16px !important;
}
.ps-16px {
    padding-left: 16px !important;
}
.pe-16px {
    padding-right: 16px !important;
}
@media (min-width: 1200px) {
    .m-xl-16px {
        margin: 16px !important;
   }
    .mx-xl-16px {
        margin-left: 16px !important;
        margin-right: 16px !important;
   }
    .my-xl-16px {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
   }
    .mt-xl-16px {
        margin-top: 16px !important;
   }
    .mb-xl-16px {
        margin-bottom: 16px !important;
   }
    .ms-xl-16px {
        margin-left: 16px !important;
   }
    .me-xl-16px {
        margin-right: 16px !important;
   }
    .p-xl-16px {
        padding: 16px !important;
   }
    .px-xl-16px {
        padding-left: 16px !important;
        padding-right: 16px !important;
   }
    .py-xl-16px {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
   }
    .pt-xl-16px {
        padding-top: 16px !important;
   }
    .pb-xl-16px {
        padding-bottom: 16px !important;
   }
    .ps-xl-16px {
        padding-left: 16px !important;
   }
    .pe-xl-16px {
        padding-right: 16px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-16px {
        margin: 16px !important;
   }
    .mx-lg-16px {
        margin-left: 16px !important;
        margin-right: 16px !important;
   }
    .my-lg-16px {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
   }
    .mt-lg-16px {
        margin-top: 16px !important;
   }
    .mb-lg-16px {
        margin-bottom: 16px !important;
   }
    .ms-lg-16px {
        margin-left: 16px !important;
   }
    .me-lg-16px {
        margin-right: 16px !important;
   }
    .p-lg-16px {
        padding: 16px !important;
   }
    .px-lg-16px {
        padding-left: 16px !important;
        padding-right: 16px !important;
   }
    .py-lg-16px {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
   }
    .pt-lg-16px {
        padding-top: 16px !important;
   }
    .pb-lg-16px {
        padding-bottom: 16px !important;
   }
    .ps-lg-16px {
        padding-left: 16px !important;
   }
    .pe-lg-16px {
        padding-right: 16px !important;
   }
}
@media (min-width: 768px) {
    .m-md-16px {
        margin: 16px !important;
   }
    .mx-md-16px {
        margin-left: 16px !important;
        margin-right: 16px !important;
   }
    .my-md-16px {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
   }
    .mt-md-16px {
        margin-top: 16px !important;
   }
    .mb-md-16px {
        margin-bottom: 16px !important;
   }
    .ms-md-16px {
        margin-left: 16px !important;
   }
    .me-md-16px {
        margin-right: 16px !important;
   }
    .p-md-16px {
        padding: 16px !important;
   }
    .px-md-16px {
        padding-left: 16px !important;
        padding-right: 16px !important;
   }
    .py-md-16px {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
   }
    .pt-md-16px {
        padding-top: 16px !important;
   }
    .pb-md-16px {
        padding-bottom: 16px !important;
   }
    .ps-md-16px {
        padding-left: 16px !important;
   }
    .pe-md-16px {
        padding-right: 16px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-16px {
        margin: 16px !important;
   }
    .mx-sm-16px {
        margin-left: 16px !important;
        margin-right: 16px !important;
   }
    .my-sm-16px {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
   }
    .mt-sm-16px {
        margin-top: 16px !important;
   }
    .mb-sm-16px {
        margin-bottom: 16px !important;
   }
    .ms-sm-16px {
        margin-left: 16px !important;
   }
    .me-sm-16px {
        margin-right: 16px !important;
   }
    .p-sm-16px {
        padding: 16px !important;
   }
    .px-sm-16px {
        padding-left: 16px !important;
        padding-right: 16px !important;
   }
    .py-sm-16px {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
   }
    .pt-sm-16px {
        padding-top: 16px !important;
   }
    .pb-sm-16px {
        padding-bottom: 16px !important;
   }
    .ps-sm-16px {
        padding-left: 16px !important;
   }
    .pe-sm-16px {
        padding-right: 16px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-16px {
        margin: 16px !important;
   }
    .mx-xs-16px {
        margin-left: 16px !important;
        margin-right: 16px !important;
   }
    .my-xs-16px {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
   }
    .mt-xs-16px {
        margin-top: 16px !important;
   }
    .mb-xs-16px {
        margin-bottom: 16px !important;
   }
    .ms-xs-16px {
        margin-left: 16px !important;
   }
    .me-xs-16px {
        margin-right: 16px !important;
   }
    .p-xs-16px {
        padding: 16px !important;
   }
    .px-xs-16px {
        padding-left: 16px !important;
        padding-right: 16px !important;
   }
    .py-xs-16px {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
   }
    .pt-xs-16px {
        padding-top: 16px !important;
   }
    .pb-xs-16px {
        padding-bottom: 16px !important;
   }
    .ps-xs-16px {
        padding-left: 16px !important;
   }
    .pe-xs-16px {
        padding-right: 16px !important;
   }
}
.m-20px {
    margin: 20px !important;
}
.mx-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mt-20px {
    margin-top: 20px !important;
}
.mb-20px {
    margin-bottom: 20px !important;
}
.ms-20px {
    margin-left: 20px !important;
}
.me-20px {
    margin-right: 20px !important;
}
.p-20px {
    padding: 20px !important;
}
.px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pt-20px {
    padding-top: 20px !important;
}
.pb-20px {
    padding-bottom: 20px !important;
}
.ps-20px {
    padding-left: 20px !important;
}
.pe-20px {
    padding-right: 20px !important;
}
@media (min-width: 1200px) {
    .m-xl-20px {
        margin: 20px !important;
   }
    .mx-xl-20px {
        margin-left: 20px !important;
        margin-right: 20px !important;
   }
    .my-xl-20px {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
   }
    .mt-xl-20px {
        margin-top: 20px !important;
   }
    .mb-xl-20px {
        margin-bottom: 20px !important;
   }
    .ms-xl-20px {
        margin-left: 20px !important;
   }
    .me-xl-20px {
        margin-right: 20px !important;
   }
    .p-xl-20px {
        padding: 20px !important;
   }
    .px-xl-20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
   }
    .py-xl-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
   }
    .pt-xl-20px {
        padding-top: 20px !important;
   }
    .pb-xl-20px {
        padding-bottom: 20px !important;
   }
    .ps-xl-20px {
        padding-left: 20px !important;
   }
    .pe-xl-20px {
        padding-right: 20px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-20px {
        margin: 20px !important;
   }
    .mx-lg-20px {
        margin-left: 20px !important;
        margin-right: 20px !important;
   }
    .my-lg-20px {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
   }
    .mt-lg-20px {
        margin-top: 20px !important;
   }
    .mb-lg-20px {
        margin-bottom: 20px !important;
   }
    .ms-lg-20px {
        margin-left: 20px !important;
   }
    .me-lg-20px {
        margin-right: 20px !important;
   }
    .p-lg-20px {
        padding: 20px !important;
   }
    .px-lg-20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
   }
    .py-lg-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
   }
    .pt-lg-20px {
        padding-top: 20px !important;
   }
    .pb-lg-20px {
        padding-bottom: 20px !important;
   }
    .ps-lg-20px {
        padding-left: 20px !important;
   }
    .pe-lg-20px {
        padding-right: 20px !important;
   }
}
@media (min-width: 768px) {
    .m-md-20px {
        margin: 20px !important;
   }
    .mx-md-20px {
        margin-left: 20px !important;
        margin-right: 20px !important;
   }
    .my-md-20px {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
   }
    .mt-md-20px {
        margin-top: 20px !important;
   }
    .mb-md-20px {
        margin-bottom: 20px !important;
   }
    .ms-md-20px {
        margin-left: 20px !important;
   }
    .me-md-20px {
        margin-right: 20px !important;
   }
    .p-md-20px {
        padding: 20px !important;
   }
    .px-md-20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
   }
    .py-md-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
   }
    .pt-md-20px {
        padding-top: 20px !important;
   }
    .pb-md-20px {
        padding-bottom: 20px !important;
   }
    .ps-md-20px {
        padding-left: 20px !important;
   }
    .pe-md-20px {
        padding-right: 20px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-20px {
        margin: 20px !important;
   }
    .mx-sm-20px {
        margin-left: 20px !important;
        margin-right: 20px !important;
   }
    .my-sm-20px {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
   }
    .mt-sm-20px {
        margin-top: 20px !important;
   }
    .mb-sm-20px {
        margin-bottom: 20px !important;
   }
    .ms-sm-20px {
        margin-left: 20px !important;
   }
    .me-sm-20px {
        margin-right: 20px !important;
   }
    .p-sm-20px {
        padding: 20px !important;
   }
    .px-sm-20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
   }
    .py-sm-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
   }
    .pt-sm-20px {
        padding-top: 20px !important;
   }
    .pb-sm-20px {
        padding-bottom: 20px !important;
   }
    .ps-sm-20px {
        padding-left: 20px !important;
   }
    .pe-sm-20px {
        padding-right: 20px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-20px {
        margin: 20px !important;
   }
    .mx-xs-20px {
        margin-left: 20px !important;
        margin-right: 20px !important;
   }
    .my-xs-20px {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
   }
    .mt-xs-20px {
        margin-top: 20px !important;
   }
    .mb-xs-20px {
        margin-bottom: 20px !important;
   }
    .ms-xs-20px {
        margin-left: 20px !important;
   }
    .me-xs-20px {
        margin-right: 20px !important;
   }
    .p-xs-20px {
        padding: 20px !important;
   }
    .px-xs-20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
   }
    .py-xs-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
   }
    .pt-xs-20px {
        padding-top: 20px !important;
   }
    .pb-xs-20px {
        padding-bottom: 20px !important;
   }
    .ps-xs-20px {
        padding-left: 20px !important;
   }
    .pe-xs-20px {
        padding-right: 20px !important;
   }
}
.m-24px {
    margin: 24px !important;
}
.mx-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
}
.my-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.mt-24px {
    margin-top: 24px !important;
}
.mb-24px {
    margin-bottom: 24px !important;
}
.ms-24px {
    margin-left: 24px !important;
}
.me-24px {
    margin-right: 24px !important;
}
.p-24px {
    padding: 24px !important;
}
.px-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.py-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.pt-24px {
    padding-top: 24px !important;
}
.pb-24px {
    padding-bottom: 24px !important;
}
.ps-24px {
    padding-left: 24px !important;
}
.pe-24px {
    padding-right: 24px !important;
}
@media (min-width: 1200px) {
    .m-xl-24px {
        margin: 24px !important;
   }
    .mx-xl-24px {
        margin-left: 24px !important;
        margin-right: 24px !important;
   }
    .my-xl-24px {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
   }
    .mt-xl-24px {
        margin-top: 24px !important;
   }
    .mb-xl-24px {
        margin-bottom: 24px !important;
   }
    .ms-xl-24px {
        margin-left: 24px !important;
   }
    .me-xl-24px {
        margin-right: 24px !important;
   }
    .p-xl-24px {
        padding: 24px !important;
   }
    .px-xl-24px {
        padding-left: 24px !important;
        padding-right: 24px !important;
   }
    .py-xl-24px {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
   }
    .pt-xl-24px {
        padding-top: 24px !important;
   }
    .pb-xl-24px {
        padding-bottom: 24px !important;
   }
    .ps-xl-24px {
        padding-left: 24px !important;
   }
    .pe-xl-24px {
        padding-right: 24px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-24px {
        margin: 24px !important;
   }
    .mx-lg-24px {
        margin-left: 24px !important;
        margin-right: 24px !important;
   }
    .my-lg-24px {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
   }
    .mt-lg-24px {
        margin-top: 24px !important;
   }
    .mb-lg-24px {
        margin-bottom: 24px !important;
   }
    .ms-lg-24px {
        margin-left: 24px !important;
   }
    .me-lg-24px {
        margin-right: 24px !important;
   }
    .p-lg-24px {
        padding: 24px !important;
   }
    .px-lg-24px {
        padding-left: 24px !important;
        padding-right: 24px !important;
   }
    .py-lg-24px {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
   }
    .pt-lg-24px {
        padding-top: 24px !important;
   }
    .pb-lg-24px {
        padding-bottom: 24px !important;
   }
    .ps-lg-24px {
        padding-left: 24px !important;
   }
    .pe-lg-24px {
        padding-right: 24px !important;
   }
}
@media (min-width: 768px) {
    .m-md-24px {
        margin: 24px !important;
   }
    .mx-md-24px {
        margin-left: 24px !important;
        margin-right: 24px !important;
   }
    .my-md-24px {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
   }
    .mt-md-24px {
        margin-top: 24px !important;
   }
    .mb-md-24px {
        margin-bottom: 24px !important;
   }
    .ms-md-24px {
        margin-left: 24px !important;
   }
    .me-md-24px {
        margin-right: 24px !important;
   }
    .p-md-24px {
        padding: 24px !important;
   }
    .px-md-24px {
        padding-left: 24px !important;
        padding-right: 24px !important;
   }
    .py-md-24px {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
   }
    .pt-md-24px {
        padding-top: 24px !important;
   }
    .pb-md-24px {
        padding-bottom: 24px !important;
   }
    .ps-md-24px {
        padding-left: 24px !important;
   }
    .pe-md-24px {
        padding-right: 24px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-24px {
        margin: 24px !important;
   }
    .mx-sm-24px {
        margin-left: 24px !important;
        margin-right: 24px !important;
   }
    .my-sm-24px {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
   }
    .mt-sm-24px {
        margin-top: 24px !important;
   }
    .mb-sm-24px {
        margin-bottom: 24px !important;
   }
    .ms-sm-24px {
        margin-left: 24px !important;
   }
    .me-sm-24px {
        margin-right: 24px !important;
   }
    .p-sm-24px {
        padding: 24px !important;
   }
    .px-sm-24px {
        padding-left: 24px !important;
        padding-right: 24px !important;
   }
    .py-sm-24px {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
   }
    .pt-sm-24px {
        padding-top: 24px !important;
   }
    .pb-sm-24px {
        padding-bottom: 24px !important;
   }
    .ps-sm-24px {
        padding-left: 24px !important;
   }
    .pe-sm-24px {
        padding-right: 24px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-24px {
        margin: 24px !important;
   }
    .mx-xs-24px {
        margin-left: 24px !important;
        margin-right: 24px !important;
   }
    .my-xs-24px {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
   }
    .mt-xs-24px {
        margin-top: 24px !important;
   }
    .mb-xs-24px {
        margin-bottom: 24px !important;
   }
    .ms-xs-24px {
        margin-left: 24px !important;
   }
    .me-xs-24px {
        margin-right: 24px !important;
   }
    .p-xs-24px {
        padding: 24px !important;
   }
    .px-xs-24px {
        padding-left: 24px !important;
        padding-right: 24px !important;
   }
    .py-xs-24px {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
   }
    .pt-xs-24px {
        padding-top: 24px !important;
   }
    .pb-xs-24px {
        padding-bottom: 24px !important;
   }
    .ps-xs-24px {
        padding-left: 24px !important;
   }
    .pe-xs-24px {
        padding-right: 24px !important;
   }
}
.m-32px {
    margin: 32px !important;
}
.mx-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.my-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.mt-32px {
    margin-top: 32px !important;
}
.mb-32px {
    margin-bottom: 32px !important;
}
.ms-32px {
    margin-left: 32px !important;
}
.me-32px {
    margin-right: 32px !important;
}
.p-32px {
    padding: 32px !important;
}
.px-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.py-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.pt-32px {
    padding-top: 32px !important;
}
.pb-32px {
    padding-bottom: 32px !important;
}
.ps-32px {
    padding-left: 32px !important;
}
.pe-32px {
    padding-right: 32px !important;
}
@media (min-width: 1200px) {
    .m-xl-32px {
        margin: 32px !important;
   }
    .mx-xl-32px {
        margin-left: 32px !important;
        margin-right: 32px !important;
   }
    .my-xl-32px {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
   }
    .mt-xl-32px {
        margin-top: 32px !important;
   }
    .mb-xl-32px {
        margin-bottom: 32px !important;
   }
    .ms-xl-32px {
        margin-left: 32px !important;
   }
    .me-xl-32px {
        margin-right: 32px !important;
   }
    .p-xl-32px {
        padding: 32px !important;
   }
    .px-xl-32px {
        padding-left: 32px !important;
        padding-right: 32px !important;
   }
    .py-xl-32px {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
   }
    .pt-xl-32px {
        padding-top: 32px !important;
   }
    .pb-xl-32px {
        padding-bottom: 32px !important;
   }
    .ps-xl-32px {
        padding-left: 32px !important;
   }
    .pe-xl-32px {
        padding-right: 32px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-32px {
        margin: 32px !important;
   }
    .mx-lg-32px {
        margin-left: 32px !important;
        margin-right: 32px !important;
   }
    .my-lg-32px {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
   }
    .mt-lg-32px {
        margin-top: 32px !important;
   }
    .mb-lg-32px {
        margin-bottom: 32px !important;
   }
    .ms-lg-32px {
        margin-left: 32px !important;
   }
    .me-lg-32px {
        margin-right: 32px !important;
   }
    .p-lg-32px {
        padding: 32px !important;
   }
    .px-lg-32px {
        padding-left: 32px !important;
        padding-right: 32px !important;
   }
    .py-lg-32px {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
   }
    .pt-lg-32px {
        padding-top: 32px !important;
   }
    .pb-lg-32px {
        padding-bottom: 32px !important;
   }
    .ps-lg-32px {
        padding-left: 32px !important;
   }
    .pe-lg-32px {
        padding-right: 32px !important;
   }
}
@media (min-width: 768px) {
    .m-md-32px {
        margin: 32px !important;
   }
    .mx-md-32px {
        margin-left: 32px !important;
        margin-right: 32px !important;
   }
    .my-md-32px {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
   }
    .mt-md-32px {
        margin-top: 32px !important;
   }
    .mb-md-32px {
        margin-bottom: 32px !important;
   }
    .ms-md-32px {
        margin-left: 32px !important;
   }
    .me-md-32px {
        margin-right: 32px !important;
   }
    .p-md-32px {
        padding: 32px !important;
   }
    .px-md-32px {
        padding-left: 32px !important;
        padding-right: 32px !important;
   }
    .py-md-32px {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
   }
    .pt-md-32px {
        padding-top: 32px !important;
   }
    .pb-md-32px {
        padding-bottom: 32px !important;
   }
    .ps-md-32px {
        padding-left: 32px !important;
   }
    .pe-md-32px {
        padding-right: 32px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-32px {
        margin: 32px !important;
   }
    .mx-sm-32px {
        margin-left: 32px !important;
        margin-right: 32px !important;
   }
    .my-sm-32px {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
   }
    .mt-sm-32px {
        margin-top: 32px !important;
   }
    .mb-sm-32px {
        margin-bottom: 32px !important;
   }
    .ms-sm-32px {
        margin-left: 32px !important;
   }
    .me-sm-32px {
        margin-right: 32px !important;
   }
    .p-sm-32px {
        padding: 32px !important;
   }
    .px-sm-32px {
        padding-left: 32px !important;
        padding-right: 32px !important;
   }
    .py-sm-32px {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
   }
    .pt-sm-32px {
        padding-top: 32px !important;
   }
    .pb-sm-32px {
        padding-bottom: 32px !important;
   }
    .ps-sm-32px {
        padding-left: 32px !important;
   }
    .pe-sm-32px {
        padding-right: 32px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-32px {
        margin: 32px !important;
   }
    .mx-xs-32px {
        margin-left: 32px !important;
        margin-right: 32px !important;
   }
    .my-xs-32px {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
   }
    .mt-xs-32px {
        margin-top: 32px !important;
   }
    .mb-xs-32px {
        margin-bottom: 32px !important;
   }
    .ms-xs-32px {
        margin-left: 32px !important;
   }
    .me-xs-32px {
        margin-right: 32px !important;
   }
    .p-xs-32px {
        padding: 32px !important;
   }
    .px-xs-32px {
        padding-left: 32px !important;
        padding-right: 32px !important;
   }
    .py-xs-32px {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
   }
    .pt-xs-32px {
        padding-top: 32px !important;
   }
    .pb-xs-32px {
        padding-bottom: 32px !important;
   }
    .ps-xs-32px {
        padding-left: 32px !important;
   }
    .pe-xs-32px {
        padding-right: 32px !important;
   }
}
.m-38px {
    margin: 38px !important;
}
.mx-38px {
    margin-left: 38px !important;
    margin-right: 38px !important;
}
.my-38px {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
}
.mt-38px {
    margin-top: 38px !important;
}
.mb-38px {
    margin-bottom: 38px !important;
}
.ms-38px {
    margin-left: 38px !important;
}
.me-38px {
    margin-right: 38px !important;
}
.p-38px {
    padding: 38px !important;
}
.px-38px {
    padding-left: 38px !important;
    padding-right: 38px !important;
}
.py-38px {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}
.pt-38px {
    padding-top: 38px !important;
}
.pb-38px {
    padding-bottom: 38px !important;
}
.ps-38px {
    padding-left: 38px !important;
}
.pe-38px {
    padding-right: 38px !important;
}
@media (min-width: 1200px) {
    .m-xl-38px {
        margin: 38px !important;
   }
    .mx-xl-38px {
        margin-left: 38px !important;
        margin-right: 38px !important;
   }
    .my-xl-38px {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
   }
    .mt-xl-38px {
        margin-top: 38px !important;
   }
    .mb-xl-38px {
        margin-bottom: 38px !important;
   }
    .ms-xl-38px {
        margin-left: 38px !important;
   }
    .me-xl-38px {
        margin-right: 38px !important;
   }
    .p-xl-38px {
        padding: 38px !important;
   }
    .px-xl-38px {
        padding-left: 38px !important;
        padding-right: 38px !important;
   }
    .py-xl-38px {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
   }
    .pt-xl-38px {
        padding-top: 38px !important;
   }
    .pb-xl-38px {
        padding-bottom: 38px !important;
   }
    .ps-xl-38px {
        padding-left: 38px !important;
   }
    .pe-xl-38px {
        padding-right: 38px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-38px {
        margin: 38px !important;
   }
    .mx-lg-38px {
        margin-left: 38px !important;
        margin-right: 38px !important;
   }
    .my-lg-38px {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
   }
    .mt-lg-38px {
        margin-top: 38px !important;
   }
    .mb-lg-38px {
        margin-bottom: 38px !important;
   }
    .ms-lg-38px {
        margin-left: 38px !important;
   }
    .me-lg-38px {
        margin-right: 38px !important;
   }
    .p-lg-38px {
        padding: 38px !important;
   }
    .px-lg-38px {
        padding-left: 38px !important;
        padding-right: 38px !important;
   }
    .py-lg-38px {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
   }
    .pt-lg-38px {
        padding-top: 38px !important;
   }
    .pb-lg-38px {
        padding-bottom: 38px !important;
   }
    .ps-lg-38px {
        padding-left: 38px !important;
   }
    .pe-lg-38px {
        padding-right: 38px !important;
   }
}
@media (min-width: 768px) {
    .m-md-38px {
        margin: 38px !important;
   }
    .mx-md-38px {
        margin-left: 38px !important;
        margin-right: 38px !important;
   }
    .my-md-38px {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
   }
    .mt-md-38px {
        margin-top: 38px !important;
   }
    .mb-md-38px {
        margin-bottom: 38px !important;
   }
    .ms-md-38px {
        margin-left: 38px !important;
   }
    .me-md-38px {
        margin-right: 38px !important;
   }
    .p-md-38px {
        padding: 38px !important;
   }
    .px-md-38px {
        padding-left: 38px !important;
        padding-right: 38px !important;
   }
    .py-md-38px {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
   }
    .pt-md-38px {
        padding-top: 38px !important;
   }
    .pb-md-38px {
        padding-bottom: 38px !important;
   }
    .ps-md-38px {
        padding-left: 38px !important;
   }
    .pe-md-38px {
        padding-right: 38px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-38px {
        margin: 38px !important;
   }
    .mx-sm-38px {
        margin-left: 38px !important;
        margin-right: 38px !important;
   }
    .my-sm-38px {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
   }
    .mt-sm-38px {
        margin-top: 38px !important;
   }
    .mb-sm-38px {
        margin-bottom: 38px !important;
   }
    .ms-sm-38px {
        margin-left: 38px !important;
   }
    .me-sm-38px {
        margin-right: 38px !important;
   }
    .p-sm-38px {
        padding: 38px !important;
   }
    .px-sm-38px {
        padding-left: 38px !important;
        padding-right: 38px !important;
   }
    .py-sm-38px {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
   }
    .pt-sm-38px {
        padding-top: 38px !important;
   }
    .pb-sm-38px {
        padding-bottom: 38px !important;
   }
    .ps-sm-38px {
        padding-left: 38px !important;
   }
    .pe-sm-38px {
        padding-right: 38px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-38px {
        margin: 38px !important;
   }
    .mx-xs-38px {
        margin-left: 38px !important;
        margin-right: 38px !important;
   }
    .my-xs-38px {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
   }
    .mt-xs-38px {
        margin-top: 38px !important;
   }
    .mb-xs-38px {
        margin-bottom: 38px !important;
   }
    .ms-xs-38px {
        margin-left: 38px !important;
   }
    .me-xs-38px {
        margin-right: 38px !important;
   }
    .p-xs-38px {
        padding: 38px !important;
   }
    .px-xs-38px {
        padding-left: 38px !important;
        padding-right: 38px !important;
   }
    .py-xs-38px {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
   }
    .pt-xs-38px {
        padding-top: 38px !important;
   }
    .pb-xs-38px {
        padding-bottom: 38px !important;
   }
    .ps-xs-38px {
        padding-left: 38px !important;
   }
    .pe-xs-38px {
        padding-right: 38px !important;
   }
}
.m-40px {
    margin: 40px !important;
}
.mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.my-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mt-40px {
    margin-top: 40px !important;
}
.mb-40px {
    margin-bottom: 40px !important;
}
.ms-40px {
    margin-left: 40px !important;
}
.me-40px {
    margin-right: 40px !important;
}
.p-40px {
    padding: 40px !important;
}
.px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pt-40px {
    padding-top: 40px !important;
}
.pb-40px {
    padding-bottom: 40px !important;
}
.ps-40px {
    padding-left: 40px !important;
}
.pe-40px {
    padding-right: 40px !important;
}
@media (min-width: 1200px) {
    .m-xl-40px {
        margin: 40px !important;
   }
    .mx-xl-40px {
        margin-left: 40px !important;
        margin-right: 40px !important;
   }
    .my-xl-40px {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
   }
    .mt-xl-40px {
        margin-top: 40px !important;
   }
    .mb-xl-40px {
        margin-bottom: 40px !important;
   }
    .ms-xl-40px {
        margin-left: 40px !important;
   }
    .me-xl-40px {
        margin-right: 40px !important;
   }
    .p-xl-40px {
        padding: 40px !important;
   }
    .px-xl-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }
    .py-xl-40px {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
   }
    .pt-xl-40px {
        padding-top: 40px !important;
   }
    .pb-xl-40px {
        padding-bottom: 40px !important;
   }
    .ps-xl-40px {
        padding-left: 40px !important;
   }
    .pe-xl-40px {
        padding-right: 40px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-40px {
        margin: 40px !important;
   }
    .mx-lg-40px {
        margin-left: 40px !important;
        margin-right: 40px !important;
   }
    .my-lg-40px {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
   }
    .mt-lg-40px {
        margin-top: 40px !important;
   }
    .mb-lg-40px {
        margin-bottom: 40px !important;
   }
    .ms-lg-40px {
        margin-left: 40px !important;
   }
    .me-lg-40px {
        margin-right: 40px !important;
   }
    .p-lg-40px {
        padding: 40px !important;
   }
    .px-lg-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }
    .py-lg-40px {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
   }
    .pt-lg-40px {
        padding-top: 40px !important;
   }
    .pb-lg-40px {
        padding-bottom: 40px !important;
   }
    .ps-lg-40px {
        padding-left: 40px !important;
   }
    .pe-lg-40px {
        padding-right: 40px !important;
   }
}
@media (min-width: 768px) {
    .m-md-40px {
        margin: 40px !important;
   }
    .mx-md-40px {
        margin-left: 40px !important;
        margin-right: 40px !important;
   }
    .my-md-40px {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
   }
    .mt-md-40px {
        margin-top: 40px !important;
   }
    .mb-md-40px {
        margin-bottom: 40px !important;
   }
    .ms-md-40px {
        margin-left: 40px !important;
   }
    .me-md-40px {
        margin-right: 40px !important;
   }
    .p-md-40px {
        padding: 40px !important;
   }
    .px-md-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }
    .py-md-40px {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
   }
    .pt-md-40px {
        padding-top: 40px !important;
   }
    .pb-md-40px {
        padding-bottom: 40px !important;
   }
    .ps-md-40px {
        padding-left: 40px !important;
   }
    .pe-md-40px {
        padding-right: 40px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-40px {
        margin: 40px !important;
   }
    .mx-sm-40px {
        margin-left: 40px !important;
        margin-right: 40px !important;
   }
    .my-sm-40px {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
   }
    .mt-sm-40px {
        margin-top: 40px !important;
   }
    .mb-sm-40px {
        margin-bottom: 40px !important;
   }
    .ms-sm-40px {
        margin-left: 40px !important;
   }
    .me-sm-40px {
        margin-right: 40px !important;
   }
    .p-sm-40px {
        padding: 40px !important;
   }
    .px-sm-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }
    .py-sm-40px {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
   }
    .pt-sm-40px {
        padding-top: 40px !important;
   }
    .pb-sm-40px {
        padding-bottom: 40px !important;
   }
    .ps-sm-40px {
        padding-left: 40px !important;
   }
    .pe-sm-40px {
        padding-right: 40px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-40px {
        margin: 40px !important;
   }
    .mx-xs-40px {
        margin-left: 40px !important;
        margin-right: 40px !important;
   }
    .my-xs-40px {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
   }
    .mt-xs-40px {
        margin-top: 40px !important;
   }
    .mb-xs-40px {
        margin-bottom: 40px !important;
   }
    .ms-xs-40px {
        margin-left: 40px !important;
   }
    .me-xs-40px {
        margin-right: 40px !important;
   }
    .p-xs-40px {
        padding: 40px !important;
   }
    .px-xs-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }
    .py-xs-40px {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
   }
    .pt-xs-40px {
        padding-top: 40px !important;
   }
    .pb-xs-40px {
        padding-bottom: 40px !important;
   }
    .ps-xs-40px {
        padding-left: 40px !important;
   }
    .pe-xs-40px {
        padding-right: 40px !important;
   }
}
.m-48px {
    margin: 48px !important;
}
.mx-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
}
.my-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.mt-48px {
    margin-top: 48px !important;
}
.mb-48px {
    margin-bottom: 48px !important;
}
.ms-48px {
    margin-left: 48px !important;
}
.me-48px {
    margin-right: 48px !important;
}
.p-48px {
    padding: 48px !important;
}
.px-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
}
.py-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.pt-48px {
    padding-top: 48px !important;
}
.pb-48px {
    padding-bottom: 48px !important;
}
.ps-48px {
    padding-left: 48px !important;
}
.pe-48px {
    padding-right: 48px !important;
}
@media (min-width: 1200px) {
    .m-xl-48px {
        margin: 48px !important;
   }
    .mx-xl-48px {
        margin-left: 48px !important;
        margin-right: 48px !important;
   }
    .my-xl-48px {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
   }
    .mt-xl-48px {
        margin-top: 48px !important;
   }
    .mb-xl-48px {
        margin-bottom: 48px !important;
   }
    .ms-xl-48px {
        margin-left: 48px !important;
   }
    .me-xl-48px {
        margin-right: 48px !important;
   }
    .p-xl-48px {
        padding: 48px !important;
   }
    .px-xl-48px {
        padding-left: 48px !important;
        padding-right: 48px !important;
   }
    .py-xl-48px {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
   }
    .pt-xl-48px {
        padding-top: 48px !important;
   }
    .pb-xl-48px {
        padding-bottom: 48px !important;
   }
    .ps-xl-48px {
        padding-left: 48px !important;
   }
    .pe-xl-48px {
        padding-right: 48px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-48px {
        margin: 48px !important;
   }
    .mx-lg-48px {
        margin-left: 48px !important;
        margin-right: 48px !important;
   }
    .my-lg-48px {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
   }
    .mt-lg-48px {
        margin-top: 48px !important;
   }
    .mb-lg-48px {
        margin-bottom: 48px !important;
   }
    .ms-lg-48px {
        margin-left: 48px !important;
   }
    .me-lg-48px {
        margin-right: 48px !important;
   }
    .p-lg-48px {
        padding: 48px !important;
   }
    .px-lg-48px {
        padding-left: 48px !important;
        padding-right: 48px !important;
   }
    .py-lg-48px {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
   }
    .pt-lg-48px {
        padding-top: 48px !important;
   }
    .pb-lg-48px {
        padding-bottom: 48px !important;
   }
    .ps-lg-48px {
        padding-left: 48px !important;
   }
    .pe-lg-48px {
        padding-right: 48px !important;
   }
}
@media (min-width: 768px) {
    .m-md-48px {
        margin: 48px !important;
   }
    .mx-md-48px {
        margin-left: 48px !important;
        margin-right: 48px !important;
   }
    .my-md-48px {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
   }
    .mt-md-48px {
        margin-top: 48px !important;
   }
    .mb-md-48px {
        margin-bottom: 48px !important;
   }
    .ms-md-48px {
        margin-left: 48px !important;
   }
    .me-md-48px {
        margin-right: 48px !important;
   }
    .p-md-48px {
        padding: 48px !important;
   }
    .px-md-48px {
        padding-left: 48px !important;
        padding-right: 48px !important;
   }
    .py-md-48px {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
   }
    .pt-md-48px {
        padding-top: 48px !important;
   }
    .pb-md-48px {
        padding-bottom: 48px !important;
   }
    .ps-md-48px {
        padding-left: 48px !important;
   }
    .pe-md-48px {
        padding-right: 48px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-48px {
        margin: 48px !important;
   }
    .mx-sm-48px {
        margin-left: 48px !important;
        margin-right: 48px !important;
   }
    .my-sm-48px {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
   }
    .mt-sm-48px {
        margin-top: 48px !important;
   }
    .mb-sm-48px {
        margin-bottom: 48px !important;
   }
    .ms-sm-48px {
        margin-left: 48px !important;
   }
    .me-sm-48px {
        margin-right: 48px !important;
   }
    .p-sm-48px {
        padding: 48px !important;
   }
    .px-sm-48px {
        padding-left: 48px !important;
        padding-right: 48px !important;
   }
    .py-sm-48px {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
   }
    .pt-sm-48px {
        padding-top: 48px !important;
   }
    .pb-sm-48px {
        padding-bottom: 48px !important;
   }
    .ps-sm-48px {
        padding-left: 48px !important;
   }
    .pe-sm-48px {
        padding-right: 48px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-48px {
        margin: 48px !important;
   }
    .mx-xs-48px {
        margin-left: 48px !important;
        margin-right: 48px !important;
   }
    .my-xs-48px {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
   }
    .mt-xs-48px {
        margin-top: 48px !important;
   }
    .mb-xs-48px {
        margin-bottom: 48px !important;
   }
    .ms-xs-48px {
        margin-left: 48px !important;
   }
    .me-xs-48px {
        margin-right: 48px !important;
   }
    .p-xs-48px {
        padding: 48px !important;
   }
    .px-xs-48px {
        padding-left: 48px !important;
        padding-right: 48px !important;
   }
    .py-xs-48px {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
   }
    .pt-xs-48px {
        padding-top: 48px !important;
   }
    .pb-xs-48px {
        padding-bottom: 48px !important;
   }
    .ps-xs-48px {
        padding-left: 48px !important;
   }
    .pe-xs-48px {
        padding-right: 48px !important;
   }
}
.m-64px {
    margin: 64px !important;
}
.mx-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
}
.my-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}
.mt-64px {
    margin-top: 64px !important;
}
.mb-64px {
    margin-bottom: 64px !important;
}
.ms-64px {
    margin-left: 64px !important;
}
.me-64px {
    margin-right: 64px !important;
}
.p-64px {
    padding: 64px !important;
}
.px-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
}
.py-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.pt-64px {
    padding-top: 64px !important;
}
.pb-64px {
    padding-bottom: 64px !important;
}
.ps-64px {
    padding-left: 64px !important;
}
.pe-64px {
    padding-right: 64px !important;
}
@media (min-width: 1200px) {
    .m-xl-64px {
        margin: 64px !important;
   }
    .mx-xl-64px {
        margin-left: 64px !important;
        margin-right: 64px !important;
   }
    .my-xl-64px {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
   }
    .mt-xl-64px {
        margin-top: 64px !important;
   }
    .mb-xl-64px {
        margin-bottom: 64px !important;
   }
    .ms-xl-64px {
        margin-left: 64px !important;
   }
    .me-xl-64px {
        margin-right: 64px !important;
   }
    .p-xl-64px {
        padding: 64px !important;
   }
    .px-xl-64px {
        padding-left: 64px !important;
        padding-right: 64px !important;
   }
    .py-xl-64px {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
   }
    .pt-xl-64px {
        padding-top: 64px !important;
   }
    .pb-xl-64px {
        padding-bottom: 64px !important;
   }
    .ps-xl-64px {
        padding-left: 64px !important;
   }
    .pe-xl-64px {
        padding-right: 64px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-64px {
        margin: 64px !important;
   }
    .mx-lg-64px {
        margin-left: 64px !important;
        margin-right: 64px !important;
   }
    .my-lg-64px {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
   }
    .mt-lg-64px {
        margin-top: 64px !important;
   }
    .mb-lg-64px {
        margin-bottom: 64px !important;
   }
    .ms-lg-64px {
        margin-left: 64px !important;
   }
    .me-lg-64px {
        margin-right: 64px !important;
   }
    .p-lg-64px {
        padding: 64px !important;
   }
    .px-lg-64px {
        padding-left: 64px !important;
        padding-right: 64px !important;
   }
    .py-lg-64px {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
   }
    .pt-lg-64px {
        padding-top: 64px !important;
   }
    .pb-lg-64px {
        padding-bottom: 64px !important;
   }
    .ps-lg-64px {
        padding-left: 64px !important;
   }
    .pe-lg-64px {
        padding-right: 64px !important;
   }
}
@media (min-width: 768px) {
    .m-md-64px {
        margin: 64px !important;
   }
    .mx-md-64px {
        margin-left: 64px !important;
        margin-right: 64px !important;
   }
    .my-md-64px {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
   }
    .mt-md-64px {
        margin-top: 64px !important;
   }
    .mb-md-64px {
        margin-bottom: 64px !important;
   }
    .ms-md-64px {
        margin-left: 64px !important;
   }
    .me-md-64px {
        margin-right: 64px !important;
   }
    .p-md-64px {
        padding: 64px !important;
   }
    .px-md-64px {
        padding-left: 64px !important;
        padding-right: 64px !important;
   }
    .py-md-64px {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
   }
    .pt-md-64px {
        padding-top: 64px !important;
   }
    .pb-md-64px {
        padding-bottom: 64px !important;
   }
    .ps-md-64px {
        padding-left: 64px !important;
   }
    .pe-md-64px {
        padding-right: 64px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-64px {
        margin: 64px !important;
   }
    .mx-sm-64px {
        margin-left: 64px !important;
        margin-right: 64px !important;
   }
    .my-sm-64px {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
   }
    .mt-sm-64px {
        margin-top: 64px !important;
   }
    .mb-sm-64px {
        margin-bottom: 64px !important;
   }
    .ms-sm-64px {
        margin-left: 64px !important;
   }
    .me-sm-64px {
        margin-right: 64px !important;
   }
    .p-sm-64px {
        padding: 64px !important;
   }
    .px-sm-64px {
        padding-left: 64px !important;
        padding-right: 64px !important;
   }
    .py-sm-64px {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
   }
    .pt-sm-64px {
        padding-top: 64px !important;
   }
    .pb-sm-64px {
        padding-bottom: 64px !important;
   }
    .ps-sm-64px {
        padding-left: 64px !important;
   }
    .pe-sm-64px {
        padding-right: 64px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-64px {
        margin: 64px !important;
   }
    .mx-xs-64px {
        margin-left: 64px !important;
        margin-right: 64px !important;
   }
    .my-xs-64px {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
   }
    .mt-xs-64px {
        margin-top: 64px !important;
   }
    .mb-xs-64px {
        margin-bottom: 64px !important;
   }
    .ms-xs-64px {
        margin-left: 64px !important;
   }
    .me-xs-64px {
        margin-right: 64px !important;
   }
    .p-xs-64px {
        padding: 64px !important;
   }
    .px-xs-64px {
        padding-left: 64px !important;
        padding-right: 64px !important;
   }
    .py-xs-64px {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
   }
    .pt-xs-64px {
        padding-top: 64px !important;
   }
    .pb-xs-64px {
        padding-bottom: 64px !important;
   }
    .ps-xs-64px {
        padding-left: 64px !important;
   }
    .pe-xs-64px {
        padding-right: 64px !important;
   }
}
.m-150px {
    margin: 150px !important;
}
.mx-150px {
    margin-left: 150px !important;
    margin-right: 150px !important;
}
.my-150px {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}
.mt-150px {
    margin-top: 150px !important;
}
.mb-150px {
    margin-bottom: 150px !important;
}
.ms-150px {
    margin-left: 150px !important;
}
.me-150px {
    margin-right: 150px !important;
}
.p-150px {
    padding: 150px !important;
}
.px-150px {
    padding-left: 150px !important;
    padding-right: 150px !important;
}
.py-150px {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}
.pt-150px {
    padding-top: 150px !important;
}
.pb-150px {
    padding-bottom: 150px !important;
}
.ps-150px {
    padding-left: 150px !important;
}
.pe-150px {
    padding-right: 150px !important;
}
@media (min-width: 1200px) {
    .m-xl-150px {
        margin: 150px !important;
   }
    .mx-xl-150px {
        margin-left: 150px !important;
        margin-right: 150px !important;
   }
    .my-xl-150px {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
   }
    .mt-xl-150px {
        margin-top: 150px !important;
   }
    .mb-xl-150px {
        margin-bottom: 150px !important;
   }
    .ms-xl-150px {
        margin-left: 150px !important;
   }
    .me-xl-150px {
        margin-right: 150px !important;
   }
    .p-xl-150px {
        padding: 150px !important;
   }
    .px-xl-150px {
        padding-left: 150px !important;
        padding-right: 150px !important;
   }
    .py-xl-150px {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
   }
    .pt-xl-150px {
        padding-top: 150px !important;
   }
    .pb-xl-150px {
        padding-bottom: 150px !important;
   }
    .ps-xl-150px {
        padding-left: 150px !important;
   }
    .pe-xl-150px {
        padding-right: 150px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-150px {
        margin: 150px !important;
   }
    .mx-lg-150px {
        margin-left: 150px !important;
        margin-right: 150px !important;
   }
    .my-lg-150px {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
   }
    .mt-lg-150px {
        margin-top: 150px !important;
   }
    .mb-lg-150px {
        margin-bottom: 150px !important;
   }
    .ms-lg-150px {
        margin-left: 150px !important;
   }
    .me-lg-150px {
        margin-right: 150px !important;
   }
    .p-lg-150px {
        padding: 150px !important;
   }
    .px-lg-150px {
        padding-left: 150px !important;
        padding-right: 150px !important;
   }
    .py-lg-150px {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
   }
    .pt-lg-150px {
        padding-top: 150px !important;
   }
    .pb-lg-150px {
        padding-bottom: 150px !important;
   }
    .ps-lg-150px {
        padding-left: 150px !important;
   }
    .pe-lg-150px {
        padding-right: 150px !important;
   }
}
@media (min-width: 768px) {
    .m-md-150px {
        margin: 150px !important;
   }
    .mx-md-150px {
        margin-left: 150px !important;
        margin-right: 150px !important;
   }
    .my-md-150px {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
   }
    .mt-md-150px {
        margin-top: 150px !important;
   }
    .mb-md-150px {
        margin-bottom: 150px !important;
   }
    .ms-md-150px {
        margin-left: 150px !important;
   }
    .me-md-150px {
        margin-right: 150px !important;
   }
    .p-md-150px {
        padding: 150px !important;
   }
    .px-md-150px {
        padding-left: 150px !important;
        padding-right: 150px !important;
   }
    .py-md-150px {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
   }
    .pt-md-150px {
        padding-top: 150px !important;
   }
    .pb-md-150px {
        padding-bottom: 150px !important;
   }
    .ps-md-150px {
        padding-left: 150px !important;
   }
    .pe-md-150px {
        padding-right: 150px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-150px {
        margin: 150px !important;
   }
    .mx-sm-150px {
        margin-left: 150px !important;
        margin-right: 150px !important;
   }
    .my-sm-150px {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
   }
    .mt-sm-150px {
        margin-top: 150px !important;
   }
    .mb-sm-150px {
        margin-bottom: 150px !important;
   }
    .ms-sm-150px {
        margin-left: 150px !important;
   }
    .me-sm-150px {
        margin-right: 150px !important;
   }
    .p-sm-150px {
        padding: 150px !important;
   }
    .px-sm-150px {
        padding-left: 150px !important;
        padding-right: 150px !important;
   }
    .py-sm-150px {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
   }
    .pt-sm-150px {
        padding-top: 150px !important;
   }
    .pb-sm-150px {
        padding-bottom: 150px !important;
   }
    .ps-sm-150px {
        padding-left: 150px !important;
   }
    .pe-sm-150px {
        padding-right: 150px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-150px {
        margin: 150px !important;
   }
    .mx-xs-150px {
        margin-left: 150px !important;
        margin-right: 150px !important;
   }
    .my-xs-150px {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
   }
    .mt-xs-150px {
        margin-top: 150px !important;
   }
    .mb-xs-150px {
        margin-bottom: 150px !important;
   }
    .ms-xs-150px {
        margin-left: 150px !important;
   }
    .me-xs-150px {
        margin-right: 150px !important;
   }
    .p-xs-150px {
        padding: 150px !important;
   }
    .px-xs-150px {
        padding-left: 150px !important;
        padding-right: 150px !important;
   }
    .py-xs-150px {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
   }
    .pt-xs-150px {
        padding-top: 150px !important;
   }
    .pb-xs-150px {
        padding-bottom: 150px !important;
   }
    .ps-xs-150px {
        padding-left: 150px !important;
   }
    .pe-xs-150px {
        padding-right: 150px !important;
   }
}
.m-0px {
    margin: 0px !important;
}
.mx-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.my-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.mt-0px {
    margin-top: 0px !important;
}
.mb-0px {
    margin-bottom: 0px !important;
}
.ms-0px {
    margin-left: 0px !important;
}
.me-0px {
    margin-right: 0px !important;
}
.p-0px {
    padding: 0px !important;
}
.px-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.py-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.pt-0px {
    padding-top: 0px !important;
}
.pb-0px {
    padding-bottom: 0px !important;
}
.ps-0px {
    padding-left: 0px !important;
}
.pe-0px {
    padding-right: 0px !important;
}
@media (min-width: 1200px) {
    .m-xl-0px {
        margin: 0px !important;
   }
    .mx-xl-0px {
        margin-left: 0px !important;
        margin-right: 0px !important;
   }
    .my-xl-0px {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
   }
    .mt-xl-0px {
        margin-top: 0px !important;
   }
    .mb-xl-0px {
        margin-bottom: 0px !important;
   }
    .ms-xl-0px {
        margin-left: 0px !important;
   }
    .me-xl-0px {
        margin-right: 0px !important;
   }
    .p-xl-0px {
        padding: 0px !important;
   }
    .px-xl-0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .py-xl-0px {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
   }
    .pt-xl-0px {
        padding-top: 0px !important;
   }
    .pb-xl-0px {
        padding-bottom: 0px !important;
   }
    .ps-xl-0px {
        padding-left: 0px !important;
   }
    .pe-xl-0px {
        padding-right: 0px !important;
   }
}
@media (min-width: 992px) {
    .m-lg-0px {
        margin: 0px !important;
   }
    .mx-lg-0px {
        margin-left: 0px !important;
        margin-right: 0px !important;
   }
    .my-lg-0px {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
   }
    .mt-lg-0px {
        margin-top: 0px !important;
   }
    .mb-lg-0px {
        margin-bottom: 0px !important;
   }
    .ms-lg-0px {
        margin-left: 0px !important;
   }
    .me-lg-0px {
        margin-right: 0px !important;
   }
    .p-lg-0px {
        padding: 0px !important;
   }
    .px-lg-0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .py-lg-0px {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
   }
    .pt-lg-0px {
        padding-top: 0px !important;
   }
    .pb-lg-0px {
        padding-bottom: 0px !important;
   }
    .ps-lg-0px {
        padding-left: 0px !important;
   }
    .pe-lg-0px {
        padding-right: 0px !important;
   }
}
@media (min-width: 768px) {
    .m-md-0px {
        margin: 0px !important;
   }
    .mx-md-0px {
        margin-left: 0px !important;
        margin-right: 0px !important;
   }
    .my-md-0px {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
   }
    .mt-md-0px {
        margin-top: 0px !important;
   }
    .mb-md-0px {
        margin-bottom: 0px !important;
   }
    .ms-md-0px {
        margin-left: 0px !important;
   }
    .me-md-0px {
        margin-right: 0px !important;
   }
    .p-md-0px {
        padding: 0px !important;
   }
    .px-md-0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .py-md-0px {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
   }
    .pt-md-0px {
        padding-top: 0px !important;
   }
    .pb-md-0px {
        padding-bottom: 0px !important;
   }
    .ps-md-0px {
        padding-left: 0px !important;
   }
    .pe-md-0px {
        padding-right: 0px !important;
   }
}
@media (min-width: 576px) {
    .m-sm-0px {
        margin: 0px !important;
   }
    .mx-sm-0px {
        margin-left: 0px !important;
        margin-right: 0px !important;
   }
    .my-sm-0px {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
   }
    .mt-sm-0px {
        margin-top: 0px !important;
   }
    .mb-sm-0px {
        margin-bottom: 0px !important;
   }
    .ms-sm-0px {
        margin-left: 0px !important;
   }
    .me-sm-0px {
        margin-right: 0px !important;
   }
    .p-sm-0px {
        padding: 0px !important;
   }
    .px-sm-0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .py-sm-0px {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
   }
    .pt-sm-0px {
        padding-top: 0px !important;
   }
    .pb-sm-0px {
        padding-bottom: 0px !important;
   }
    .ps-sm-0px {
        padding-left: 0px !important;
   }
    .pe-sm-0px {
        padding-right: 0px !important;
   }
}
@media (max-width: 576px) {
    .m-xs-0px {
        margin: 0px !important;
   }
    .mx-xs-0px {
        margin-left: 0px !important;
        margin-right: 0px !important;
   }
    .my-xs-0px {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
   }
    .mt-xs-0px {
        margin-top: 0px !important;
   }
    .mb-xs-0px {
        margin-bottom: 0px !important;
   }
    .ms-xs-0px {
        margin-left: 0px !important;
   }
    .me-xs-0px {
        margin-right: 0px !important;
   }
    .p-xs-0px {
        padding: 0px !important;
   }
    .px-xs-0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .py-xs-0px {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
   }
    .pt-xs-0px {
        padding-top: 0px !important;
   }
    .pb-xs-0px {
        padding-bottom: 0px !important;
   }
    .ps-xs-0px {
        padding-left: 0px !important;
   }
    .pe-xs-0px {
        padding-right: 0px !important;
   }
}
.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.bg-image.cover {
    background-size: cover;
}
.bg-image.cover img {
    object-fit: cover;
}
.bg-image.contain {
    background-size: contain;
}
.bg-image.contain img {
    object-fit: contain;
}
.bg-image .responsive-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.bg-image .responsive-image img {
    width: 100%;
    height: 100%;
}
.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}