Fix styling issues on home page

content/en/_index.md

@@ -17,29 +17,29 @@ cascade:
 
 <div style="padding-right: 2.0625rem;">
 
-<div class="jumbotron px-5" style="background-color: #F8F9FB; margin-bottom: 4rem;">
+<div class="p-5" style="background-color: #F8F9FB; margin-bottom: 4rem;">
        <h1>Welcome to Cobalt Documentation</h1>
        <p class="my-3">Deep dive into our documentation to explore Cobalt—your all-in-one platform for pentesting your software.</p>
        <a class="btn btn-outline-primary rounded" href="https://www.cobalt.io/" target="_blank">Explore Cobalt »</a>
 </div>
 
 <div class="row g-4 my-3 px-5 row-cols-1 row-cols-lg-3">
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left fs-2 mb-3">
          <a href="/getting-started/" tabindex="-1" aria-hidden="true"><img src="/homepage/getting-started.svg" alt="Getting Started" title="Getting Started"></a>
        </div>
        <h3 class="fs-2"><a href="/getting-started/">Getting Started</a></h3>
        <p>Use our step-by-step guide to launch your first pentest. Set up an asset, specify pentest details—and get the ball rolling.</p>
      </div>
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary bg-gradient fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left bg-gradient fs-2 mb-3">
          <a href="/methodologies/" tabindex="-1" aria-hidden="true"><img src="/homepage/methodologies.svg" alt="Methodologies" title="Methodologies"></a>
        </div>
        <h3 class="fs-2"><a href="/methodologies/">Methodologies</a></h3>
        <p>Read about the methodologies that our pentesters use to test different types of assets: Web, API, Mobile, and more.</p>
      </div>
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary bg-gradient fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left bg-gradient fs-2 mb-3">
          <a href="/platform-deep-dive/pentests/pentest-types/" tabindex="-1" aria-hidden="true"><img src="/homepage/pentest-types.svg" alt="Pentest Types" title="Pentest Types"></a>
        </div>
        <h3 class="fs-2"><a href="/platform-deep-dive/pentests/pentest-types/">Pentest Types</a></h3>
@@ -49,21 +49,21 @@ cascade:
 
 <div class="row my-3 g-4 px-5 row-cols-1 row-cols-lg-3" style="margin-bottom: 4rem;">
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left fs-2 mb-3">
          <a href="/platform-deep-dive/assets/" tabindex="-1" aria-hidden="true"><img src="/homepage/asset-types.svg" alt="Asset Types" title="Asset Types"></a>
        </div>
        <h3 class="fs-2"><a href="/platform-deep-dive/assets/asset-types/">Asset Types</a></h3>
        <p>An asset is a software component of value to be tested, such as a web application or API. Explore the asset types we support.</p>
      </div>
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary bg-gradient fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left bg-gradient fs-2 mb-3">
          <a href="/integrations/" tabindex="-1" aria-hidden="true"><img src="/homepage/integrations.svg" alt="Integrations" title="Integrations"></a>
        </div>
        <h3 class="fs-2"><a href="/integrations/">Integrations</a></h3>
        <p>Integrate third-party apps to streamline your workflows, and configure webhooks to get real-time pentest updates.</p>
      </div>
      <div class="feature col">
-       <div class="feature-icon d-inline-flex align-items-left justify-content-left text-bg-primary bg-gradient fs-2 mb-3">
+       <div class="feature-icon d-inline-flex align-items-left justify-content-left bg-gradient fs-2 mb-3">
          <a href="/product-updates/" tabindex="-1" aria-hidden="true"><img src="/homepage/whats-new.svg" alt="What's New" title="What's New"></a>
        </div>
        <h3 class="fs-2"><a href="/product-updates/">What's New</a></h3>