added container inline paddings

frontend/assets/css/tailwind.css

@@ -91,7 +91,6 @@
     --color-danger-900: hsl(0, 63%, 31%);
     --color-danger-950: hsl(0, 75%, 15%);
 
-
     /* BORDER RADIUS */
     --radius-50: 5px;
     --radius-100: 10px;
@@ -100,25 +99,21 @@
     --radius-250: 25px;
     --radius-360: 99999999px;
 
-
     /* FONT WEIGHT */
     --font-weight-extrablack: 950;
     --font-weight-heavy: 1000;
 
-
     /* FONT FAMILY */
     --font-lato: "Lato", sans-serif;
     --font-inter: "Inter", sans-serif;
     --font-dmsans: "DM Sans", sans-serif;
     --font-iran-yekan-x: "IRANYekanXVF, sans-serif";
 
-
     /* BREAKPOINTS */
     --breakpoint-3xl: 1700px;
     --breakpoint-2xs: 400px;
     --breakpoint-xs: 480px;
 
-
     /* ANIMATIONS */
     --animate-marquee: marquee 3s linear infinite;
 
@@ -128,3 +123,12 @@
         }
     }
 }
+
+/* CONTAINER */
+
+@utility container {
+    padding-inline: 3rem;
+    @screen xl {
+        padding-inline: 5rem;
+    }
+}