From b5c783afbcd9d8ac9d9821cda1e21b18f6199ab1 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 17 Aug 2023 16:35:22 +0530
Subject: [PATCH] csr-1584

updated the text
---
 src/layouts/estimate/estimate.vue | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 97b684d0f..22c2cc2e5 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -7,11 +7,8 @@
             <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
             <div class="fade-on-route-transition sub-container make-tall">
                 <div v-if="!skipVin">
-                    <alert
-                        class="vinLookupMethodHeading"
-                        cmsWidgetName="AlertVinLookupQuestion"
-                        alertClass="" />
-                    <buttonQuestion
+                    <div class="vinlookupquestion" v-html="this.VinLookupQuestionText"></div>                                    
+                       <buttonQuestion
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"
@@ -333,6 +330,9 @@ export default {
         alertInfo() {
             return this.skipVinNotRepair ? "AlertQuoteVinOptional" : "AlertQuoteReady";
         },
+        VinLookupQuestionText() {
+            return this.getCmsContent("VinLookupQuestion", "BodyText");
+        },
     },
     watch: {
         serviceZipCode() {
@@ -355,13 +355,11 @@ export default {
 </script>
 
 <style lang="scss">
-.vinLookupMethodHeading p {
-    font-size: 14px;
-    font-weight: 400;
-    color: $black;
-    strong {
-        font-size: 1rem;
-        font-weight: 500;
-    }
+.vinlookupquestion p{
+    margin-bottom:0;
+}
+.vinlookupquestion p:nth-child(2) {
+    font-size:0.875rem;
+    margin-bottom: 1rem;
 }
 </style>