more

src/pageElements/Radio.js

@@ -46,7 +46,15 @@ const Radio = (props) => {
             <div className="radio-circle-lower">
               <div className="radio-description-box">
                 {description.map((item, i) => {
-                  return <p className="signup-feat-item">{item}</p>;
+                  const el =
+                    item == "First month is free!" ? (
+                      <div className="offer-div">
+                        <p className="signup-feat-item-bold">{item}</p>
+                      </div>
+                    ) : (
+                      <p className="signup-feat-item">{item}</p>
+                    );
+                  return el;
                 })}
               </div>
               <div className="radio-description-box">{`${details}`} </div>

src/styles/signup.scss

@@ -171,3 +171,22 @@
   font-size: 0.9rem;
   margin: 8px 0px 8px 4px;
 }
+
+.signup-feat-item-bold {
+  font-family: Roboto;
+  color: #005eff;
+  font-size: 1.15rem;
+  letter-spacing: -0.008rem;
+  font-weight: 500;
+  margin: 12px 0px 8px 4px;
+}
+
+.offer-div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 30px;
+  background-color: #fdbe72;
+  border-radius: 10px;
+  margin-top: 25px;
+}