wizard responsive

public/css/app.css

@@ -54098,6 +54098,10 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
     .full-width-mobile {
         width: 100% !important;
     }
+
+    .full-height-mobile {
+        height: 100% !important;
+    }
  }
  /* full-width for mobile. Some component use inline styling for width */
 
@@ -56931,6 +56935,10 @@ body{
     margin-left: 2rem;
   }
 
+  .sm\:mt-6{
+    margin-top: 1.5rem;
+  }
+
   .sm\:block{
     display: block;
   }
@@ -57100,6 +57108,10 @@ body{
     padding: 1.75rem;
   }
 
+  .sm\:p-10{
+    padding: 2.5rem;
+  }
+
   .sm\:px-0{
     padding-left: 0px;
     padding-right: 0px;
@@ -57110,11 +57122,41 @@ body{
     padding-right: 0.5rem;
   }
 
+  .sm\:py-10{
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
   .sm\:text-6xl{
     font-size: 2.5rem;
     line-height: 2.75rem;
   }
 
+  .sm\:text-xs{
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .sm\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-2xl{
+    font-size: 1.375rem;
+    line-height: 1.5rem;
+  }
+
   .sm\:text-purple{
     --tw-text-opacity: 1;
     color: rgb(85 88 139 / var(--tw-text-opacity));
@@ -57124,6 +57166,10 @@ body{
     right: 1rem;
   }
 
+  [dir="ltr"] .sm\:ltr\:pl-10{
+    padding-left: 2.5rem;
+  }
+
   [dir="rtl"] .sm\:rtl\:left-4{
     left: 1rem;
   }
@@ -57131,6 +57177,10 @@ body{
   [dir="rtl"] .sm\:rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse: 1;
   }
+
+  [dir="rtl"] .sm\:rtl\:pr-10{
+    padding-right: 2.5rem;
+  }
 }
 
 @media (min-width: 768px){