diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 1021674..481da78 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -62,6 +62,8 @@ const SignupPage = () => {
   const [showPromoModal, setShowPromoModal] = useState(false);
   const [issueText, setIssueText] = useState("");
   const [isAnnual, setIsAnnual] = useState(1);
+  const [valX, setValX] = useState(0);
+  const [valY, setValY] = useState(2);
 
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupFields);
diff --git a/src/Constants/Fields/RadioFields.js b/src/Constants/Fields/RadioFields.js
index 860bd30..d0e3e82 100644
--- a/src/Constants/Fields/RadioFields.js
+++ b/src/Constants/Fields/RadioFields.js
@@ -1,4 +1,21 @@
 export const signupRadioFields = [
+  {
+    name: "Of Counsel",
+    label: "Of Counsel",
+    value: "ofCounsel",
+    description: [
+      "One document/one-time fee",
+      "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
+      "24/7 support",
+    ],
+    details: "",
+    docsAllowedPerMonth: 1,
+    pricing: [
+      { type: "monthly", amount: 59 },
+      { type: "annDiscount", amount: 59 },
+    ],
+  },
   {
     name: "Associate",
     label: "Associate",
@@ -7,6 +24,7 @@ export const signupRadioFields = [
       "1 document per month",
       "Carryover 1 unused document each subscription period",
       "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
       "24/7 support",
       "First month free!",
     ],
@@ -26,6 +44,7 @@ export const signupRadioFields = [
       "3 documents per month",
       "Carryover 1 unused document per month",
       "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
       "Up to 2 additional accounts: $49/each",
       "24/7 support",
     ],
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index efe6a63..84b7f39 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -43,7 +43,7 @@ const Radio = (props) => {
               )}
               <div className="radio-name-box"> {`${name}`} </div>
               <div className="radio-price-box">
-                {parentIndex > 2 ? (
+                {value === "ofCounsel" ? (
                   <div className="radio-price">
                     {`$${price[index]["amount"]}/doc`}
                   </div>
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index ae5039b..da4e440 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -7,7 +7,7 @@
   &.not-upgrade {
     background-color: #fff;
   }
-  height: 290px;
+  height: 345px;
   margin: 10px 8px 0px 8px;
   border-radius: 5px;
   border: 1px solid #d4d4d4;
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 2482d66..26176d0 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -117,7 +117,7 @@
   flex-direction: column;
   margin-top: 24px;
   width: 920px;
-  min-height: 510px;
+  min-height: 540px;
   border-radius: 10px;
   background-color: rgb(240, 247, 250);
   border: 1px solid #e9e9e9;
@@ -167,10 +167,8 @@
 .radio-group-box {
   display: flex;
   flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: flex-end;
+  justify-content: center;
   padding: 6px;
-  width: 100%;
 }
 
 .select-plan-summary-box {
@@ -197,8 +195,7 @@
 }
 
 .signup-radio-container {
-  width: 300px;
-  height: 100%;
+  width: 280px;
 }
 
 .signup-feat-item {