added styling classnames

presets.js

@@ -168,7 +168,10 @@ module.exports = {
                 'dark-blue': '#15284B',
                 'lighter-gray': '#F2F2F5',
                 'purple-lighter': '#F2F4FC',
-                'modal-background': 'rgba(0, 0, 0, 0.3)'
+                'modal-background': 'rgba(0, 0, 0, 0.3)',
+                'black-medium': '#424242',
+                'red-light': '#FF6B6B',
+                'default': '#6ea152',
           },
 
           spacing: {
@@ -181,6 +184,7 @@ module.exports = {
               '33':    '8.5rem',
               '37':    '9.25rem',
               '46':    '46.875rem',
+              '98':    '27.8rem',
           },
 
           margin: {

resources/assets/sass/app.css

@@ -521,6 +521,18 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
     right: 16.5rem;
 }
 
+/* plans page accordion */
+.active-accordion .js-accordions-text {
+    opacity: 1 !important;
+    visibility: visible !important;
+    height: auto !important;
+  }
+  
+  .active-accordion i {
+    transform: rotate(180deg);
+  }
+  /* plans page accordion */
+
 @media only screen and (max-width: 480px) {
     .small-table-width {
         width: 450px;

safelist.txt

@@ -2,4 +2,22 @@ xl:pt-6
 lg:mt-2
 ltr:-right-1.5
 rtl:-left-1.5
-lg:pl-24
+lg:pl-24
+lg:text-6xl
+lg:h-6
+lg:text-xl
+lg:grid-cols-2
+ltr:pr-20
+rtl:pl-20
+lg:grid-cols-3
+lg:my-16
+lg:h-98
+lg:leading-4
+lg:ltr:ml-72
+lg:rtl:mr-72
+lg:space-x-8
+lg:text-4xl
+ltr:border-l-8
+rtl:border-r-8
+lg:max-w-lg
+sm:max-w-4xl