From a7400a622ea1deacc6d186367f774e9b5f115451 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 13 Aug 2025 09:08:14 -0400
Subject: [PATCH] CASH-1397 add copy to header.

---
 src/layouts/estimate/estimate.vue | 32 +++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index d891414ec..b779eea20 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,7 +11,14 @@
                 <div class="col-md-6 col-xl-4 mt-4">
                     <funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
                     <div>
-                        <div class="vinlookupquestion mb-5" v-html="VinLookupQuestionText"></div>
+                        <p class="header-copy mb-2 text-md-center" v-html="HeaderText"></p>
+
+                        <p
+                            class="header-sub-copy mb-5 text-md-center"
+                            v-html="VinLookupQuestionText"></p>
+
+                        <p class="select-option mb-2" v-html="SelectOptionText"></p>
+
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"
@@ -229,6 +236,12 @@ export default {
         VinLookupQuestionText() {
             return this.getCmsContent("VinLookupQuestion", "BodyText");
         },
+        HeaderText() {
+            return this.getCmsContent("VinLookupQuestion", "HeaderText");
+        },
+        SelectOptionText() {
+            return this.getCmsContent("VinLookupQuestion", "FooterText");
+        },
     },
     components: {
         funnelHeader,
@@ -241,16 +254,15 @@ export default {
 };
 </script>
 
-<style lang="scss">
-.vinlookupquestion p {
-    margin-bottom: 0;
+<style lang="scss" scoped>
+.header-copy {
+    font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
 }
-.vinlookupquestion strong {
-    font-weight: 500;
-    color: $black;
-}
-.vinlookupquestion p:nth-child(2) {
+.header-sub-copy {
     font-size: 0.875rem;
-    margin-bottom: 1rem;
+}
+.select-option {
+    font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
+    font-weight: 600;
 }
 </style>