From 72ba7dfbbcef3592b34aaf6b42612f32b1ad7b89 Mon Sep 17 00:00:00 2001
From: Md Mohin Uddin <45921824+mohin7@users.noreply.github.com>
Date: Sun, 10 Dec 2023 13:08:04 +0600
Subject: [PATCH] Remove community plan and add contact sales button (#93)

Signed-off-by: mohin7 <mohin@appscode.com>
---
 layouts/_default/baseof.html                 |   2 +-
 layouts/pricing/list.html                    | 156 +------------------
 static/assets/sass/pages/_features-plan.scss |   4 +-
 3 files changed, 4 insertions(+), 158 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 7890c02ea3..86bf4b5634 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -564,7 +564,7 @@ <h6><a href="{{ $p.RelPermalink }}">{{ $p.Title }}</a></h6>
             </div>
             {{ $currentPageType := index (split .Page.Permalink "/") 3 }}
             <a href="{{ $.Site.Params.domain_appscode }}/contact/"
-              class="button ac-button is-primary {{ if eq $currentPageType "docs" }} is-hidden {{ end }}">CONTACT
+              class="button ac-button is-primary {{ if eq $currentPageType "docs" }} is-outlined {{ end }}">CONTACT
               SALES</a>
           </div>
         </div>
diff --git a/layouts/pricing/list.html b/layouts/pricing/list.html
index 1baa7569af..b1f618d3fa 100644
--- a/layouts/pricing/list.html
+++ b/layouts/pricing/list.html
@@ -78,11 +78,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Recommended For</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community">
-              Core functionalities for FREE<br>for any Kubernetes user
-            </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">Self-service plan for production workloads</div>
@@ -103,10 +98,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -130,10 +121,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -157,10 +144,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -184,10 +167,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -211,10 +190,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -238,10 +213,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -265,10 +236,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -292,10 +259,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -319,10 +282,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -346,10 +305,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -373,10 +328,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -400,10 +351,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -427,10 +374,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -454,10 +397,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -481,10 +420,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -508,10 +443,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -535,10 +466,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -562,10 +489,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -594,10 +517,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Security</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community">
-            </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"></div>
@@ -615,10 +534,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Role Based Access Control (RBAC)</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -639,10 +554,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Open Policy Agent (OPA)</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -663,10 +574,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Pod Security Policy (PSP)</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -687,10 +594,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Network Policy</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -711,10 +614,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">GDPR</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">Planned</div>
@@ -740,11 +639,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Support Plans</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community">
-              COMMUNITY
-            </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">SILVER</div>
@@ -762,11 +656,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Support Coverage</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community">
-              Self-service
-            </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">Self-service</div>
@@ -787,9 +676,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community">N/A</div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">Best Effort</div>
@@ -807,10 +693,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Quarterly Updates</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
-                  alt="check-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -831,10 +713,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Emergency patches</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -855,10 +733,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Incident Tickets (with SLA coverage)</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -877,10 +751,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name"><a href="https://appscode.freshdesk.com/">Contacts for Ticketing</a></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">1</div>
@@ -898,10 +768,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name"><a href="https://appscode.freshdesk.com/">Onboarding Support</a></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/check-icon.svg"
@@ -925,10 +791,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan">Yes</div>
@@ -946,10 +808,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Production Runbook</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -973,10 +831,6 @@ <h3>Stash Enterprise</h3>
                 src="/assets/images/icon/info-icon.svg" alt="info-icon"></span></div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -997,10 +851,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Phone Support</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -1021,10 +871,6 @@ <h3>Stash Enterprise</h3>
           <div class="features-name">Custom Features</div>
           <!-- features plan wrapper  -->
           <div class="features-plan-wrapper">
-            <!-- community plan start  -->
-            <div class="features-plan community"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
-                  alt="error-icon"></span> </div>
-            <!-- community plan end  -->
             <!-- enterprise plan start  -->
             <div class="features-plan enterprise">
               <div class="e-plan"><span class="t-icon"><img src="/assets/images/icon/error-icon.svg"
@@ -1294,4 +1140,4 @@ <h3>What types of payment do you accept?</h3>
 </section>
 <!-- faq section end  -->
 
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/static/assets/sass/pages/_features-plan.scss b/static/assets/sass/pages/_features-plan.scss
index 41b29fee49..f6c07651a2 100644
--- a/static/assets/sass/pages/_features-plan.scss
+++ b/static/assets/sass/pages/_features-plan.scss
@@ -80,7 +80,7 @@
         }
 
         &.enterprise {
-          width: 70%;
+          width: 100%;
 
           .button {
             &.ac-button {
@@ -323,7 +323,7 @@
         display: grid;
         align-items: center;
         // width: 65%;
-        grid-template-columns: 30% 70%;
+        grid-template-columns: 100%;
 
         .features-plan {
           font-weight: 400;