added style variant

public/css/app.css

@@ -51717,6 +51717,10 @@ body{
     width: 50%;
   }
 
+  .md\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:flex-row{
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -52220,6 +52224,10 @@ body{
     margin-top: 2.25rem;
   }
 
+  .xl\:ml-18{
+    margin-left: 4.5rem;
+  }
+
   .xl\:hidden{
     display: none;
   }
@@ -52236,6 +52244,10 @@ body{
     width: 1.5rem;
   }
 
+  .xl\:w-8\/12{
+    width: 66.666667%;
+  }
+
   .xl\:grid-cols-4{
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }

safelist.txt

@@ -35,7 +35,9 @@ lg:max-w-lg
 lg:h-full
 lg:w-18
 lg:overflow-x-hidden
-xl:grid-cols-4 
+xl:grid-cols-4
+md:grid-cols-2
+xl:w-8/12
 ltr:-right-10
 rtl:-left-10
 ltr:rounded-tl-md