more

src/Constants/Copy/featuresCopy.js

@@ -31,18 +31,16 @@ export const FeaturesBottom = () => {
         <p className="features-asterisk">*</p>
       </h4>
       <ul className="features-list">
-        <li className="features-list-item">
+        <li className="features-list-item-lower">
           Click mate: Generate discovery requests with a few clicks, with the
           help of your Intellidraft AI assistant. And/or...
         </li>
-        <li className="features-list-item">
-          You have options: Select manually from a comprehensive request
-          library, categorized by case type and customizable to your case's
-          facts.
+        <li className="features-list-item-lower">
+          Options: Also, select from the comprehensive request library,
+          categorized by case type, customizable by you.
         </li>
-        <li className="features-list-item">
-          Done: get a draft together in minutes, with a formatted .docx for
-          service.
+        <li className="features-list-item-lower">
+          Done: get a draft in minutes, with a formatted .docx for service.
         </li>
       </ul>
       <p className="features-disclosure">* Launching spring '24</p>

src/styles/features.scss

@@ -63,7 +63,7 @@
   align-items: center;
   margin: auto;
   padding: 6px 8px;
-  width: 50%;
+  width: 55%;
   background-color: var(--haq-blue);
   border-radius: 15px;
   height: 100%;
@@ -73,7 +73,7 @@
   display: flex;
   flex-direction: column;
   padding: 18px 8px;
-  width: 50%;
+  width: 45%;
   height: 100%;
 }
 
@@ -90,7 +90,14 @@
   width: 94%;
   text-align: justify;
   font-size: 1.05rem;
-  margin: 28px 0px;
+  margin: 18px 0px;
+}
+
+.features-list-item-lower {
+  width: 94%;
+  text-align: justify;
+  font-size: 1.05rem;
+  margin: 16px 0px;
 }
 
 .features-top-mobile-img {