WIP: Arabic localization.

client/src/style/pages/Setup/SetupPage.scss

@@ -1,5 +1,5 @@
 .setup-page {
-  max-width: 1400px;
+  max-width: 1600px;
 
   &__right-section {
     display: flex;
@@ -26,7 +26,7 @@
   }
 
   &__content {
-    width: 70%;
+    width: 100%;
     padding-bottom: 40px;
   }
 
@@ -127,7 +127,6 @@
 
 .setup-page-steps {
   &-container {
-    width: 80%;
     margin: 0 auto;
     padding: 50px 0 0;
   }
@@ -167,13 +166,15 @@
       display: none;
     }
     &.is-active {
+      text-decoration: underline;
+
       &::before {
         background-color: #75859c;
       }
       ~ li {
         &:before,
         &:after {
-          background: #ebebeb;
+          background: #e0e0e0;
         }
       }
       p.wizard-info {

client/src/style/pages/Setup/Subscription.scss

@@ -1,7 +1,6 @@
 
 .setup-subscription-form{
-  max-width: 800px;
   margin: 0 auto;
-  padding: 0 60px;
+  padding: 0 80px;
   margin-top: 40px;
 }

client/src/style/pages/Subscription/BillingPlans.scss

@@ -1,12 +1,16 @@
 
 .billing-plans{
+  
+  .paragraph{
+    font-size: 15px;
+  }
 
   &__section{
-    margin-bottom: 35px;
+    margin-bottom: 40px;
 
     .title{
-      font-size: 22px;
-      font-weight: 500;
+      font-size: 20px;
+      font-weight: 600;
       color: #6b7382;
       margin-top: 0;
       margin-bottom: 12px;

client/src/style/pages/Subscription/PlanRadio.scss

@@ -9,7 +9,7 @@
   display: flex;
   flex-direction: column;
   width: 215px;
-  height: 267px;
+  min-height: 277px;
   border-radius: 5px;
   padding: 15px;
   border: 1px solid #dcdcdc;
@@ -32,10 +32,10 @@
   &__name {
     background: #3657ff;
     border-radius: 3px;
-    padding: 2px 8px 2px 8px;
+    padding: 2px 10px;
     font-size: 13px;
     color: #fff;
-    margin-bottom: 16px;
+    margin-bottom: 18px;
     height: 21px;
     text-transform: uppercase;
   }
@@ -47,13 +47,23 @@
       list-style: none;
 
       li{
+        position: relative;
+        padding-left: 12px;
         margin-bottom: 9px;
+
+        &:before{
+          content: '-';
+          position: absolute;
+          left: 0;
+          opacity: 0.6;
+        }
       }
     }
   }
   &__price {
     margin-top: auto;
     font-size: 15px;
+    padding-top: 10px;
   }
   &__amount {
     font-weight: 600;