used card instead of box to remove outline

Author: saramoh2309

force-app/nksHomePage/lwc/nksHomePageHighlightPanelTop/nksHomePageHighlightPanelTop.css

@@ -1,6 +1,5 @@
 .container {
     background-color: #335f67;
-    border-bottom: solid 0.0625rem #75aeb6;
     display: flex;
     align-items: center;
     justify-content: center;

force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.css

@@ -3,6 +3,6 @@
     max-width: 100%;
 }
 
-.slds-box {
+.slds-card {
     padding: 1.25rem 1rem;
 }

force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.html

@@ -1,6 +1,6 @@
 <template>
     <template lwc:if={hasRecord}>
-        <section class="slds-box slds-theme_default slds-is-relative" aria-labelledby="nav1">
+        <section class="slds-card slds-theme_default slds-is-relative" aria-labelledby="nav1">
             <template lwc:if={showSpinner}>
                 <div class="slds-spinner_container">
                     <lightning-spinner alternative-text="Laster" size="medium" variant="brand"></lightning-spinner>

force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.css

@@ -2,6 +2,6 @@
     background-color: rgb(211, 54, 54);
 }
 
-.slds-box {
+.slds-card {
     padding: 1.25rem 1rem;
 }

force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.html

@@ -1,7 +1,7 @@
 <template>
     <!-- Operational Card -->
     <template lwc:if={showOperational}>
-        <section class="slds-box slds-theme_default slds-m-bottom_none">
+        <section class="slds-card slds-theme_default slds-m-bottom_none">
             <div class="slds-media slds-media_center slds-align_absolute-center slds-var-p-bottom_small">
                 <div class="slds-media__figure">
                     <lightning-icon
@@ -23,7 +23,7 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
 
     <!-- Salesforce Update Card -->
     <template lwc:elseif={showSalesforceUpdate}>
-        <section class="slds-box slds-theme_default slds-m-bottom_none">
+        <section class="slds-card slds-theme_default slds-m-bottom_none">
             <div class="slds-media slds-media_center slds-align_absolute-center slds-var-p-bottom_small">
                 <div class="slds-media__figure">
                     <lightning-icon
@@ -49,7 +49,7 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
 
     <!-- Traffic Card -->
     <template lwc:elseif={isTraffic}>
-        <section class="slds-box slds-theme_default slds-is-relative">
+        <section class="slds-card slds-theme_default slds-is-relative">
             <template lwc:if={showSpinner}>
                 <div class="slds-spinner_container">
                     <lightning-spinner title="Loading" size="small" type="brand"></lightning-spinner>
@@ -85,7 +85,6 @@ <h2 class="slds-card__header-title slds-truncate">{cardTitle}</h2>
                         </template>
                     </p>
                 </div>
-
                 <template lwc:if={enableRefresh}>
                     <lightning-button-icon
                         class="slds-float_right"