diff --git a/app/(landing)/css/additional-styles/theme.css b/app/(landing)/css/additional-styles/theme.css
new file mode 100644
index 0000000..afe3f08
--- /dev/null
+++ b/app/(landing)/css/additional-styles/theme.css
@@ -0,0 +1,83 @@
+
+/* Custom AOS distance */
+@media screen {
+    html:not(.no-js) [data-aos=fade-up] {
+        -webkit-transform: translate3d(0, 14px, 0);
+        transform: translate3d(0, 14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-down] {
+        -webkit-transform: translate3d(0, -14px, 0);
+        transform: translate3d(0, -14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-right] {
+        -webkit-transform: translate3d(-14px, 0, 0);
+        transform: translate3d(-14px, 0, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-left] {
+        -webkit-transform: translate3d(14px, 0, 0);
+        transform: translate3d(14px, 0, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-up-right] {
+        -webkit-transform: translate3d(-14px, 14px, 0);
+        transform: translate3d(-14px, 14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-up-left] {
+        -webkit-transform: translate3d(14px, 14px, 0);
+        transform: translate3d(14px, 14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-down-right] {
+        -webkit-transform: translate3d(-14px, -14px, 0);
+        transform: translate3d(-14px, -14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=fade-down-left] {
+        -webkit-transform: translate3d(14px, -14px, 0);
+        transform: translate3d(14px, -14px, 0);
+    }
+
+    html:not(.no-js) [data-aos=zoom-in-up] {
+        -webkit-transform: translate3d(0, 14px, 0) scale(.6);
+        transform: translate3d(0, 14px, 0) scale(.6);
+    }
+
+    html:not(.no-js) [data-aos=zoom-in-down] {
+        -webkit-transform: translate3d(0, -14px, 0) scale(.6);
+        transform: translate3d(0, -14px, 0) scale(.6);
+    }
+
+    html:not(.no-js) [data-aos=zoom-in-right] {
+        -webkit-transform: translate3d(-14px, 0, 0) scale(.6);
+        transform: translate3d(-14px, 0, 0) scale(.6);
+    }
+
+    html:not(.no-js) [data-aos=zoom-in-left] {
+        -webkit-transform: translate3d(14px, 0, 0) scale(.6);
+        transform: translate3d(14px, 0, 0) scale(.6);
+    }
+
+    html:not(.no-js) [data-aos=zoom-out-up] {
+        -webkit-transform: translate3d(0, 14px, 0) scale(1.2);
+        transform: translate3d(0, 14px, 0) scale(1.2);
+    }
+
+    html:not(.no-js) [data-aos=zoom-out-down] {
+        -webkit-transform: translate3d(0, -14px, 0) scale(1.2);
+        transform: translate3d(0, -14px, 0) scale(1.2);
+    }
+
+    html:not(.no-js) [data-aos=zoom-out-right] {
+        -webkit-transform: translate3d(-14px, 0, 0) scale(1.2);
+        transform: translate3d(-14px, 0, 0) scale(1.2);
+    }
+
+    html:not(.no-js) [data-aos=zoom-out-left] {
+        -webkit-transform: translate3d(14px, 0, 0) scale(1.2);
+        transform: translate3d(14px, 0, 0) scale(1.2);
+    }
+}
\ No newline at end of file
diff --git a/app/(landing)/css/style.css b/app/(landing)/css/style.css
new file mode 100644
index 0000000..5bd9cac
--- /dev/null
+++ b/app/(landing)/css/style.css
@@ -0,0 +1,14 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+
+@import 'additional-styles/theme.css';
+
+@import 'tailwindcss/utilities';
+
+/* Additional Tailwind directives: https://tailwindcss.com/docs/functions-and-directives/#responsive */
+@layer utilities {
+    .rtl {
+        direction: rtl;
+    }
+}
+