Match Figma

Spacer mt-4
Spacer mb-5
Between Header and SubHeader:
Spacer mt-2
24px (1.5rem) Padding on sides.  Cumulative between container-fluid and px-3

src/iss-components/site-sub-header/site-sub-header.vue

@@ -16,7 +16,7 @@
         </div>
         <div
             class="subheader-secondary d-flex align-items-center container-fluid overflow-hidden"
-            :class="justifySubheader">
+            :class="[justifySubheader, subHeaderClasses]">
             <p
                 class="fw-normal mb-0"
                 :class="[alternateFormatting, subTextClasses]">
@@ -50,6 +50,7 @@ export default {
         justification: String,
         stripRteStyle: Boolean,
         subContentProperty: String,
+        subHeaderClasses: String,
         subTextClasses: String
     },
     emits: ['click-event'],

src/layouts/payment-method/payment-method.vue

@@ -12,8 +12,9 @@
                 cmsWidgetName="VehicleBannerWidget"
                 :displayGenericVehicleImage="false" />
             <siteSubHeader
-                class="mb-5 mt-4 hello"
-                cmsWidgetName="SiteSubHeaderWidget" />
+                class="mb-5 mt-4 px-3"
+                cmsWidgetName="SiteSubHeaderWidget"
+                subHeaderClasses="mt-2" />
             <div class="main-content-container">
                 <hr class="my-0" />
                 <reviewDropdown ref="reviewDropdown" />