diff --git a/theme/boost/scss/moodle/bs4-compat.scss b/theme/boost/scss/moodle/bs4-compat.scss
index bde72dd31dde..61221430d6d4 100644
--- a/theme/boost/scss/moodle/bs4-compat.scss
+++ b/theme/boost/scss/moodle/bs4-compat.scss
@@ -320,6 +320,7 @@ $card-deck-margin: 30px * .5 !default;
 //
 // '.close'
 //
+
 .close {
     float: right;
     @include font-size($close-font-size);
@@ -353,3 +354,26 @@ button.close {
 a.close.disabled {
     pointer-events: none;
 }
+
+//
+// Font utilities
+//
+
+.font-weight-light {
+    font-weight: $font-weight-light !important;
+}
+.font-weight-lighter {
+    font-weight: $font-weight-lighter !important;
+}
+.font-weight-normal {
+    font-weight: $font-weight-normal !important;
+}
+.font-weight-bold {
+    font-weight: $font-weight-bold !important;
+}
+.font-weight-bolder {
+    font-weight: $font-weight-bolder !important;
+}
+.font-italic {
+    font-style: italic !important;
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 8888ad4d4d6d..eb1cf79e1744 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -23214,12 +23214,13 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 
-.no-gutters {
+.no-gutters, .g-0 {
   margin-right: 0;
   margin-left: 0;
 }
-.no-gutters > .col,
-.no-gutters > [class*=col-] {
+.no-gutters > .col, .g-0 > .col,
+.no-gutters > [class*=col-],
+.g-0 > [class*=col-] {
   padding-right: 0;
   padding-left: 0;
 }
@@ -23233,7 +23234,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0 !important;
 }
 
-.mr-0,
+.mr-0, .me-0,
 .mx-0 {
   margin-right: 0 !important;
 }
@@ -23243,7 +23244,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0 !important;
 }
 
-.ml-0,
+.ml-0, .ms-0,
 .mx-0 {
   margin-left: 0 !important;
 }
@@ -23257,7 +23258,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0.25rem !important;
 }
 
-.mr-1,
+.mr-1, .me-1,
 .mx-1 {
   margin-right: 0.25rem !important;
 }
@@ -23267,7 +23268,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0.25rem !important;
 }
 
-.ml-1,
+.ml-1, .ms-1,
 .mx-1 {
   margin-left: 0.25rem !important;
 }
@@ -23281,7 +23282,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0.5rem !important;
 }
 
-.mr-2,
+.mr-2, .me-2,
 .mx-2 {
   margin-right: 0.5rem !important;
 }
@@ -23291,7 +23292,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0.5rem !important;
 }
 
-.ml-2,
+.ml-2, .ms-2,
 .mx-2 {
   margin-left: 0.5rem !important;
 }
@@ -23305,7 +23306,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 1rem !important;
 }
 
-.mr-3,
+.mr-3, .me-3,
 .mx-3 {
   margin-right: 1rem !important;
 }
@@ -23315,7 +23316,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 1rem !important;
 }
 
-.ml-3,
+.ml-3, .ms-3,
 .mx-3 {
   margin-left: 1rem !important;
 }
@@ -23329,7 +23330,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 1.5rem !important;
 }
 
-.mr-4,
+.mr-4, .me-4,
 .mx-4 {
   margin-right: 1.5rem !important;
 }
@@ -23339,7 +23340,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 1.5rem !important;
 }
 
-.ml-4,
+.ml-4, .ms-4,
 .mx-4 {
   margin-left: 1.5rem !important;
 }
@@ -23353,7 +23354,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 2rem !important;
 }
 
-.mr-5,
+.mr-5, .me-5,
 .mx-5 {
   margin-right: 2rem !important;
 }
@@ -23363,7 +23364,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 2rem !important;
 }
 
-.ml-5,
+.ml-5, .ms-5,
 .mx-5 {
   margin-left: 2rem !important;
 }
@@ -23377,7 +23378,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 3rem !important;
 }
 
-.mr-6,
+.mr-6, .me-6,
 .mx-6 {
   margin-right: 3rem !important;
 }
@@ -23387,7 +23388,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 3rem !important;
 }
 
-.ml-6,
+.ml-6, .ms-6,
 .mx-6 {
   margin-left: 3rem !important;
 }
@@ -23401,7 +23402,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0 !important;
 }
 
-.pr-0,
+.pr-0, .pe-0,
 .px-0 {
   padding-right: 0 !important;
 }
@@ -23411,7 +23412,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0 !important;
 }
 
-.pl-0,
+.pl-0, .ps-0,
 .px-0 {
   padding-left: 0 !important;
 }
@@ -23425,7 +23426,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0.25rem !important;
 }
 
-.pr-1,
+.pr-1, .pe-1,
 .px-1 {
   padding-right: 0.25rem !important;
 }
@@ -23435,7 +23436,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0.25rem !important;
 }
 
-.pl-1,
+.pl-1, .ps-1,
 .px-1 {
   padding-left: 0.25rem !important;
 }
@@ -23449,7 +23450,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0.5rem !important;
 }
 
-.pr-2,
+.pr-2, .pe-2,
 .px-2 {
   padding-right: 0.5rem !important;
 }
@@ -23459,7 +23460,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0.5rem !important;
 }
 
-.pl-2,
+.pl-2, .ps-2,
 .px-2 {
   padding-left: 0.5rem !important;
 }
@@ -23473,7 +23474,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 1rem !important;
 }
 
-.pr-3,
+.pr-3, .pe-3,
 .px-3 {
   padding-right: 1rem !important;
 }
@@ -23483,7 +23484,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 1rem !important;
 }
 
-.pl-3,
+.pl-3, .ps-3,
 .px-3 {
   padding-left: 1rem !important;
 }
@@ -23497,7 +23498,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 1.5rem !important;
 }
 
-.pr-4,
+.pr-4, .pe-4,
 .px-4 {
   padding-right: 1.5rem !important;
 }
@@ -23507,7 +23508,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 1.5rem !important;
 }
 
-.pl-4,
+.pl-4, .ps-4,
 .px-4 {
   padding-left: 1.5rem !important;
 }
@@ -23521,7 +23522,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 2rem !important;
 }
 
-.pr-5,
+.pr-5, .pe-5,
 .px-5 {
   padding-right: 2rem !important;
 }
@@ -23531,7 +23532,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 2rem !important;
 }
 
-.pl-5,
+.pl-5, .ps-5,
 .px-5 {
   padding-left: 2rem !important;
 }
@@ -23545,7 +23546,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 3rem !important;
 }
 
-.pr-6,
+.pr-6, .pe-6,
 .px-6 {
   padding-right: 3rem !important;
 }
@@ -23555,7 +23556,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 3rem !important;
 }
 
-.pl-6,
+.pl-6, .ps-6,
 .px-6 {
   padding-left: 3rem !important;
 }
@@ -23713,7 +23714,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: auto !important;
 }
 
-.mr-auto,
+.mr-auto, .me-auto,
 .mx-auto {
   margin-right: auto !important;
 }
@@ -23723,7 +23724,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: auto !important;
 }
 
-.ml-auto,
+.ml-auto, .ms-auto,
 .mx-auto {
   margin-left: auto !important;
 }
@@ -23736,7 +23737,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-0 {
     margin-top: 0 !important;
   }
-  .mr-sm-0,
+  .mr-sm-0, .me-sm-0,
   .mx-sm-0 {
     margin-right: 0 !important;
   }
@@ -23744,7 +23745,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-0 {
     margin-bottom: 0 !important;
   }
-  .ml-sm-0,
+  .ml-sm-0, .ms-sm-0,
   .mx-sm-0 {
     margin-left: 0 !important;
   }
@@ -23755,7 +23756,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-sm-1,
+  .mr-sm-1, .me-sm-1,
   .mx-sm-1 {
     margin-right: 0.25rem !important;
   }
@@ -23763,7 +23764,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-sm-1,
+  .ml-sm-1, .ms-sm-1,
   .mx-sm-1 {
     margin-left: 0.25rem !important;
   }
@@ -23774,7 +23775,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-sm-2,
+  .mr-sm-2, .me-sm-2,
   .mx-sm-2 {
     margin-right: 0.5rem !important;
   }
@@ -23782,7 +23783,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-sm-2,
+  .ml-sm-2, .ms-sm-2,
   .mx-sm-2 {
     margin-left: 0.5rem !important;
   }
@@ -23793,7 +23794,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-3 {
     margin-top: 1rem !important;
   }
-  .mr-sm-3,
+  .mr-sm-3, .me-sm-3,
   .mx-sm-3 {
     margin-right: 1rem !important;
   }
@@ -23801,7 +23802,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-sm-3,
+  .ml-sm-3, .ms-sm-3,
   .mx-sm-3 {
     margin-left: 1rem !important;
   }
@@ -23812,7 +23813,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-sm-4,
+  .mr-sm-4, .me-sm-4,
   .mx-sm-4 {
     margin-right: 1.5rem !important;
   }
@@ -23820,7 +23821,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-sm-4,
+  .ml-sm-4, .ms-sm-4,
   .mx-sm-4 {
     margin-left: 1.5rem !important;
   }
@@ -23831,7 +23832,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-5 {
     margin-top: 2rem !important;
   }
-  .mr-sm-5,
+  .mr-sm-5, .me-sm-5,
   .mx-sm-5 {
     margin-right: 2rem !important;
   }
@@ -23839,7 +23840,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-sm-5,
+  .ml-sm-5, .ms-sm-5,
   .mx-sm-5 {
     margin-left: 2rem !important;
   }
@@ -23850,7 +23851,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-6 {
     margin-top: 3rem !important;
   }
-  .mr-sm-6,
+  .mr-sm-6, .me-sm-6,
   .mx-sm-6 {
     margin-right: 3rem !important;
   }
@@ -23858,7 +23859,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-sm-6,
+  .ml-sm-6, .ms-sm-6,
   .mx-sm-6 {
     margin-left: 3rem !important;
   }
@@ -23869,7 +23870,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-0 {
     padding-top: 0 !important;
   }
-  .pr-sm-0,
+  .pr-sm-0, .pe-sm-0,
   .px-sm-0 {
     padding-right: 0 !important;
   }
@@ -23877,7 +23878,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-0 {
     padding-bottom: 0 !important;
   }
-  .pl-sm-0,
+  .pl-sm-0, .ps-sm-0,
   .px-sm-0 {
     padding-left: 0 !important;
   }
@@ -23888,7 +23889,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-sm-1,
+  .pr-sm-1, .pe-sm-1,
   .px-sm-1 {
     padding-right: 0.25rem !important;
   }
@@ -23896,7 +23897,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-sm-1,
+  .pl-sm-1, .ps-sm-1,
   .px-sm-1 {
     padding-left: 0.25rem !important;
   }
@@ -23907,7 +23908,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-sm-2,
+  .pr-sm-2, .pe-sm-2,
   .px-sm-2 {
     padding-right: 0.5rem !important;
   }
@@ -23915,7 +23916,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-sm-2,
+  .pl-sm-2, .ps-sm-2,
   .px-sm-2 {
     padding-left: 0.5rem !important;
   }
@@ -23926,7 +23927,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-3 {
     padding-top: 1rem !important;
   }
-  .pr-sm-3,
+  .pr-sm-3, .pe-sm-3,
   .px-sm-3 {
     padding-right: 1rem !important;
   }
@@ -23934,7 +23935,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-sm-3,
+  .pl-sm-3, .ps-sm-3,
   .px-sm-3 {
     padding-left: 1rem !important;
   }
@@ -23945,7 +23946,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-sm-4,
+  .pr-sm-4, .pe-sm-4,
   .px-sm-4 {
     padding-right: 1.5rem !important;
   }
@@ -23953,7 +23954,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-sm-4,
+  .pl-sm-4, .ps-sm-4,
   .px-sm-4 {
     padding-left: 1.5rem !important;
   }
@@ -23964,7 +23965,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-5 {
     padding-top: 2rem !important;
   }
-  .pr-sm-5,
+  .pr-sm-5, .pe-sm-5,
   .px-sm-5 {
     padding-right: 2rem !important;
   }
@@ -23972,7 +23973,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-sm-5,
+  .pl-sm-5, .ps-sm-5,
   .px-sm-5 {
     padding-left: 2rem !important;
   }
@@ -23983,7 +23984,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-6 {
     padding-top: 3rem !important;
   }
-  .pr-sm-6,
+  .pr-sm-6, .pe-sm-6,
   .px-sm-6 {
     padding-right: 3rem !important;
   }
@@ -23991,7 +23992,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-sm-6,
+  .pl-sm-6, .ps-sm-6,
   .px-sm-6 {
     padding-left: 3rem !important;
   }
@@ -24116,7 +24117,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-auto {
     margin-top: auto !important;
   }
-  .mr-sm-auto,
+  .mr-sm-auto, .me-sm-auto,
   .mx-sm-auto {
     margin-right: auto !important;
   }
@@ -24124,7 +24125,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-auto {
     margin-bottom: auto !important;
   }
-  .ml-sm-auto,
+  .ml-sm-auto, .ms-sm-auto,
   .mx-sm-auto {
     margin-left: auto !important;
   }
@@ -24137,7 +24138,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-0 {
     margin-top: 0 !important;
   }
-  .mr-md-0,
+  .mr-md-0, .me-md-0,
   .mx-md-0 {
     margin-right: 0 !important;
   }
@@ -24145,7 +24146,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-0 {
     margin-bottom: 0 !important;
   }
-  .ml-md-0,
+  .ml-md-0, .ms-md-0,
   .mx-md-0 {
     margin-left: 0 !important;
   }
@@ -24156,7 +24157,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-md-1,
+  .mr-md-1, .me-md-1,
   .mx-md-1 {
     margin-right: 0.25rem !important;
   }
@@ -24164,7 +24165,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-md-1,
+  .ml-md-1, .ms-md-1,
   .mx-md-1 {
     margin-left: 0.25rem !important;
   }
@@ -24175,7 +24176,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-md-2,
+  .mr-md-2, .me-md-2,
   .mx-md-2 {
     margin-right: 0.5rem !important;
   }
@@ -24183,7 +24184,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-md-2,
+  .ml-md-2, .ms-md-2,
   .mx-md-2 {
     margin-left: 0.5rem !important;
   }
@@ -24194,7 +24195,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-3 {
     margin-top: 1rem !important;
   }
-  .mr-md-3,
+  .mr-md-3, .me-md-3,
   .mx-md-3 {
     margin-right: 1rem !important;
   }
@@ -24202,7 +24203,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-md-3,
+  .ml-md-3, .ms-md-3,
   .mx-md-3 {
     margin-left: 1rem !important;
   }
@@ -24213,7 +24214,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-md-4,
+  .mr-md-4, .me-md-4,
   .mx-md-4 {
     margin-right: 1.5rem !important;
   }
@@ -24221,7 +24222,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-md-4,
+  .ml-md-4, .ms-md-4,
   .mx-md-4 {
     margin-left: 1.5rem !important;
   }
@@ -24232,7 +24233,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-5 {
     margin-top: 2rem !important;
   }
-  .mr-md-5,
+  .mr-md-5, .me-md-5,
   .mx-md-5 {
     margin-right: 2rem !important;
   }
@@ -24240,7 +24241,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-md-5,
+  .ml-md-5, .ms-md-5,
   .mx-md-5 {
     margin-left: 2rem !important;
   }
@@ -24251,7 +24252,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-6 {
     margin-top: 3rem !important;
   }
-  .mr-md-6,
+  .mr-md-6, .me-md-6,
   .mx-md-6 {
     margin-right: 3rem !important;
   }
@@ -24259,7 +24260,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-md-6,
+  .ml-md-6, .ms-md-6,
   .mx-md-6 {
     margin-left: 3rem !important;
   }
@@ -24270,7 +24271,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-0 {
     padding-top: 0 !important;
   }
-  .pr-md-0,
+  .pr-md-0, .pe-md-0,
   .px-md-0 {
     padding-right: 0 !important;
   }
@@ -24278,7 +24279,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-0 {
     padding-bottom: 0 !important;
   }
-  .pl-md-0,
+  .pl-md-0, .ps-md-0,
   .px-md-0 {
     padding-left: 0 !important;
   }
@@ -24289,7 +24290,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-md-1,
+  .pr-md-1, .pe-md-1,
   .px-md-1 {
     padding-right: 0.25rem !important;
   }
@@ -24297,7 +24298,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-md-1,
+  .pl-md-1, .ps-md-1,
   .px-md-1 {
     padding-left: 0.25rem !important;
   }
@@ -24308,7 +24309,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-md-2,
+  .pr-md-2, .pe-md-2,
   .px-md-2 {
     padding-right: 0.5rem !important;
   }
@@ -24316,7 +24317,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-md-2,
+  .pl-md-2, .ps-md-2,
   .px-md-2 {
     padding-left: 0.5rem !important;
   }
@@ -24327,7 +24328,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-3 {
     padding-top: 1rem !important;
   }
-  .pr-md-3,
+  .pr-md-3, .pe-md-3,
   .px-md-3 {
     padding-right: 1rem !important;
   }
@@ -24335,7 +24336,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-md-3,
+  .pl-md-3, .ps-md-3,
   .px-md-3 {
     padding-left: 1rem !important;
   }
@@ -24346,7 +24347,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-md-4,
+  .pr-md-4, .pe-md-4,
   .px-md-4 {
     padding-right: 1.5rem !important;
   }
@@ -24354,7 +24355,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-md-4,
+  .pl-md-4, .ps-md-4,
   .px-md-4 {
     padding-left: 1.5rem !important;
   }
@@ -24365,7 +24366,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-5 {
     padding-top: 2rem !important;
   }
-  .pr-md-5,
+  .pr-md-5, .pe-md-5,
   .px-md-5 {
     padding-right: 2rem !important;
   }
@@ -24373,7 +24374,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-md-5,
+  .pl-md-5, .ps-md-5,
   .px-md-5 {
     padding-left: 2rem !important;
   }
@@ -24384,7 +24385,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-6 {
     padding-top: 3rem !important;
   }
-  .pr-md-6,
+  .pr-md-6, .pe-md-6,
   .px-md-6 {
     padding-right: 3rem !important;
   }
@@ -24392,7 +24393,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-md-6,
+  .pl-md-6, .ps-md-6,
   .px-md-6 {
     padding-left: 3rem !important;
   }
@@ -24517,7 +24518,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-auto {
     margin-top: auto !important;
   }
-  .mr-md-auto,
+  .mr-md-auto, .me-md-auto,
   .mx-md-auto {
     margin-right: auto !important;
   }
@@ -24525,7 +24526,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-auto {
     margin-bottom: auto !important;
   }
-  .ml-md-auto,
+  .ml-md-auto, .ms-md-auto,
   .mx-md-auto {
     margin-left: auto !important;
   }
@@ -24538,7 +24539,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-0 {
     margin-top: 0 !important;
   }
-  .mr-lg-0,
+  .mr-lg-0, .me-lg-0,
   .mx-lg-0 {
     margin-right: 0 !important;
   }
@@ -24546,7 +24547,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-0 {
     margin-bottom: 0 !important;
   }
-  .ml-lg-0,
+  .ml-lg-0, .ms-lg-0,
   .mx-lg-0 {
     margin-left: 0 !important;
   }
@@ -24557,7 +24558,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-lg-1,
+  .mr-lg-1, .me-lg-1,
   .mx-lg-1 {
     margin-right: 0.25rem !important;
   }
@@ -24565,7 +24566,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-lg-1,
+  .ml-lg-1, .ms-lg-1,
   .mx-lg-1 {
     margin-left: 0.25rem !important;
   }
@@ -24576,7 +24577,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-lg-2,
+  .mr-lg-2, .me-lg-2,
   .mx-lg-2 {
     margin-right: 0.5rem !important;
   }
@@ -24584,7 +24585,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-lg-2,
+  .ml-lg-2, .ms-lg-2,
   .mx-lg-2 {
     margin-left: 0.5rem !important;
   }
@@ -24595,7 +24596,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-3 {
     margin-top: 1rem !important;
   }
-  .mr-lg-3,
+  .mr-lg-3, .me-lg-3,
   .mx-lg-3 {
     margin-right: 1rem !important;
   }
@@ -24603,7 +24604,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-lg-3,
+  .ml-lg-3, .ms-lg-3,
   .mx-lg-3 {
     margin-left: 1rem !important;
   }
@@ -24614,7 +24615,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-lg-4,
+  .mr-lg-4, .me-lg-4,
   .mx-lg-4 {
     margin-right: 1.5rem !important;
   }
@@ -24622,7 +24623,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-lg-4,
+  .ml-lg-4, .ms-lg-4,
   .mx-lg-4 {
     margin-left: 1.5rem !important;
   }
@@ -24633,7 +24634,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-5 {
     margin-top: 2rem !important;
   }
-  .mr-lg-5,
+  .mr-lg-5, .me-lg-5,
   .mx-lg-5 {
     margin-right: 2rem !important;
   }
@@ -24641,7 +24642,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-lg-5,
+  .ml-lg-5, .ms-lg-5,
   .mx-lg-5 {
     margin-left: 2rem !important;
   }
@@ -24652,7 +24653,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-6 {
     margin-top: 3rem !important;
   }
-  .mr-lg-6,
+  .mr-lg-6, .me-lg-6,
   .mx-lg-6 {
     margin-right: 3rem !important;
   }
@@ -24660,7 +24661,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-lg-6,
+  .ml-lg-6, .ms-lg-6,
   .mx-lg-6 {
     margin-left: 3rem !important;
   }
@@ -24671,7 +24672,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-0 {
     padding-top: 0 !important;
   }
-  .pr-lg-0,
+  .pr-lg-0, .pe-lg-0,
   .px-lg-0 {
     padding-right: 0 !important;
   }
@@ -24679,7 +24680,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-0 {
     padding-bottom: 0 !important;
   }
-  .pl-lg-0,
+  .pl-lg-0, .ps-lg-0,
   .px-lg-0 {
     padding-left: 0 !important;
   }
@@ -24690,7 +24691,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-lg-1,
+  .pr-lg-1, .pe-lg-1,
   .px-lg-1 {
     padding-right: 0.25rem !important;
   }
@@ -24698,7 +24699,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-lg-1,
+  .pl-lg-1, .ps-lg-1,
   .px-lg-1 {
     padding-left: 0.25rem !important;
   }
@@ -24709,7 +24710,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-lg-2,
+  .pr-lg-2, .pe-lg-2,
   .px-lg-2 {
     padding-right: 0.5rem !important;
   }
@@ -24717,7 +24718,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-lg-2,
+  .pl-lg-2, .ps-lg-2,
   .px-lg-2 {
     padding-left: 0.5rem !important;
   }
@@ -24728,7 +24729,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-3 {
     padding-top: 1rem !important;
   }
-  .pr-lg-3,
+  .pr-lg-3, .pe-lg-3,
   .px-lg-3 {
     padding-right: 1rem !important;
   }
@@ -24736,7 +24737,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-lg-3,
+  .pl-lg-3, .ps-lg-3,
   .px-lg-3 {
     padding-left: 1rem !important;
   }
@@ -24747,7 +24748,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-lg-4,
+  .pr-lg-4, .pe-lg-4,
   .px-lg-4 {
     padding-right: 1.5rem !important;
   }
@@ -24755,7 +24756,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-lg-4,
+  .pl-lg-4, .ps-lg-4,
   .px-lg-4 {
     padding-left: 1.5rem !important;
   }
@@ -24766,7 +24767,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-5 {
     padding-top: 2rem !important;
   }
-  .pr-lg-5,
+  .pr-lg-5, .pe-lg-5,
   .px-lg-5 {
     padding-right: 2rem !important;
   }
@@ -24774,7 +24775,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-lg-5,
+  .pl-lg-5, .ps-lg-5,
   .px-lg-5 {
     padding-left: 2rem !important;
   }
@@ -24785,7 +24786,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-6 {
     padding-top: 3rem !important;
   }
-  .pr-lg-6,
+  .pr-lg-6, .pe-lg-6,
   .px-lg-6 {
     padding-right: 3rem !important;
   }
@@ -24793,7 +24794,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-lg-6,
+  .pl-lg-6, .ps-lg-6,
   .px-lg-6 {
     padding-left: 3rem !important;
   }
@@ -24918,7 +24919,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-auto {
     margin-top: auto !important;
   }
-  .mr-lg-auto,
+  .mr-lg-auto, .me-lg-auto,
   .mx-lg-auto {
     margin-right: auto !important;
   }
@@ -24926,7 +24927,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-auto {
     margin-bottom: auto !important;
   }
-  .ml-lg-auto,
+  .ml-lg-auto, .ms-lg-auto,
   .mx-lg-auto {
     margin-left: auto !important;
   }
@@ -24939,7 +24940,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-0 {
     margin-top: 0 !important;
   }
-  .mr-xl-0,
+  .mr-xl-0, .me-xl-0,
   .mx-xl-0 {
     margin-right: 0 !important;
   }
@@ -24947,7 +24948,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-0 {
     margin-bottom: 0 !important;
   }
-  .ml-xl-0,
+  .ml-xl-0, .ms-xl-0,
   .mx-xl-0 {
     margin-left: 0 !important;
   }
@@ -24958,7 +24959,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-xl-1,
+  .mr-xl-1, .me-xl-1,
   .mx-xl-1 {
     margin-right: 0.25rem !important;
   }
@@ -24966,7 +24967,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-xl-1,
+  .ml-xl-1, .ms-xl-1,
   .mx-xl-1 {
     margin-left: 0.25rem !important;
   }
@@ -24977,7 +24978,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-xl-2,
+  .mr-xl-2, .me-xl-2,
   .mx-xl-2 {
     margin-right: 0.5rem !important;
   }
@@ -24985,7 +24986,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-xl-2,
+  .ml-xl-2, .ms-xl-2,
   .mx-xl-2 {
     margin-left: 0.5rem !important;
   }
@@ -24996,7 +24997,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-3 {
     margin-top: 1rem !important;
   }
-  .mr-xl-3,
+  .mr-xl-3, .me-xl-3,
   .mx-xl-3 {
     margin-right: 1rem !important;
   }
@@ -25004,7 +25005,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-xl-3,
+  .ml-xl-3, .ms-xl-3,
   .mx-xl-3 {
     margin-left: 1rem !important;
   }
@@ -25015,7 +25016,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-xl-4,
+  .mr-xl-4, .me-xl-4,
   .mx-xl-4 {
     margin-right: 1.5rem !important;
   }
@@ -25023,7 +25024,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-xl-4,
+  .ml-xl-4, .ms-xl-4,
   .mx-xl-4 {
     margin-left: 1.5rem !important;
   }
@@ -25034,7 +25035,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-5 {
     margin-top: 2rem !important;
   }
-  .mr-xl-5,
+  .mr-xl-5, .me-xl-5,
   .mx-xl-5 {
     margin-right: 2rem !important;
   }
@@ -25042,7 +25043,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-xl-5,
+  .ml-xl-5, .ms-xl-5,
   .mx-xl-5 {
     margin-left: 2rem !important;
   }
@@ -25053,7 +25054,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-6 {
     margin-top: 3rem !important;
   }
-  .mr-xl-6,
+  .mr-xl-6, .me-xl-6,
   .mx-xl-6 {
     margin-right: 3rem !important;
   }
@@ -25061,7 +25062,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-xl-6,
+  .ml-xl-6, .ms-xl-6,
   .mx-xl-6 {
     margin-left: 3rem !important;
   }
@@ -25072,7 +25073,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-0 {
     padding-top: 0 !important;
   }
-  .pr-xl-0,
+  .pr-xl-0, .pe-xl-0,
   .px-xl-0 {
     padding-right: 0 !important;
   }
@@ -25080,7 +25081,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-0 {
     padding-bottom: 0 !important;
   }
-  .pl-xl-0,
+  .pl-xl-0, .ps-xl-0,
   .px-xl-0 {
     padding-left: 0 !important;
   }
@@ -25091,7 +25092,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-xl-1,
+  .pr-xl-1, .pe-xl-1,
   .px-xl-1 {
     padding-right: 0.25rem !important;
   }
@@ -25099,7 +25100,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-xl-1,
+  .pl-xl-1, .ps-xl-1,
   .px-xl-1 {
     padding-left: 0.25rem !important;
   }
@@ -25110,7 +25111,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-xl-2,
+  .pr-xl-2, .pe-xl-2,
   .px-xl-2 {
     padding-right: 0.5rem !important;
   }
@@ -25118,7 +25119,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-xl-2,
+  .pl-xl-2, .ps-xl-2,
   .px-xl-2 {
     padding-left: 0.5rem !important;
   }
@@ -25129,7 +25130,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-3 {
     padding-top: 1rem !important;
   }
-  .pr-xl-3,
+  .pr-xl-3, .pe-xl-3,
   .px-xl-3 {
     padding-right: 1rem !important;
   }
@@ -25137,7 +25138,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-xl-3,
+  .pl-xl-3, .ps-xl-3,
   .px-xl-3 {
     padding-left: 1rem !important;
   }
@@ -25148,7 +25149,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-xl-4,
+  .pr-xl-4, .pe-xl-4,
   .px-xl-4 {
     padding-right: 1.5rem !important;
   }
@@ -25156,7 +25157,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-xl-4,
+  .pl-xl-4, .ps-xl-4,
   .px-xl-4 {
     padding-left: 1.5rem !important;
   }
@@ -25167,7 +25168,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-5 {
     padding-top: 2rem !important;
   }
-  .pr-xl-5,
+  .pr-xl-5, .pe-xl-5,
   .px-xl-5 {
     padding-right: 2rem !important;
   }
@@ -25175,7 +25176,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-xl-5,
+  .pl-xl-5, .ps-xl-5,
   .px-xl-5 {
     padding-left: 2rem !important;
   }
@@ -25186,7 +25187,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-6 {
     padding-top: 3rem !important;
   }
-  .pr-xl-6,
+  .pr-xl-6, .pe-xl-6,
   .px-xl-6 {
     padding-right: 3rem !important;
   }
@@ -25194,7 +25195,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-xl-6,
+  .pl-xl-6, .ps-xl-6,
   .px-xl-6 {
     padding-left: 3rem !important;
   }
@@ -25319,7 +25320,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-auto {
     margin-top: auto !important;
   }
-  .mr-xl-auto,
+  .mr-xl-auto, .me-xl-auto,
   .mx-xl-auto {
     margin-right: auto !important;
   }
@@ -25327,16 +25328,16 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-auto {
     margin-bottom: auto !important;
   }
-  .ml-xl-auto,
+  .ml-xl-auto, .ms-xl-auto,
   .mx-xl-auto {
     margin-left: auto !important;
   }
 }
-.text-left {
+.text-left, .text-start {
   text-align: left !important;
 }
 
-.text-right {
+.text-right, .text-end {
   text-align: right !important;
 }
 
@@ -25345,10 +25346,10 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 @media (min-width: 576px) {
-  .text-sm-left {
+  .text-sm-left, .text-sm-start {
     text-align: left !important;
   }
-  .text-sm-right {
+  .text-sm-right, .text-sm-end {
     text-align: right !important;
   }
   .text-sm-center {
@@ -25356,10 +25357,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 768px) {
-  .text-md-left {
+  .text-md-left, .text-md-start {
     text-align: left !important;
   }
-  .text-md-right {
+  .text-md-right, .text-md-end {
     text-align: right !important;
   }
   .text-md-center {
@@ -25367,10 +25368,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 992px) {
-  .text-lg-left {
+  .text-lg-left, .text-lg-start {
     text-align: left !important;
   }
-  .text-lg-right {
+  .text-lg-right, .text-lg-end {
     text-align: right !important;
   }
   .text-lg-center {
@@ -25378,47 +25379,47 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 1200px) {
-  .text-xl-left {
+  .text-xl-left, .text-xl-start {
     text-align: left !important;
   }
-  .text-xl-right {
+  .text-xl-right, .text-xl-end {
     text-align: right !important;
   }
   .text-xl-center {
     text-align: center !important;
   }
 }
-.border-right {
+.border-right, .border-end {
   border-right: 1px solid #dee2e6 !important;
 }
 
-.border-left {
+.border-left, .border-start {
   border-left: 1px solid #dee2e6 !important;
 }
 
-.border-right-0 {
+.border-right-0, .border-end-0 {
   border-right: 0 !important;
 }
 
-.border-left-0 {
+.border-left-0, .border-start-0 {
   border-left: 0 !important;
 }
 
-.rounded-right {
+.rounded-right, .rounded-end {
   border-top-right-radius: 0.5rem !important;
   border-bottom-right-radius: 0.5rem !important;
 }
 
-.rounded-left {
+.rounded-left, .rounded-start {
   border-top-left-radius: 0.5rem !important;
   border-bottom-left-radius: 0.5rem !important;
 }
 
-.float-left {
+.float-left, .float-start {
   float: left !important;
 }
 
-.float-right {
+.float-right, .float-end {
   float: right !important;
 }
 
@@ -25427,10 +25428,10 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 @media (min-width: 576px) {
-  .float-sm-left {
+  .float-sm-left, .float-sm-start {
     float: left !important;
   }
-  .float-sm-right {
+  .float-sm-right, .float-sm-end {
     float: right !important;
   }
   .float-sm-none {
@@ -25438,10 +25439,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 768px) {
-  .float-md-left {
+  .float-md-left, .float-md-start {
     float: left !important;
   }
-  .float-md-right {
+  .float-md-right, .float-md-end {
     float: right !important;
   }
   .float-md-none {
@@ -25449,10 +25450,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 992px) {
-  .float-lg-left {
+  .float-lg-left, .float-lg-start {
     float: left !important;
   }
-  .float-lg-right {
+  .float-lg-right, .float-lg-end {
     float: right !important;
   }
   .float-lg-none {
@@ -25460,17 +25461,17 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 1200px) {
-  .float-xl-left {
+  .float-xl-left, .float-xl-start {
     float: left !important;
   }
-  .float-xl-right {
+  .float-xl-right, .float-xl-end {
     float: right !important;
   }
   .float-xl-none {
     float: none !important;
   }
 }
-.close {
+.close, .btn-close {
   float: right;
   font-size: 1.40625rem;
   font-weight: 700;
@@ -25480,28 +25481,52 @@ a.badge-dark:focus, a.badge-dark.focus {
   opacity: 0.5;
 }
 @media (max-width: 1200px) {
-  .close {
+  .close, .btn-close {
     font-size: calc(0.950625rem + 0.6075vw);
   }
 }
-.close:hover {
+.close:hover, .btn-close:hover {
   color: #000;
   text-decoration: none;
 }
-.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
+.close:not(:disabled):not(.disabled):hover, .btn-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .btn-close:not(:disabled):not(.disabled):focus {
   opacity: 0.75;
 }
 
-button.close {
+button.close, button.btn-close {
   padding: 0;
   background-color: transparent;
   border: 0;
 }
 
-a.close.disabled {
+a.close.disabled, a.disabled.btn-close {
   pointer-events: none;
 }
 
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
 /**
  * Moodle variables
  *
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 89505a0ffaf5..d6c4566940f7 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -23214,12 +23214,13 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 
-.no-gutters {
+.no-gutters, .g-0 {
   margin-right: 0;
   margin-left: 0;
 }
-.no-gutters > .col,
-.no-gutters > [class*=col-] {
+.no-gutters > .col, .g-0 > .col,
+.no-gutters > [class*=col-],
+.g-0 > [class*=col-] {
   padding-right: 0;
   padding-left: 0;
 }
@@ -23233,7 +23234,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0 !important;
 }
 
-.mr-0,
+.mr-0, .me-0,
 .mx-0 {
   margin-right: 0 !important;
 }
@@ -23243,7 +23244,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0 !important;
 }
 
-.ml-0,
+.ml-0, .ms-0,
 .mx-0 {
   margin-left: 0 !important;
 }
@@ -23257,7 +23258,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0.25rem !important;
 }
 
-.mr-1,
+.mr-1, .me-1,
 .mx-1 {
   margin-right: 0.25rem !important;
 }
@@ -23267,7 +23268,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0.25rem !important;
 }
 
-.ml-1,
+.ml-1, .ms-1,
 .mx-1 {
   margin-left: 0.25rem !important;
 }
@@ -23281,7 +23282,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 0.5rem !important;
 }
 
-.mr-2,
+.mr-2, .me-2,
 .mx-2 {
   margin-right: 0.5rem !important;
 }
@@ -23291,7 +23292,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 0.5rem !important;
 }
 
-.ml-2,
+.ml-2, .ms-2,
 .mx-2 {
   margin-left: 0.5rem !important;
 }
@@ -23305,7 +23306,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 1rem !important;
 }
 
-.mr-3,
+.mr-3, .me-3,
 .mx-3 {
   margin-right: 1rem !important;
 }
@@ -23315,7 +23316,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 1rem !important;
 }
 
-.ml-3,
+.ml-3, .ms-3,
 .mx-3 {
   margin-left: 1rem !important;
 }
@@ -23329,7 +23330,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 1.5rem !important;
 }
 
-.mr-4,
+.mr-4, .me-4,
 .mx-4 {
   margin-right: 1.5rem !important;
 }
@@ -23339,7 +23340,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 1.5rem !important;
 }
 
-.ml-4,
+.ml-4, .ms-4,
 .mx-4 {
   margin-left: 1.5rem !important;
 }
@@ -23353,7 +23354,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 2rem !important;
 }
 
-.mr-5,
+.mr-5, .me-5,
 .mx-5 {
   margin-right: 2rem !important;
 }
@@ -23363,7 +23364,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 2rem !important;
 }
 
-.ml-5,
+.ml-5, .ms-5,
 .mx-5 {
   margin-left: 2rem !important;
 }
@@ -23377,7 +23378,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: 3rem !important;
 }
 
-.mr-6,
+.mr-6, .me-6,
 .mx-6 {
   margin-right: 3rem !important;
 }
@@ -23387,7 +23388,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: 3rem !important;
 }
 
-.ml-6,
+.ml-6, .ms-6,
 .mx-6 {
   margin-left: 3rem !important;
 }
@@ -23401,7 +23402,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0 !important;
 }
 
-.pr-0,
+.pr-0, .pe-0,
 .px-0 {
   padding-right: 0 !important;
 }
@@ -23411,7 +23412,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0 !important;
 }
 
-.pl-0,
+.pl-0, .ps-0,
 .px-0 {
   padding-left: 0 !important;
 }
@@ -23425,7 +23426,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0.25rem !important;
 }
 
-.pr-1,
+.pr-1, .pe-1,
 .px-1 {
   padding-right: 0.25rem !important;
 }
@@ -23435,7 +23436,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0.25rem !important;
 }
 
-.pl-1,
+.pl-1, .ps-1,
 .px-1 {
   padding-left: 0.25rem !important;
 }
@@ -23449,7 +23450,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 0.5rem !important;
 }
 
-.pr-2,
+.pr-2, .pe-2,
 .px-2 {
   padding-right: 0.5rem !important;
 }
@@ -23459,7 +23460,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 0.5rem !important;
 }
 
-.pl-2,
+.pl-2, .ps-2,
 .px-2 {
   padding-left: 0.5rem !important;
 }
@@ -23473,7 +23474,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 1rem !important;
 }
 
-.pr-3,
+.pr-3, .pe-3,
 .px-3 {
   padding-right: 1rem !important;
 }
@@ -23483,7 +23484,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 1rem !important;
 }
 
-.pl-3,
+.pl-3, .ps-3,
 .px-3 {
   padding-left: 1rem !important;
 }
@@ -23497,7 +23498,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 1.5rem !important;
 }
 
-.pr-4,
+.pr-4, .pe-4,
 .px-4 {
   padding-right: 1.5rem !important;
 }
@@ -23507,7 +23508,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 1.5rem !important;
 }
 
-.pl-4,
+.pl-4, .ps-4,
 .px-4 {
   padding-left: 1.5rem !important;
 }
@@ -23521,7 +23522,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 2rem !important;
 }
 
-.pr-5,
+.pr-5, .pe-5,
 .px-5 {
   padding-right: 2rem !important;
 }
@@ -23531,7 +23532,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 2rem !important;
 }
 
-.pl-5,
+.pl-5, .ps-5,
 .px-5 {
   padding-left: 2rem !important;
 }
@@ -23545,7 +23546,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-top: 3rem !important;
 }
 
-.pr-6,
+.pr-6, .pe-6,
 .px-6 {
   padding-right: 3rem !important;
 }
@@ -23555,7 +23556,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   padding-bottom: 3rem !important;
 }
 
-.pl-6,
+.pl-6, .ps-6,
 .px-6 {
   padding-left: 3rem !important;
 }
@@ -23713,7 +23714,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-top: auto !important;
 }
 
-.mr-auto,
+.mr-auto, .me-auto,
 .mx-auto {
   margin-right: auto !important;
 }
@@ -23723,7 +23724,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   margin-bottom: auto !important;
 }
 
-.ml-auto,
+.ml-auto, .ms-auto,
 .mx-auto {
   margin-left: auto !important;
 }
@@ -23736,7 +23737,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-0 {
     margin-top: 0 !important;
   }
-  .mr-sm-0,
+  .mr-sm-0, .me-sm-0,
   .mx-sm-0 {
     margin-right: 0 !important;
   }
@@ -23744,7 +23745,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-0 {
     margin-bottom: 0 !important;
   }
-  .ml-sm-0,
+  .ml-sm-0, .ms-sm-0,
   .mx-sm-0 {
     margin-left: 0 !important;
   }
@@ -23755,7 +23756,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-sm-1,
+  .mr-sm-1, .me-sm-1,
   .mx-sm-1 {
     margin-right: 0.25rem !important;
   }
@@ -23763,7 +23764,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-sm-1,
+  .ml-sm-1, .ms-sm-1,
   .mx-sm-1 {
     margin-left: 0.25rem !important;
   }
@@ -23774,7 +23775,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-sm-2,
+  .mr-sm-2, .me-sm-2,
   .mx-sm-2 {
     margin-right: 0.5rem !important;
   }
@@ -23782,7 +23783,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-sm-2,
+  .ml-sm-2, .ms-sm-2,
   .mx-sm-2 {
     margin-left: 0.5rem !important;
   }
@@ -23793,7 +23794,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-3 {
     margin-top: 1rem !important;
   }
-  .mr-sm-3,
+  .mr-sm-3, .me-sm-3,
   .mx-sm-3 {
     margin-right: 1rem !important;
   }
@@ -23801,7 +23802,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-sm-3,
+  .ml-sm-3, .ms-sm-3,
   .mx-sm-3 {
     margin-left: 1rem !important;
   }
@@ -23812,7 +23813,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-sm-4,
+  .mr-sm-4, .me-sm-4,
   .mx-sm-4 {
     margin-right: 1.5rem !important;
   }
@@ -23820,7 +23821,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-sm-4,
+  .ml-sm-4, .ms-sm-4,
   .mx-sm-4 {
     margin-left: 1.5rem !important;
   }
@@ -23831,7 +23832,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-5 {
     margin-top: 2rem !important;
   }
-  .mr-sm-5,
+  .mr-sm-5, .me-sm-5,
   .mx-sm-5 {
     margin-right: 2rem !important;
   }
@@ -23839,7 +23840,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-sm-5,
+  .ml-sm-5, .ms-sm-5,
   .mx-sm-5 {
     margin-left: 2rem !important;
   }
@@ -23850,7 +23851,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-6 {
     margin-top: 3rem !important;
   }
-  .mr-sm-6,
+  .mr-sm-6, .me-sm-6,
   .mx-sm-6 {
     margin-right: 3rem !important;
   }
@@ -23858,7 +23859,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-sm-6,
+  .ml-sm-6, .ms-sm-6,
   .mx-sm-6 {
     margin-left: 3rem !important;
   }
@@ -23869,7 +23870,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-0 {
     padding-top: 0 !important;
   }
-  .pr-sm-0,
+  .pr-sm-0, .pe-sm-0,
   .px-sm-0 {
     padding-right: 0 !important;
   }
@@ -23877,7 +23878,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-0 {
     padding-bottom: 0 !important;
   }
-  .pl-sm-0,
+  .pl-sm-0, .ps-sm-0,
   .px-sm-0 {
     padding-left: 0 !important;
   }
@@ -23888,7 +23889,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-sm-1,
+  .pr-sm-1, .pe-sm-1,
   .px-sm-1 {
     padding-right: 0.25rem !important;
   }
@@ -23896,7 +23897,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-sm-1,
+  .pl-sm-1, .ps-sm-1,
   .px-sm-1 {
     padding-left: 0.25rem !important;
   }
@@ -23907,7 +23908,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-sm-2,
+  .pr-sm-2, .pe-sm-2,
   .px-sm-2 {
     padding-right: 0.5rem !important;
   }
@@ -23915,7 +23916,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-sm-2,
+  .pl-sm-2, .ps-sm-2,
   .px-sm-2 {
     padding-left: 0.5rem !important;
   }
@@ -23926,7 +23927,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-3 {
     padding-top: 1rem !important;
   }
-  .pr-sm-3,
+  .pr-sm-3, .pe-sm-3,
   .px-sm-3 {
     padding-right: 1rem !important;
   }
@@ -23934,7 +23935,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-sm-3,
+  .pl-sm-3, .ps-sm-3,
   .px-sm-3 {
     padding-left: 1rem !important;
   }
@@ -23945,7 +23946,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-sm-4,
+  .pr-sm-4, .pe-sm-4,
   .px-sm-4 {
     padding-right: 1.5rem !important;
   }
@@ -23953,7 +23954,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-sm-4,
+  .pl-sm-4, .ps-sm-4,
   .px-sm-4 {
     padding-left: 1.5rem !important;
   }
@@ -23964,7 +23965,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-5 {
     padding-top: 2rem !important;
   }
-  .pr-sm-5,
+  .pr-sm-5, .pe-sm-5,
   .px-sm-5 {
     padding-right: 2rem !important;
   }
@@ -23972,7 +23973,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-sm-5,
+  .pl-sm-5, .ps-sm-5,
   .px-sm-5 {
     padding-left: 2rem !important;
   }
@@ -23983,7 +23984,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-6 {
     padding-top: 3rem !important;
   }
-  .pr-sm-6,
+  .pr-sm-6, .pe-sm-6,
   .px-sm-6 {
     padding-right: 3rem !important;
   }
@@ -23991,7 +23992,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-sm-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-sm-6,
+  .pl-sm-6, .ps-sm-6,
   .px-sm-6 {
     padding-left: 3rem !important;
   }
@@ -24116,7 +24117,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-auto {
     margin-top: auto !important;
   }
-  .mr-sm-auto,
+  .mr-sm-auto, .me-sm-auto,
   .mx-sm-auto {
     margin-right: auto !important;
   }
@@ -24124,7 +24125,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-sm-auto {
     margin-bottom: auto !important;
   }
-  .ml-sm-auto,
+  .ml-sm-auto, .ms-sm-auto,
   .mx-sm-auto {
     margin-left: auto !important;
   }
@@ -24137,7 +24138,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-0 {
     margin-top: 0 !important;
   }
-  .mr-md-0,
+  .mr-md-0, .me-md-0,
   .mx-md-0 {
     margin-right: 0 !important;
   }
@@ -24145,7 +24146,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-0 {
     margin-bottom: 0 !important;
   }
-  .ml-md-0,
+  .ml-md-0, .ms-md-0,
   .mx-md-0 {
     margin-left: 0 !important;
   }
@@ -24156,7 +24157,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-md-1,
+  .mr-md-1, .me-md-1,
   .mx-md-1 {
     margin-right: 0.25rem !important;
   }
@@ -24164,7 +24165,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-md-1,
+  .ml-md-1, .ms-md-1,
   .mx-md-1 {
     margin-left: 0.25rem !important;
   }
@@ -24175,7 +24176,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-md-2,
+  .mr-md-2, .me-md-2,
   .mx-md-2 {
     margin-right: 0.5rem !important;
   }
@@ -24183,7 +24184,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-md-2,
+  .ml-md-2, .ms-md-2,
   .mx-md-2 {
     margin-left: 0.5rem !important;
   }
@@ -24194,7 +24195,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-3 {
     margin-top: 1rem !important;
   }
-  .mr-md-3,
+  .mr-md-3, .me-md-3,
   .mx-md-3 {
     margin-right: 1rem !important;
   }
@@ -24202,7 +24203,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-md-3,
+  .ml-md-3, .ms-md-3,
   .mx-md-3 {
     margin-left: 1rem !important;
   }
@@ -24213,7 +24214,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-md-4,
+  .mr-md-4, .me-md-4,
   .mx-md-4 {
     margin-right: 1.5rem !important;
   }
@@ -24221,7 +24222,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-md-4,
+  .ml-md-4, .ms-md-4,
   .mx-md-4 {
     margin-left: 1.5rem !important;
   }
@@ -24232,7 +24233,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-5 {
     margin-top: 2rem !important;
   }
-  .mr-md-5,
+  .mr-md-5, .me-md-5,
   .mx-md-5 {
     margin-right: 2rem !important;
   }
@@ -24240,7 +24241,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-md-5,
+  .ml-md-5, .ms-md-5,
   .mx-md-5 {
     margin-left: 2rem !important;
   }
@@ -24251,7 +24252,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-6 {
     margin-top: 3rem !important;
   }
-  .mr-md-6,
+  .mr-md-6, .me-md-6,
   .mx-md-6 {
     margin-right: 3rem !important;
   }
@@ -24259,7 +24260,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-md-6,
+  .ml-md-6, .ms-md-6,
   .mx-md-6 {
     margin-left: 3rem !important;
   }
@@ -24270,7 +24271,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-0 {
     padding-top: 0 !important;
   }
-  .pr-md-0,
+  .pr-md-0, .pe-md-0,
   .px-md-0 {
     padding-right: 0 !important;
   }
@@ -24278,7 +24279,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-0 {
     padding-bottom: 0 !important;
   }
-  .pl-md-0,
+  .pl-md-0, .ps-md-0,
   .px-md-0 {
     padding-left: 0 !important;
   }
@@ -24289,7 +24290,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-md-1,
+  .pr-md-1, .pe-md-1,
   .px-md-1 {
     padding-right: 0.25rem !important;
   }
@@ -24297,7 +24298,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-md-1,
+  .pl-md-1, .ps-md-1,
   .px-md-1 {
     padding-left: 0.25rem !important;
   }
@@ -24308,7 +24309,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-md-2,
+  .pr-md-2, .pe-md-2,
   .px-md-2 {
     padding-right: 0.5rem !important;
   }
@@ -24316,7 +24317,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-md-2,
+  .pl-md-2, .ps-md-2,
   .px-md-2 {
     padding-left: 0.5rem !important;
   }
@@ -24327,7 +24328,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-3 {
     padding-top: 1rem !important;
   }
-  .pr-md-3,
+  .pr-md-3, .pe-md-3,
   .px-md-3 {
     padding-right: 1rem !important;
   }
@@ -24335,7 +24336,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-md-3,
+  .pl-md-3, .ps-md-3,
   .px-md-3 {
     padding-left: 1rem !important;
   }
@@ -24346,7 +24347,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-md-4,
+  .pr-md-4, .pe-md-4,
   .px-md-4 {
     padding-right: 1.5rem !important;
   }
@@ -24354,7 +24355,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-md-4,
+  .pl-md-4, .ps-md-4,
   .px-md-4 {
     padding-left: 1.5rem !important;
   }
@@ -24365,7 +24366,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-5 {
     padding-top: 2rem !important;
   }
-  .pr-md-5,
+  .pr-md-5, .pe-md-5,
   .px-md-5 {
     padding-right: 2rem !important;
   }
@@ -24373,7 +24374,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-md-5,
+  .pl-md-5, .ps-md-5,
   .px-md-5 {
     padding-left: 2rem !important;
   }
@@ -24384,7 +24385,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-6 {
     padding-top: 3rem !important;
   }
-  .pr-md-6,
+  .pr-md-6, .pe-md-6,
   .px-md-6 {
     padding-right: 3rem !important;
   }
@@ -24392,7 +24393,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-md-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-md-6,
+  .pl-md-6, .ps-md-6,
   .px-md-6 {
     padding-left: 3rem !important;
   }
@@ -24517,7 +24518,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-auto {
     margin-top: auto !important;
   }
-  .mr-md-auto,
+  .mr-md-auto, .me-md-auto,
   .mx-md-auto {
     margin-right: auto !important;
   }
@@ -24525,7 +24526,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-md-auto {
     margin-bottom: auto !important;
   }
-  .ml-md-auto,
+  .ml-md-auto, .ms-md-auto,
   .mx-md-auto {
     margin-left: auto !important;
   }
@@ -24538,7 +24539,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-0 {
     margin-top: 0 !important;
   }
-  .mr-lg-0,
+  .mr-lg-0, .me-lg-0,
   .mx-lg-0 {
     margin-right: 0 !important;
   }
@@ -24546,7 +24547,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-0 {
     margin-bottom: 0 !important;
   }
-  .ml-lg-0,
+  .ml-lg-0, .ms-lg-0,
   .mx-lg-0 {
     margin-left: 0 !important;
   }
@@ -24557,7 +24558,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-lg-1,
+  .mr-lg-1, .me-lg-1,
   .mx-lg-1 {
     margin-right: 0.25rem !important;
   }
@@ -24565,7 +24566,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-lg-1,
+  .ml-lg-1, .ms-lg-1,
   .mx-lg-1 {
     margin-left: 0.25rem !important;
   }
@@ -24576,7 +24577,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-lg-2,
+  .mr-lg-2, .me-lg-2,
   .mx-lg-2 {
     margin-right: 0.5rem !important;
   }
@@ -24584,7 +24585,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-lg-2,
+  .ml-lg-2, .ms-lg-2,
   .mx-lg-2 {
     margin-left: 0.5rem !important;
   }
@@ -24595,7 +24596,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-3 {
     margin-top: 1rem !important;
   }
-  .mr-lg-3,
+  .mr-lg-3, .me-lg-3,
   .mx-lg-3 {
     margin-right: 1rem !important;
   }
@@ -24603,7 +24604,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-lg-3,
+  .ml-lg-3, .ms-lg-3,
   .mx-lg-3 {
     margin-left: 1rem !important;
   }
@@ -24614,7 +24615,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-lg-4,
+  .mr-lg-4, .me-lg-4,
   .mx-lg-4 {
     margin-right: 1.5rem !important;
   }
@@ -24622,7 +24623,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-lg-4,
+  .ml-lg-4, .ms-lg-4,
   .mx-lg-4 {
     margin-left: 1.5rem !important;
   }
@@ -24633,7 +24634,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-5 {
     margin-top: 2rem !important;
   }
-  .mr-lg-5,
+  .mr-lg-5, .me-lg-5,
   .mx-lg-5 {
     margin-right: 2rem !important;
   }
@@ -24641,7 +24642,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-lg-5,
+  .ml-lg-5, .ms-lg-5,
   .mx-lg-5 {
     margin-left: 2rem !important;
   }
@@ -24652,7 +24653,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-6 {
     margin-top: 3rem !important;
   }
-  .mr-lg-6,
+  .mr-lg-6, .me-lg-6,
   .mx-lg-6 {
     margin-right: 3rem !important;
   }
@@ -24660,7 +24661,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-lg-6,
+  .ml-lg-6, .ms-lg-6,
   .mx-lg-6 {
     margin-left: 3rem !important;
   }
@@ -24671,7 +24672,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-0 {
     padding-top: 0 !important;
   }
-  .pr-lg-0,
+  .pr-lg-0, .pe-lg-0,
   .px-lg-0 {
     padding-right: 0 !important;
   }
@@ -24679,7 +24680,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-0 {
     padding-bottom: 0 !important;
   }
-  .pl-lg-0,
+  .pl-lg-0, .ps-lg-0,
   .px-lg-0 {
     padding-left: 0 !important;
   }
@@ -24690,7 +24691,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-lg-1,
+  .pr-lg-1, .pe-lg-1,
   .px-lg-1 {
     padding-right: 0.25rem !important;
   }
@@ -24698,7 +24699,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-lg-1,
+  .pl-lg-1, .ps-lg-1,
   .px-lg-1 {
     padding-left: 0.25rem !important;
   }
@@ -24709,7 +24710,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-lg-2,
+  .pr-lg-2, .pe-lg-2,
   .px-lg-2 {
     padding-right: 0.5rem !important;
   }
@@ -24717,7 +24718,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-lg-2,
+  .pl-lg-2, .ps-lg-2,
   .px-lg-2 {
     padding-left: 0.5rem !important;
   }
@@ -24728,7 +24729,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-3 {
     padding-top: 1rem !important;
   }
-  .pr-lg-3,
+  .pr-lg-3, .pe-lg-3,
   .px-lg-3 {
     padding-right: 1rem !important;
   }
@@ -24736,7 +24737,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-lg-3,
+  .pl-lg-3, .ps-lg-3,
   .px-lg-3 {
     padding-left: 1rem !important;
   }
@@ -24747,7 +24748,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-lg-4,
+  .pr-lg-4, .pe-lg-4,
   .px-lg-4 {
     padding-right: 1.5rem !important;
   }
@@ -24755,7 +24756,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-lg-4,
+  .pl-lg-4, .ps-lg-4,
   .px-lg-4 {
     padding-left: 1.5rem !important;
   }
@@ -24766,7 +24767,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-5 {
     padding-top: 2rem !important;
   }
-  .pr-lg-5,
+  .pr-lg-5, .pe-lg-5,
   .px-lg-5 {
     padding-right: 2rem !important;
   }
@@ -24774,7 +24775,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-lg-5,
+  .pl-lg-5, .ps-lg-5,
   .px-lg-5 {
     padding-left: 2rem !important;
   }
@@ -24785,7 +24786,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-6 {
     padding-top: 3rem !important;
   }
-  .pr-lg-6,
+  .pr-lg-6, .pe-lg-6,
   .px-lg-6 {
     padding-right: 3rem !important;
   }
@@ -24793,7 +24794,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-lg-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-lg-6,
+  .pl-lg-6, .ps-lg-6,
   .px-lg-6 {
     padding-left: 3rem !important;
   }
@@ -24918,7 +24919,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-auto {
     margin-top: auto !important;
   }
-  .mr-lg-auto,
+  .mr-lg-auto, .me-lg-auto,
   .mx-lg-auto {
     margin-right: auto !important;
   }
@@ -24926,7 +24927,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-lg-auto {
     margin-bottom: auto !important;
   }
-  .ml-lg-auto,
+  .ml-lg-auto, .ms-lg-auto,
   .mx-lg-auto {
     margin-left: auto !important;
   }
@@ -24939,7 +24940,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-0 {
     margin-top: 0 !important;
   }
-  .mr-xl-0,
+  .mr-xl-0, .me-xl-0,
   .mx-xl-0 {
     margin-right: 0 !important;
   }
@@ -24947,7 +24948,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-0 {
     margin-bottom: 0 !important;
   }
-  .ml-xl-0,
+  .ml-xl-0, .ms-xl-0,
   .mx-xl-0 {
     margin-left: 0 !important;
   }
@@ -24958,7 +24959,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-1 {
     margin-top: 0.25rem !important;
   }
-  .mr-xl-1,
+  .mr-xl-1, .me-xl-1,
   .mx-xl-1 {
     margin-right: 0.25rem !important;
   }
@@ -24966,7 +24967,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-1 {
     margin-bottom: 0.25rem !important;
   }
-  .ml-xl-1,
+  .ml-xl-1, .ms-xl-1,
   .mx-xl-1 {
     margin-left: 0.25rem !important;
   }
@@ -24977,7 +24978,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-2 {
     margin-top: 0.5rem !important;
   }
-  .mr-xl-2,
+  .mr-xl-2, .me-xl-2,
   .mx-xl-2 {
     margin-right: 0.5rem !important;
   }
@@ -24985,7 +24986,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-2 {
     margin-bottom: 0.5rem !important;
   }
-  .ml-xl-2,
+  .ml-xl-2, .ms-xl-2,
   .mx-xl-2 {
     margin-left: 0.5rem !important;
   }
@@ -24996,7 +24997,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-3 {
     margin-top: 1rem !important;
   }
-  .mr-xl-3,
+  .mr-xl-3, .me-xl-3,
   .mx-xl-3 {
     margin-right: 1rem !important;
   }
@@ -25004,7 +25005,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-3 {
     margin-bottom: 1rem !important;
   }
-  .ml-xl-3,
+  .ml-xl-3, .ms-xl-3,
   .mx-xl-3 {
     margin-left: 1rem !important;
   }
@@ -25015,7 +25016,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-4 {
     margin-top: 1.5rem !important;
   }
-  .mr-xl-4,
+  .mr-xl-4, .me-xl-4,
   .mx-xl-4 {
     margin-right: 1.5rem !important;
   }
@@ -25023,7 +25024,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-4 {
     margin-bottom: 1.5rem !important;
   }
-  .ml-xl-4,
+  .ml-xl-4, .ms-xl-4,
   .mx-xl-4 {
     margin-left: 1.5rem !important;
   }
@@ -25034,7 +25035,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-5 {
     margin-top: 2rem !important;
   }
-  .mr-xl-5,
+  .mr-xl-5, .me-xl-5,
   .mx-xl-5 {
     margin-right: 2rem !important;
   }
@@ -25042,7 +25043,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-5 {
     margin-bottom: 2rem !important;
   }
-  .ml-xl-5,
+  .ml-xl-5, .ms-xl-5,
   .mx-xl-5 {
     margin-left: 2rem !important;
   }
@@ -25053,7 +25054,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-6 {
     margin-top: 3rem !important;
   }
-  .mr-xl-6,
+  .mr-xl-6, .me-xl-6,
   .mx-xl-6 {
     margin-right: 3rem !important;
   }
@@ -25061,7 +25062,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-6 {
     margin-bottom: 3rem !important;
   }
-  .ml-xl-6,
+  .ml-xl-6, .ms-xl-6,
   .mx-xl-6 {
     margin-left: 3rem !important;
   }
@@ -25072,7 +25073,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-0 {
     padding-top: 0 !important;
   }
-  .pr-xl-0,
+  .pr-xl-0, .pe-xl-0,
   .px-xl-0 {
     padding-right: 0 !important;
   }
@@ -25080,7 +25081,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-0 {
     padding-bottom: 0 !important;
   }
-  .pl-xl-0,
+  .pl-xl-0, .ps-xl-0,
   .px-xl-0 {
     padding-left: 0 !important;
   }
@@ -25091,7 +25092,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-1 {
     padding-top: 0.25rem !important;
   }
-  .pr-xl-1,
+  .pr-xl-1, .pe-xl-1,
   .px-xl-1 {
     padding-right: 0.25rem !important;
   }
@@ -25099,7 +25100,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-1 {
     padding-bottom: 0.25rem !important;
   }
-  .pl-xl-1,
+  .pl-xl-1, .ps-xl-1,
   .px-xl-1 {
     padding-left: 0.25rem !important;
   }
@@ -25110,7 +25111,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-2 {
     padding-top: 0.5rem !important;
   }
-  .pr-xl-2,
+  .pr-xl-2, .pe-xl-2,
   .px-xl-2 {
     padding-right: 0.5rem !important;
   }
@@ -25118,7 +25119,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-2 {
     padding-bottom: 0.5rem !important;
   }
-  .pl-xl-2,
+  .pl-xl-2, .ps-xl-2,
   .px-xl-2 {
     padding-left: 0.5rem !important;
   }
@@ -25129,7 +25130,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-3 {
     padding-top: 1rem !important;
   }
-  .pr-xl-3,
+  .pr-xl-3, .pe-xl-3,
   .px-xl-3 {
     padding-right: 1rem !important;
   }
@@ -25137,7 +25138,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-3 {
     padding-bottom: 1rem !important;
   }
-  .pl-xl-3,
+  .pl-xl-3, .ps-xl-3,
   .px-xl-3 {
     padding-left: 1rem !important;
   }
@@ -25148,7 +25149,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-4 {
     padding-top: 1.5rem !important;
   }
-  .pr-xl-4,
+  .pr-xl-4, .pe-xl-4,
   .px-xl-4 {
     padding-right: 1.5rem !important;
   }
@@ -25156,7 +25157,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-4 {
     padding-bottom: 1.5rem !important;
   }
-  .pl-xl-4,
+  .pl-xl-4, .ps-xl-4,
   .px-xl-4 {
     padding-left: 1.5rem !important;
   }
@@ -25167,7 +25168,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-5 {
     padding-top: 2rem !important;
   }
-  .pr-xl-5,
+  .pr-xl-5, .pe-xl-5,
   .px-xl-5 {
     padding-right: 2rem !important;
   }
@@ -25175,7 +25176,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-5 {
     padding-bottom: 2rem !important;
   }
-  .pl-xl-5,
+  .pl-xl-5, .ps-xl-5,
   .px-xl-5 {
     padding-left: 2rem !important;
   }
@@ -25186,7 +25187,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-6 {
     padding-top: 3rem !important;
   }
-  .pr-xl-6,
+  .pr-xl-6, .pe-xl-6,
   .px-xl-6 {
     padding-right: 3rem !important;
   }
@@ -25194,7 +25195,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .py-xl-6 {
     padding-bottom: 3rem !important;
   }
-  .pl-xl-6,
+  .pl-xl-6, .ps-xl-6,
   .px-xl-6 {
     padding-left: 3rem !important;
   }
@@ -25319,7 +25320,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-auto {
     margin-top: auto !important;
   }
-  .mr-xl-auto,
+  .mr-xl-auto, .me-xl-auto,
   .mx-xl-auto {
     margin-right: auto !important;
   }
@@ -25327,16 +25328,16 @@ a.badge-dark:focus, a.badge-dark.focus {
   .my-xl-auto {
     margin-bottom: auto !important;
   }
-  .ml-xl-auto,
+  .ml-xl-auto, .ms-xl-auto,
   .mx-xl-auto {
     margin-left: auto !important;
   }
 }
-.text-left {
+.text-left, .text-start {
   text-align: left !important;
 }
 
-.text-right {
+.text-right, .text-end {
   text-align: right !important;
 }
 
@@ -25345,10 +25346,10 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 @media (min-width: 576px) {
-  .text-sm-left {
+  .text-sm-left, .text-sm-start {
     text-align: left !important;
   }
-  .text-sm-right {
+  .text-sm-right, .text-sm-end {
     text-align: right !important;
   }
   .text-sm-center {
@@ -25356,10 +25357,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 768px) {
-  .text-md-left {
+  .text-md-left, .text-md-start {
     text-align: left !important;
   }
-  .text-md-right {
+  .text-md-right, .text-md-end {
     text-align: right !important;
   }
   .text-md-center {
@@ -25367,10 +25368,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 992px) {
-  .text-lg-left {
+  .text-lg-left, .text-lg-start {
     text-align: left !important;
   }
-  .text-lg-right {
+  .text-lg-right, .text-lg-end {
     text-align: right !important;
   }
   .text-lg-center {
@@ -25378,47 +25379,47 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 1200px) {
-  .text-xl-left {
+  .text-xl-left, .text-xl-start {
     text-align: left !important;
   }
-  .text-xl-right {
+  .text-xl-right, .text-xl-end {
     text-align: right !important;
   }
   .text-xl-center {
     text-align: center !important;
   }
 }
-.border-right {
+.border-right, .border-end {
   border-right: 1px solid #dee2e6 !important;
 }
 
-.border-left {
+.border-left, .border-start {
   border-left: 1px solid #dee2e6 !important;
 }
 
-.border-right-0 {
+.border-right-0, .border-end-0 {
   border-right: 0 !important;
 }
 
-.border-left-0 {
+.border-left-0, .border-start-0 {
   border-left: 0 !important;
 }
 
-.rounded-right {
+.rounded-right, .rounded-end {
   border-top-right-radius: 0.25rem !important;
   border-bottom-right-radius: 0.25rem !important;
 }
 
-.rounded-left {
+.rounded-left, .rounded-start {
   border-top-left-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
 }
 
-.float-left {
+.float-left, .float-start {
   float: left !important;
 }
 
-.float-right {
+.float-right, .float-end {
   float: right !important;
 }
 
@@ -25427,10 +25428,10 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 @media (min-width: 576px) {
-  .float-sm-left {
+  .float-sm-left, .float-sm-start {
     float: left !important;
   }
-  .float-sm-right {
+  .float-sm-right, .float-sm-end {
     float: right !important;
   }
   .float-sm-none {
@@ -25438,10 +25439,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 768px) {
-  .float-md-left {
+  .float-md-left, .float-md-start {
     float: left !important;
   }
-  .float-md-right {
+  .float-md-right, .float-md-end {
     float: right !important;
   }
   .float-md-none {
@@ -25449,10 +25450,10 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 992px) {
-  .float-lg-left {
+  .float-lg-left, .float-lg-start {
     float: left !important;
   }
-  .float-lg-right {
+  .float-lg-right, .float-lg-end {
     float: right !important;
   }
   .float-lg-none {
@@ -25460,17 +25461,17 @@ a.badge-dark:focus, a.badge-dark.focus {
   }
 }
 @media (min-width: 1200px) {
-  .float-xl-left {
+  .float-xl-left, .float-xl-start {
     float: left !important;
   }
-  .float-xl-right {
+  .float-xl-right, .float-xl-end {
     float: right !important;
   }
   .float-xl-none {
     float: none !important;
   }
 }
-.close {
+.close, .btn-close {
   float: right;
   font-size: 1.40625rem;
   font-weight: 700;
@@ -25480,28 +25481,52 @@ a.badge-dark:focus, a.badge-dark.focus {
   opacity: 0.5;
 }
 @media (max-width: 1200px) {
-  .close {
+  .close, .btn-close {
     font-size: calc(0.950625rem + 0.6075vw);
   }
 }
-.close:hover {
+.close:hover, .btn-close:hover {
   color: #000;
   text-decoration: none;
 }
-.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
+.close:not(:disabled):not(.disabled):hover, .btn-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .btn-close:not(:disabled):not(.disabled):focus {
   opacity: 0.75;
 }
 
-button.close {
+button.close, button.btn-close {
   padding: 0;
   background-color: transparent;
   border: 0;
 }
 
-a.close.disabled {
+a.close.disabled, a.disabled.btn-close {
   pointer-events: none;
 }
 
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
 /**
  * Moodle variables
  *