recal modal styling fix

src/layouts/coverage-statement/recal-modal/recal-modal.vue

@@ -16,7 +16,7 @@
                 class="fw-bold mb-2 subheader-text"
                 v-html="ModalSubheadertext"></p>
             <p
-                class="mb-0 small"
+                class="mb-0 small modal-body"
                 v-html="ModalBodyText"></p>
             <p
                 v-if="ModalSubBodyText"
@@ -74,22 +74,16 @@ export default {
 
 <style lang="scss" scoped>
 
-    .recal-modal-body {
+::v-deep .recal-modal-body {
-        h5 {
+    h5 {
-            color: black;
+        color: $black;
-        }
+    }
-        
+    .modal-body {
-        p {
+        strong {
-            &:last-child {
-                margin-bottom: 0;
-            }
-            & strong {
-            color: black;
-            }
-        }
-        .subheader-text {
             color: $black;
+            font-weight: 400;
         }
     }
+}
 
 </style>