Added colour to packages

Author: jeffyactive

business/index.html

@@ -429,7 +429,7 @@ <h3 class="text-body-secondary text-center"> What's <em>your</em> next step forw
           <!-- Behold-Breakthrough-Beyond -->
           <div class="row row-cols-1 row-cols-sm-3 g-2 mt-4">
             <div class="col">
-              <div class="card h-100 border-0">
+              <div class="card h-100 hover-shadow border-success rounded-4">
                 <div class="card-body">
                   <h2 class="card-title"> <strong>Behold</strong> where to start </h2>
                   <p class="card-text lead"> with an on-site <span class="text-body-emphasis">workshop</span>. </p>
@@ -441,7 +441,7 @@ <h2 class="card-title"> <strong>Behold</strong> where to start </h2>
               </div>
             </div>
             <div class="col">
-              <div class="card h-100 border-0">
+              <div class="card h-100 hover-shadow border-primary rounded-4">
                 <div class="card-body">
                   <h2 class="card-title"> <strong>Breakthrough</strong> </h2>
                   <p class="card-text lead"> with a <span class="text-body-emphasis">PoC</span> to catalyse your IoT initiatives. </p>
@@ -453,18 +453,21 @@ <h2 class="card-title"> <strong>Breakthrough</strong> </h2>
               </div>
             </div>
             <div class="col">
-              <div class="card h-100 border-0">
+              <div class="card h-100 hover-shadow border-secondary rounded-4">
                 <div class="card-body">
                   <h2 class="card-title"> Venture <strong>Beyond</strong> </h2>
                   <p class="card-text lead"> with a <span class="text-body-emphasis">trusted guide</span> ever at your side. </p>
                 </div>
                 <div class="card-footer bg-transparent text-center">
+                  <i class="fas fa-star text-secondary animate-breathing"></i>
                   <a href="../beyond/#content"
                      class="btn btn-dark"> Beyond </a>
+                  <i class="fas fa-star text-secondary animate-breathing"></i>
                 </div>
               </div>
             </div>
           </div>
+          <p class="small text-body-secondary text-end mt-3"> <span class="text-secondary"><i class="fas fa-star"></i> Most popular</span>: <strong>Beyond</strong> is a renewable annual subscription which makes working together a simple pleasure! </p>
           <h1 class="mt-5"> Our success stories </h1>
           <p class="lead"> Guiding forward-looking organisations to breakthroughs<em>&mdash;and beyond&mdash;</em>since 2012 </p>
           <!-- Breakthroughs -->