Update confirmation.vue

ADDED Padding font-size and color

src/layouts/confirmation/confirmation.vue

@@ -34,9 +34,9 @@
                                     </button>
                                 </div>
                             </div>
-                            <div v-html="this.getAppointmentWordingText()"></div>
+                            <div class="appoinmenttext" v-html="this.getAppointmentWordingText()"></div>
                         </div>
-                        <div v-html="this.getConfirmationEmailText()"></div>
+                        <div class="emailtext" v-html="this.getConfirmationEmailText()"></div>
                         <navbar
                             cmsWidgetName="FunnelFooterWidget"
                             ref="navbar"
@@ -255,27 +255,14 @@ export default {
 .scheduleText P {
     margin: 0;
     font-weight: 400;
-    font-size: 20px;
+    font-size: 1.25rem;
     color: $black;
 
     + p {
-        font-size: 16px;
+        font-size: 1rem;
         font-weight: 500;
     }
 }
-
-.confirmationEmailText P {
-    margin: 0;
-    font-weight: 500;
-    font-size: 14px;
-    color: $black;
-
-    + p {
-        font-size: 14px;
-        font-weight: 500;
-    }
-}
-
 .calendar-section[data-v-8004c52c] {
     display: table;
     position: relative;
@@ -313,9 +300,25 @@ export default {
     p {
         display: inline-block;
         font-weight: 400;
-        font-size: 20px;
+        font-size: 1.25rem;
-        padding: 5px;
+        padding: 0.3rem;
         color: $black;
     }
 }
+
+.appoinmenttext strong{color:$black;}
+
+.emailtext{
+    padding:1.5rem 0 0;
+
+    p{
+        font-size:0.875rem;
+        margin:0;
+
+     strong{
+        color:$black;
+     }
+   
+    }
+}
 </style>