diff --git a/Praktikum_5/css/output.css b/Praktikum_5/css/output.css
index 9f292d2..cc7e495 100644
--- a/Praktikum_5/css/output.css
+++ b/Praktikum_5/css/output.css
@@ -804,6 +804,18 @@ video {
   margin-bottom: 1px;
 }
 
+.-mr-12 {
+  margin-right: -3rem;
+}
+
+.-mt-2 {
+  margin-top: -0.5rem;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -856,30 +868,38 @@ video {
   margin-bottom: 2.25rem;
 }
 
-.mb-\[120px\] {
-  margin-bottom: 120px;
+.mb-\[100px\] {
+  margin-bottom: 100px;
 }
 
-.mb-\[200px\] {
-  margin-bottom: 200px;
+.mb-\[150px\] {
+  margin-bottom: 150px;
 }
 
 .mb-\[20px\] {
   margin-bottom: 20px;
 }
 
-.mb-\[40px\] {
-  margin-bottom: 40px;
-}
-
 .mb-\[50px\] {
   margin-bottom: 50px;
 }
 
+.mb-\[90px\] {
+  margin-bottom: 90px;
+}
+
 .ml-0 {
   margin-left: 0px;
 }
 
+.ml-11 {
+  margin-left: 2.75rem;
+}
+
+.ml-16 {
+  margin-left: 4rem;
+}
+
 .ml-20 {
   margin-left: 5rem;
 }
@@ -888,10 +908,18 @@ video {
   margin-left: 0.75rem;
 }
 
+.ml-32 {
+  margin-left: 8rem;
+}
+
 .ml-4 {
   margin-left: 1rem;
 }
 
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
 .ml-6 {
   margin-left: 1.5rem;
 }
@@ -904,6 +932,10 @@ video {
   margin-left: 18rem;
 }
 
+.ml-8 {
+  margin-left: 2rem;
+}
+
 .ml-80 {
   margin-left: 20rem;
 }
@@ -916,26 +948,22 @@ video {
   margin-left: 24rem;
 }
 
-.ml-\[-30rem\] {
-  margin-left: -30rem;
+.ml-\[100px\] {
+  margin-left: 100px;
 }
 
 .ml-\[10px\] {
   margin-left: 10px;
 }
 
-.ml-\[120px\] {
-  margin-left: 120px;
-}
-
-.ml-\[190px\] {
-  margin-left: 190px;
-}
-
 .ml-\[20px\] {
   margin-left: 20px;
 }
 
+.ml-\[30px\] {
+  margin-left: 30px;
+}
+
 .mr-0 {
   margin-right: 0px;
 }
@@ -944,6 +972,14 @@ video {
   margin-right: 0.25rem;
 }
 
+.mr-10 {
+  margin-right: 2.5rem;
+}
+
+.mr-11 {
+  margin-right: 2.75rem;
+}
+
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -980,8 +1016,16 @@ video {
   margin-right: 24rem;
 }
 
-.mr-\[300px\] {
-  margin-right: 300px;
+.mr-\[20rem\] {
+  margin-right: 20rem;
+}
+
+.mr-\[40px\] {
+  margin-right: 40px;
+}
+
+.mr-\[50px\] {
+  margin-right: 50px;
 }
 
 .mr-\[90px\] {
@@ -1020,6 +1064,10 @@ video {
   margin-top: 0.5rem;
 }
 
+.mt-20 {
+  margin-top: 5rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
@@ -1044,2930 +1092,1640 @@ video {
   margin-top: 24rem;
 }
 
-.mt-\[200px\] {
-  margin-top: 200px;
+.mt-\[-50px\] {
+  margin-top: -50px;
+}
+
+.mt-\[100px\] {
+  margin-top: 100px;
 }
 
-.mt-\[20px\] {
-  margin-top: 20px;
+.mt-\[10px\] {
+  margin-top: 10px;
 }
 
-.mt-\[260px\] {
-  margin-top: 260px;
+.mt-\[30px\] {
+  margin-top: 30px;
 }
 
 .mt-\[50px\] {
   margin-top: 50px;
 }
 
+.mt-\[60px\] {
+  margin-top: 60px;
+}
+
 .mt-\[70px\] {
   margin-top: 70px;
 }
 
-.ml-\[60px\] {
-  margin-left: 60px;
+.block {
+  display: block;
 }
 
-.mr-11 {
-  margin-right: 2.75rem;
+.flex {
+  display: flex;
 }
 
-.ml-11 {
-  margin-left: 2.75rem;
+.table {
+  display: table;
 }
 
-.ml-5 {
-  margin-left: 1.25rem;
+.grid {
+  display: grid;
 }
 
-.mr-\[40px\] {
-  margin-right: 40px;
+.contents {
+  display: contents;
 }
 
-.mr-\[80px\] {
-  margin-right: 80px;
+.hidden {
+  display: none;
 }
 
-.mr-\[120px\] {
-  margin-right: 120px;
+.size-10 {
+  width: 2.5rem;
+  height: 2.5rem;
 }
 
-.mr-\[190px\] {
-  margin-right: 190px;
+.h-11 {
+  height: 2.75rem;
 }
 
-.mr-\[20rem\] {
-  margin-right: 20rem;
+.h-2 {
+  height: 0.5rem;
 }
 
-.mr-\[20px\] {
-  margin-right: 20px;
+.h-20 {
+  height: 5rem;
 }
 
-.-mr-12 {
-  margin-right: -3rem;
+.h-24 {
+  height: 6rem;
 }
 
-.-mt-2 {
-  margin-top: -0.5rem;
+.h-28 {
+  height: 7rem;
 }
 
-.ml-16 {
-  margin-left: 4rem;
+.h-3 {
+  height: 0.75rem;
 }
 
-.mr-10 {
-  margin-right: 2.5rem;
+.h-32 {
+  height: 8rem;
 }
 
-.mt-20 {
-  margin-top: 5rem;
+.h-4 {
+  height: 1rem;
 }
 
-.ml-\[90px\] {
-  margin-left: 90px;
+.h-44 {
+  height: 11rem;
 }
 
-.mr-\[50px\] {
-  margin-right: 50px;
+.h-5 {
+  height: 1.25rem;
 }
 
-.mr-\[0px\] {
-  margin-right: 0px;
+.h-6 {
+  height: 1.5rem;
 }
 
-.mr-\[70px\] {
-  margin-right: 70px;
+.h-8 {
+  height: 2rem;
 }
 
-.-ml-\[30px\] {
-  margin-left: -30px;
+.h-9 {
+  height: 2.25rem;
 }
 
-.ml-\[30px\] {
-  margin-left: 30px;
+.h-\[100px\] {
+  height: 100px;
 }
 
-.ml-\[-30px\] {
-  margin-left: -30px;
+.h-\[350px\] {
+  height: 350px;
 }
 
-.ml-\[90\] {
-  margin-left: 90;
+.h-\[400px\] {
+  height: 400px;
 }
 
-.ml-32 {
-  margin-left: 8rem;
+.h-\[50px\] {
+  height: 50px;
 }
 
-.ml-\[-10px\] {
-  margin-left: -10px;
+.h-\[80px\] {
+  height: 80px;
 }
 
-.mr-\[10px\] {
-  margin-right: 10px;
+.h-\[90px\] {
+  height: 90px;
 }
 
-.mt-\[10px\] {
-  margin-top: 10px;
+.h-auto {
+  height: auto;
 }
 
-.mt-\[100px\] {
-  margin-top: 100px;
+.h-full {
+  height: 100%;
 }
 
-.mt-\[0px\] {
-  margin-top: 0px;
+.h-screen {
+  height: 100vh;
 }
 
-.mt-\[90px\] {
-  margin-top: 90px;
+.min-h-screen {
+  min-height: 100vh;
 }
 
-.ml-\[\] {
-  margin-left: ;
+.w-1 {
+  width: 0.25rem;
 }
 
-.ml-\[0px\] {
-  margin-left: 0px;
+.w-10 {
+  width: 2.5rem;
 }
 
-.ml-\[40px\] {
-  margin-left: 40px;
+.w-11 {
+  width: 2.75rem;
 }
 
-.ml-\[50px\] {
-  margin-left: 50px;
+.w-12 {
+  width: 3rem;
 }
 
-.mb-\[9\] {
-  margin-bottom: 9;
+.w-14 {
+  width: 3.5rem;
 }
 
-.mb-\[90px\] {
-  margin-bottom: 90px;
+.w-16 {
+  width: 4rem;
 }
 
-.mt-\[60px\] {
-  margin-top: 60px;
+.w-20 {
+  width: 5rem;
 }
 
-.mr-\[100000px\] {
-  margin-right: 100000px;
+.w-3 {
+  width: 0.75rem;
 }
 
-.mr-\[30px\] {
-  margin-right: 30px;
+.w-4 {
+  width: 1rem;
 }
 
-.mr-\[200px\] {
-  margin-right: 200px;
+.w-40 {
+  width: 10rem;
 }
 
-.mr-\[60px\] {
-  margin-right: 60px;
+.w-5 {
+  width: 1.25rem;
 }
 
-.ml-\[130px\] {
-  margin-left: 130px;
+.w-6 {
+  width: 1.5rem;
 }
 
-.ml-\[100px\] {
-  margin-left: 100px;
+.w-60 {
+  width: 15rem;
 }
 
-.mt-\[150px\] {
-  margin-top: 150px;
+.w-7 {
+  width: 1.75rem;
 }
 
-.mt-\[\] {
-  margin-top: ;
+.w-8 {
+  width: 2rem;
 }
 
-.mt-\[140px\] {
-  margin-top: 140px;
+.w-80 {
+  width: 20rem;
 }
 
-.mt-\[130px\] {
-  margin-top: 130px;
+.w-9 {
+  width: 2.25rem;
 }
 
-.mb-\[100px\] {
-  margin-bottom: 100px;
+.w-96 {
+  width: 24rem;
 }
 
-.mb-\[150px\] {
-  margin-bottom: 150px;
+.w-\[100px\] {
+  width: 100px;
 }
 
-.mt-\[-10px\] {
-  margin-top: -10px;
+.w-\[110\%\] {
+  width: 110%;
 }
 
-.mt-\[-50px\] {
-  margin-top: -50px;
+.w-\[50px\] {
+  width: 50px;
 }
 
-.mt-\[30px\] {
-  margin-top: 30px;
+.w-\[60\%\] {
+  width: 60%;
 }
 
-.ml-8 {
-  margin-left: 2rem;
+.w-\[60px\] {
+  width: 60px;
 }
 
-.mb-\[0\] {
-  margin-bottom: 0;
+.w-\[70\%\] {
+  width: 70%;
 }
 
-.mb-0 {
-  margin-bottom: 0px;
+.w-\[70px\] {
+  width: 70px;
 }
 
-.block {
-  display: block;
+.w-\[85\%\] {
+  width: 85%;
 }
 
-.flex {
-  display: flex;
+.w-\[90\%\] {
+  width: 90%;
 }
 
-.table {
-  display: table;
+.w-auto {
+  width: auto;
 }
 
-.grid {
-  display: grid;
+.w-full {
+  width: 100%;
 }
 
-.contents {
-  display: contents;
+.w-screen {
+  width: 100vw;
 }
 
-.hidden {
-  display: none;
+.max-w-2xl {
+  max-width: 42rem;
 }
 
-.size-10 {
-  width: 2.5rem;
-  height: 2.5rem;
+.max-w-lg {
+  max-width: 32rem;
 }
 
-.h-11 {
-  height: 2.75rem;
+.max-w-md {
+  max-width: 28rem;
 }
 
-.h-2 {
-  height: 0.5rem;
+.max-w-screen-2xl {
+  max-width: 1536px;
 }
 
-.h-20 {
-  height: 5rem;
+.max-w-xl {
+  max-width: 36rem;
 }
 
-.h-24 {
-  height: 6rem;
+.flex-1 {
+  flex: 1 1 0%;
 }
 
-.h-28 {
-  height: 7rem;
+.flex-grow {
+  flex-grow: 1;
 }
 
-.h-3 {
-  height: 0.75rem;
+.flex-grow-0 {
+  flex-grow: 0;
 }
 
-.h-32 {
-  height: 8rem;
+.border-collapse {
+  border-collapse: collapse;
 }
 
-.h-4 {
-  height: 1rem;
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.h-44 {
-  height: 11rem;
+.resize {
+  resize: both;
 }
 
-.h-6 {
-  height: 1.5rem;
+.list-disc {
+  list-style-type: disc;
 }
 
-.h-8 {
-  height: 2rem;
+.columns-1 {
+  -moz-columns: 1;
+       columns: 1;
 }
 
-.h-9 {
-  height: 2.25rem;
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.h-\[100px\] {
-  height: 100px;
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.h-\[450px\] {
-  height: 450px;
+.flex-row {
+  flex-direction: row;
 }
 
-.h-\[600px\] {
-  height: 600px;
+.flex-row-reverse {
+  flex-direction: row-reverse;
 }
 
-.h-\[90px\] {
-  height: 90px;
+.flex-col {
+  flex-direction: column;
 }
 
-.h-\[99px\] {
-  height: 99px;
+.flex-col-reverse {
+  flex-direction: column-reverse;
 }
 
-.h-auto {
-  height: auto;
+.items-start {
+  align-items: flex-start;
 }
 
-.h-full {
-  height: 100%;
+.items-end {
+  align-items: flex-end;
 }
 
-.h-screen {
-  height: 100vh;
+.items-center {
+  align-items: center;
 }
 
-.h-5 {
-  height: 1.25rem;
+.justify-start {
+  justify-content: flex-start;
 }
 
-.h-\[10px\] {
-  height: 10px;
+.justify-end {
+  justify-content: flex-end;
 }
 
-.h-\[80px\] {
-  height: 80px;
+.justify-center {
+  justify-content: center;
 }
 
-.h-\[60\%\] {
-  height: 60%;
+.justify-between {
+  justify-content: space-between;
 }
 
-.h-\[90\%\] {
-  height: 90%;
+.gap-0 {
+  gap: 0px;
 }
 
-.h-\[80\%\] {
-  height: 80%;
+.gap-1 {
+  gap: 0.25rem;
 }
 
-.h-\[0\%\] {
-  height: 0%;
+.gap-10 {
+  gap: 2.5rem;
 }
 
-.h-\[400px\] {
-  height: 400px;
+.gap-16 {
+  gap: 4rem;
 }
 
-.h-\[\] {
-  height: ;
+.gap-2 {
+  gap: 0.5rem;
 }
 
-.h-\[500px\] {
-  height: 500px;
+.gap-20 {
+  gap: 5rem;
 }
 
-.h-\[550px\] {
-  height: 550px;
+.gap-28 {
+  gap: 7rem;
 }
 
-.h-\[50px\] {
-  height: 50px;
+.gap-3 {
+  gap: 0.75rem;
 }
 
-.h-\[350px\] {
-  height: 350px;
+.gap-32 {
+  gap: 8rem;
 }
 
-.min-h-screen {
-  min-height: 100vh;
+.gap-40 {
+  gap: 10rem;
 }
 
-.w-1 {
-  width: 0.25rem;
+.gap-52 {
+  gap: 13rem;
 }
 
-.w-10 {
-  width: 2.5rem;
+.gap-8 {
+  gap: 2rem;
 }
 
-.w-11 {
-  width: 2.75rem;
+.gap-80 {
+  gap: 20rem;
 }
 
-.w-12 {
-  width: 3rem;
+.gap-9 {
+  gap: 2.25rem;
 }
 
-.w-14 {
-  width: 3.5rem;
+.gap-96 {
+  gap: 24rem;
 }
 
-.w-16 {
-  width: 4rem;
+.gap-x-1 {
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
 }
 
-.w-20 {
-  width: 5rem;
+.gap-x-12 {
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
 }
 
-.w-3 {
-  width: 0.75rem;
+.gap-x-16 {
+  -moz-column-gap: 4rem;
+       column-gap: 4rem;
 }
 
-.w-4 {
-  width: 1rem;
+.gap-x-2 {
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
 }
 
-.w-40 {
-  width: 10rem;
+.gap-x-20 {
+  -moz-column-gap: 5rem;
+       column-gap: 5rem;
 }
 
-.w-60 {
-  width: 15rem;
+.gap-x-24 {
+  -moz-column-gap: 6rem;
+       column-gap: 6rem;
 }
 
-.w-8 {
-  width: 2rem;
+.gap-x-28 {
+  -moz-column-gap: 7rem;
+       column-gap: 7rem;
 }
 
-.w-80 {
-  width: 20rem;
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
 }
 
-.w-9 {
-  width: 2.25rem;
+.gap-x-32 {
+  -moz-column-gap: 8rem;
+       column-gap: 8rem;
 }
 
-.w-96 {
-  width: 24rem;
+.gap-x-36 {
+  -moz-column-gap: 9rem;
+       column-gap: 9rem;
 }
 
-.w-\[100px\] {
-  width: 100px;
+.gap-x-4 {
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
 }
 
-.w-\[30\%\] {
-  width: 30%;
+.gap-x-48 {
+  -moz-column-gap: 12rem;
+       column-gap: 12rem;
 }
 
-.w-\[50\%\] {
-  width: 50%;
+.gap-x-52 {
+  -moz-column-gap: 13rem;
+       column-gap: 13rem;
 }
 
-.w-\[60\%\] {
-  width: 60%;
+.gap-x-7 {
+  -moz-column-gap: 1.75rem;
+       column-gap: 1.75rem;
 }
 
-.w-\[60px\] {
-  width: 60px;
+.gap-x-72 {
+  -moz-column-gap: 18rem;
+       column-gap: 18rem;
 }
 
-.w-\[80\%\] {
-  width: 80%;
+.gap-x-8 {
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
 }
 
-.w-\[90\%\] {
-  width: 90%;
+.gap-x-80 {
+  -moz-column-gap: 20rem;
+       column-gap: 20rem;
 }
 
-.w-\[90px\] {
-  width: 90px;
+.gap-y-0 {
+  row-gap: 0px;
 }
 
-.w-\[96\%\] {
-  width: 96%;
+.gap-y-8 {
+  row-gap: 2rem;
 }
 
-.w-auto {
-  width: auto;
+.space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-full {
-  width: 100%;
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-screen {
-  width: 100vw;
-}
-
-.w-5 {
-  width: 1.25rem;
+.space-x-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-6 {
-  width: 1.5rem;
+.space-x-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[110\%\] {
-  width: 110%;
+.space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3rem * var(--tw-space-x-reverse));
+  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[100\%\] {
-  width: 100%;
+.space-x-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[85\%\] {
-  width: 85%;
+.space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(4rem * var(--tw-space-x-reverse));
+  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[60\] {
-  width: 60;
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[70\%\] {
-  width: 70%;
+.space-x-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(5rem * var(--tw-space-x-reverse));
+  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[70\] {
-  width: 70;
+.space-x-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(6rem * var(--tw-space-x-reverse));
+  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[70px\] {
-  width: 70px;
+.space-x-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(7rem * var(--tw-space-x-reverse));
+  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-7 {
-  width: 1.75rem;
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[80px\] {
-  width: 80px;
+.space-x-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(8rem * var(--tw-space-x-reverse));
+  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.w-\[50px\] {
-  width: 50px;
+.space-x-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(9rem * var(--tw-space-x-reverse));
+  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-\[840px\] {
-  max-width: 840px;
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-lg {
-  max-width: 32rem;
+.space-x-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(10rem * var(--tw-space-x-reverse));
+  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-md {
-  max-width: 28rem;
+.space-x-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(12rem * var(--tw-space-x-reverse));
+  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-screen-2xl {
-  max-width: 1536px;
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-2xl {
-  max-width: 42rem;
+.space-x-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(13rem * var(--tw-space-x-reverse));
+  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.max-w-xl {
-  max-width: 36rem;
+.space-x-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(14rem * var(--tw-space-x-reverse));
+  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.flex-1 {
-  flex: 1 1 0%;
+.space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.flex-grow {
-  flex-grow: 1;
+.space-x-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(15rem * var(--tw-space-x-reverse));
+  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.flex-grow-0 {
-  flex-grow: 0;
+.space-x-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.border-collapse {
-  border-collapse: collapse;
+.space-x-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(18rem * var(--tw-space-x-reverse));
+  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2rem * var(--tw-space-x-reverse));
+  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.resize {
-  resize: both;
+.space-x-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(20rem * var(--tw-space-x-reverse));
+  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.list-disc {
-  list-style-type: disc;
+.space-x-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.columns-1 {
-  -moz-columns: 1;
-       columns: 1;
+.space-x-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(24rem * var(--tw-space-x-reverse));
+  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
+.space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
-.flex-row {
-  flex-direction: row;
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
 }
 
-.flex-row-reverse {
-  flex-direction: row-reverse;
+.space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
 }
 
-.flex-col {
-  flex-direction: column;
+.space-y-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
 }
 
-.flex-col-reverse {
-  flex-direction: column-reverse;
+.space-y-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
 }
 
-.items-start {
-  align-items: flex-start;
+.space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
 }
 
-.items-end {
-  align-items: flex-end;
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
-.items-center {
-  align-items: center;
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.justify-start {
-  justify-content: flex-start;
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
-.justify-end {
-  justify-content: flex-end;
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
 
-.justify-center {
-  justify-content: center;
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
-.justify-between {
-  justify-content: space-between;
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
-.gap-1 {
-  gap: 0.25rem;
+.space-y-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
 }
 
-.gap-10 {
-  gap: 2.5rem;
+.space-y-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
 }
 
-.gap-16 {
-  gap: 4rem;
+.overflow-hidden {
+  overflow: hidden;
 }
 
-.gap-2 {
-  gap: 0.5rem;
+.overflow-y-auto {
+  overflow-y: auto;
 }
 
-.gap-20 {
-  gap: 5rem;
+.overflow-x-hidden {
+  overflow-x: hidden;
 }
 
-.gap-28 {
-  gap: 7rem;
+.overflow-y-hidden {
+  overflow-y: hidden;
 }
 
-.gap-3 {
-  gap: 0.75rem;
-}
-
-.gap-8 {
-  gap: 2rem;
+.rounded {
+  border-radius: 0.25rem;
 }
 
-.gap-80 {
-  gap: 20rem;
+.rounded-2xl {
+  border-radius: 1rem;
 }
 
-.gap-9 {
-  gap: 2.25rem;
+.rounded-3xl {
+  border-radius: 1.5rem;
 }
 
-.gap-96 {
-  gap: 24rem;
+.rounded-\[40px\] {
+  border-radius: 40px;
 }
 
-.gap-32 {
-  gap: 8rem;
+.rounded-full {
+  border-radius: 9999px;
 }
 
-.gap-40 {
-  gap: 10rem;
+.rounded-lg {
+  border-radius: 0.5rem;
 }
 
-.gap-0 {
-  gap: 0px;
+.rounded-md {
+  border-radius: 0.375rem;
 }
 
-.gap-52 {
-  gap: 13rem;
+.rounded-sm {
+  border-radius: 0.125rem;
 }
 
-.gap-x-8 {
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
+.rounded-xl {
+  border-radius: 0.75rem;
 }
 
-.gap-x-52 {
-  -moz-column-gap: 13rem;
-       column-gap: 13rem;
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
 }
 
-.gap-x-2 {
-  -moz-column-gap: 0.5rem;
-       column-gap: 0.5rem;
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
 }
 
-.gap-x-20 {
-  -moz-column-gap: 5rem;
-       column-gap: 5rem;
+.rounded-r-\[100px\] {
+  border-top-right-radius: 100px;
+  border-bottom-right-radius: 100px;
 }
 
-.gap-x-1 {
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
 }
 
-.gap-x-16 {
-  -moz-column-gap: 4rem;
-       column-gap: 4rem;
+.border {
+  border-width: 1px;
 }
 
-.gap-x-24 {
-  -moz-column-gap: 6rem;
-       column-gap: 6rem;
+.border-2 {
+  border-width: 2px;
 }
 
-.gap-x-28 {
-  -moz-column-gap: 7rem;
-       column-gap: 7rem;
+.border-4 {
+  border-width: 4px;
 }
 
-.gap-x-3 {
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
+.border-b {
+  border-bottom-width: 1px;
 }
 
-.gap-x-32 {
-  -moz-column-gap: 8rem;
-       column-gap: 8rem;
+.border-r {
+  border-right-width: 1px;
 }
 
-.gap-y-8 {
-  row-gap: 2rem;
+.border-r-2 {
+  border-right-width: 2px;
 }
 
-.gap-y-0 {
-  row-gap: 0px;
+.border-customBlue {
+  --tw-border-opacity: 1;
+  border-color: rgb(45 118 249 / var(--tw-border-opacity));
 }
 
-.gap-x-80 {
-  -moz-column-gap: 20rem;
-       column-gap: 20rem;
+.border-customWhite {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.gap-x-7 {
-  -moz-column-gap: 1.75rem;
-       column-gap: 1.75rem;
+.bg-customBg {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 244 255 / var(--tw-bg-opacity));
 }
 
-.gap-x-72 {
-  -moz-column-gap: 18rem;
-       column-gap: 18rem;
+.bg-customBlue {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 118 249 / var(--tw-bg-opacity));
 }
 
-.gap-x-4 {
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
+.bg-customGray {
+  --tw-bg-opacity: 1;
+  background-color: rgb(116 116 116 / var(--tw-bg-opacity));
 }
 
-.gap-x-48 {
-  -moz-column-gap: 12rem;
-       column-gap: 12rem;
+.bg-customWhite {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.gap-x-12 {
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
+.bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
 }
 
-.gap-x-36 {
-  -moz-column-gap: 9rem;
-       column-gap: 9rem;
+.bg-bgBiru {
+  background-image: url('./Asset/background.svg');;
 }
 
-.space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+.bg-contain {
+  background-size: contain;
 }
 
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+.bg-cover {
+  background-size: cover;
 }
 
-.space-x-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+.bg-center {
+  background-position: center;
 }
 
-.space-x-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+.bg-no-repeat {
+  background-repeat: no-repeat;
 }
 
-.space-x-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3rem * var(--tw-space-x-reverse));
-  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
-.space-x-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+.p-1 {
+  padding: 0.25rem;
 }
 
-.space-x-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(4rem * var(--tw-space-x-reverse));
-  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+.p-10 {
+  padding: 2.5rem;
 }
 
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+.p-12 {
+  padding: 3rem;
 }
 
-.space-x-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(5rem * var(--tw-space-x-reverse));
-  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+.p-14 {
+  padding: 3.5rem;
 }
 
-.space-x-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(6rem * var(--tw-space-x-reverse));
-  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+.p-2 {
+  padding: 0.5rem;
 }
 
-.space-x-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(7rem * var(--tw-space-x-reverse));
-  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+.p-20 {
+  padding: 5rem;
 }
 
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+.p-4 {
+  padding: 1rem;
 }
 
-.space-x-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(8rem * var(--tw-space-x-reverse));
-  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+.p-5 {
+  padding: 1.25rem;
 }
 
-.space-x-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(9rem * var(--tw-space-x-reverse));
-  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+.p-8 {
+  padding: 2rem;
 }
 
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+.p-9 {
+  padding: 2.25rem;
 }
 
-.space-x-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(10rem * var(--tw-space-x-reverse));
-  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 
-.space-x-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(12rem * var(--tw-space-x-reverse));
-  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
 }
 
-.space-x-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+.px-11 {
+  padding-left: 2.75rem;
+  padding-right: 2.75rem;
 }
 
-.space-x-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(13rem * var(--tw-space-x-reverse));
-  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
 }
 
-.space-x-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(14rem * var(--tw-space-x-reverse));
-  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+.px-14 {
+  padding-left: 3.5rem;
+  padding-right: 3.5rem;
 }
 
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
 }
 
-.space-x-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(15rem * var(--tw-space-x-reverse));
-  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
-.space-x-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
 }
 
-.space-x-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(18rem * var(--tw-space-x-reverse));
-  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
 }
 
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
 
-.space-x-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(20rem * var(--tw-space-x-reverse));
-  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
-.space-x-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 
-.space-x-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(24rem * var(--tw-space-x-reverse));
-  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
 }
 
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
 }
 
-.space-y-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
 }
 
-.space-y-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+.px-9 {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
 }
 
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+.py-11 {
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
 }
 
-.space-y-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
 }
 
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
 }
 
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
-.space-y-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
 }
 
-.space-y-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
 }
 
-.space-y-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 
-.space-y-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
 }
 
-.space-y-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
 }
 
-.space-y-\[50px\] > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(50px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(50px * var(--tw-space-y-reverse));
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
 }
 
-.space-y-\[90px\] > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(90px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(90px * var(--tw-space-y-reverse));
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
 }
 
-.space-y-\[0px\] > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+.py-9 {
+  padding-top: 2.25rem;
+  padding-bottom: 2.25rem;
 }
 
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+.pl-14 {
+  padding-left: 3.5rem;
 }
 
-.space-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+.pr-10 {
+  padding-right: 2.5rem;
 }
 
-.overflow-hidden {
-  overflow: hidden;
+.pr-14 {
+  padding-right: 3.5rem;
 }
 
-.overflow-y-auto {
-  overflow-y: auto;
+.pr-40 {
+  padding-right: 10rem;
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.pt-20 {
+  padding-top: 5rem;
 }
 
-.overflow-y-hidden {
-  overflow-y: hidden;
+.text-left {
+  text-align: left;
 }
 
-.rounded {
-  border-radius: 0.25rem;
+.text-center {
+  text-align: center;
 }
 
-.rounded-2xl {
-  border-radius: 1rem;
+.align-middle {
+  vertical-align: middle;
 }
 
-.rounded-3xl {
-  border-radius: 1.5rem;
+.font-poppins {
+  font-family: Poppins, sans-serif;
 }
 
-.rounded-\[40px\] {
-  border-radius: 40px;
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
 }
 
-.rounded-sm {
-  border-radius: 0.125rem;
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
 }
 
-.rounded-xl {
-  border-radius: 0.75rem;
+.text-7xl {
+  font-size: 4.5rem;
+  line-height: 1;
 }
 
-.rounded-l {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
 }
 
-.rounded-r-\[100px\] {
-  border-top-right-radius: 100px;
-  border-bottom-right-radius: 100px;
+.text-\[10px\] {
+  font-size: 10px;
 }
 
-.rounded-r {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
 }
 
-.rounded-bl-lg {
-  border-bottom-left-radius: 0.5rem;
-}
-
-.rounded-tl-\[\] {
-  border-top-left-radius: ;
-}
-
-.rounded-tl-\[130px\] {
-  border-top-left-radius: 130px;
-}
-
-.border {
-  border-width: 1px;
-}
-
-.border-2 {
-  border-width: 2px;
-}
-
-.border-4 {
-  border-width: 4px;
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
 }
 
-.border-b {
-  border-bottom-width: 1px;
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
 
-.border-r {
-  border-right-width: 1px;
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
 }
 
-.border-r-2 {
-  border-right-width: 2px;
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
 
-.border-customBlue {
-  --tw-border-opacity: 1;
-  border-color: rgb(45 118 249 / var(--tw-border-opacity));
+.font-bold {
+  font-weight: 700;
 }
 
-.border-customWhite {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+.font-extrabold {
+  font-weight: 800;
 }
 
-.bg-customBg {
-  --tw-bg-opacity: 1;
-  background-color: rgb(238 244 255 / var(--tw-bg-opacity));
+.font-extralight {
+  font-weight: 200;
 }
 
-.bg-customBlue {
-  --tw-bg-opacity: 1;
-  background-color: rgb(45 118 249 / var(--tw-bg-opacity));
+.font-light {
+  font-weight: 300;
 }
 
-.bg-customGray {
-  --tw-bg-opacity: 1;
-  background-color: rgb(116 116 116 / var(--tw-bg-opacity));
+.font-medium {
+  font-weight: 500;
 }
 
-.bg-customWhite {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.font-normal {
+  font-weight: 400;
 }
 
-.bg-opacity-70 {
-  --tw-bg-opacity: 0.7;
+.font-semibold {
+  font-weight: 600;
 }
 
-.bg-bgBiru {
-  background-image: url('./Asset/background.svg');;
+.leading-3 {
+  line-height: .75rem;
 }
 
-.bg-contain {
-  background-size: contain;
+.leading-7 {
+  line-height: 1.75rem;
 }
 
-.bg-cover {
-  background-size: cover;
+.leading-8 {
+  line-height: 2rem;
 }
 
-.bg-center {
-  background-position: center;
+.leading-9 {
+  line-height: 2.25rem;
 }
 
-.bg-no-repeat {
-  background-repeat: no-repeat;
+.leading-normal {
+  line-height: 1.5;
 }
 
-.object-contain {
-  -o-object-fit: contain;
-     object-fit: contain;
+.leading-relaxed {
+  line-height: 1.625;
 }
 
-.p-1 {
-  padding: 0.25rem;
+.leading-snug {
+  line-height: 1.375;
 }
 
-.p-10 {
-  padding: 2.5rem;
+.leading-tight {
+  line-height: 1.25;
 }
 
-.p-12 {
-  padding: 3rem;
+.-tracking-tighter {
+  letter-spacing: 0.05em;
 }
 
-.p-14 {
-  padding: 3.5rem;
+.tracking-tight {
+  letter-spacing: -0.025em;
 }
 
-.p-2 {
-  padding: 0.5rem;
+.tracking-wide {
+  letter-spacing: 0.025em;
 }
 
-.p-20 {
-  padding: 5rem;
+.tracking-wider {
+  letter-spacing: 0.05em;
 }
 
-.p-4 {
-  padding: 1rem;
+.tracking-widest {
+  letter-spacing: 0.1em;
 }
 
-.p-5 {
-  padding: 1.25rem;
+.text-customBlack {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
-.p-8 {
-  padding: 2rem;
+.text-customBlue {
+  --tw-text-opacity: 1;
+  color: rgb(45 118 249 / var(--tw-text-opacity));
 }
 
-.p-9 {
-  padding: 2.25rem;
+.text-customGray {
+  --tw-text-opacity: 1;
+  color: rgb(116 116 116 / var(--tw-text-opacity));
 }
 
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+.text-customWhite {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
+.underline {
+  text-decoration-line: underline;
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
+.decoration-dotted {
+  text-decoration-style: dotted;
 }
 
-.px-14 {
-  padding-left: 3.5rem;
-  padding-right: 3.5rem;
+.opacity-0 {
+  opacity: 0;
 }
 
-.px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
+.opacity-40 {
+  opacity: 0.4;
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.opacity-5 {
+  opacity: 0.05;
 }
 
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.px-24 {
-  padding-left: 6rem;
-  padding-right: 6rem;
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.outline {
+  outline-style: solid;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+.marker\:text-customBlue *::marker {
+  color: rgb(45 118 249 );
 }
 
-.px-7 {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
+.marker\:text-customBlue::marker {
+  color: rgb(45 118 249 );
 }
 
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
+.hover\:bg-customBlue:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 118 249 / var(--tw-bg-opacity));
 }
 
-.px-9 {
-  padding-left: 2.25rem;
-  padding-right: 2.25rem;
+.hover\:bg-customGray:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(116 116 116 / var(--tw-bg-opacity));
 }
 
-.py-11 {
-  padding-top: 2.75rem;
-  padding-bottom: 2.75rem;
+.hover\:bg-customWhite:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.hover\:text-customBlue:hover {
+  --tw-text-opacity: 1;
+  color: rgb(45 118 249 / var(--tw-text-opacity));
 }
 
-.py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
+.hover\:text-customWhite:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
+@media (min-width: 640px) {
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
 
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.py-7 {
-  padding-top: 1.75rem;
-  padding-bottom: 1.75rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.py-9 {
-  padding-top: 2.25rem;
-  padding-bottom: 2.25rem;
-}
-
-.px-11 {
-  padding-left: 2.75rem;
-  padding-right: 2.75rem;
-}
-
-.pl-14 {
-  padding-left: 3.5rem;
-}
-
-.pr-10 {
-  padding-right: 2.5rem;
-}
-
-.pr-14 {
-  padding-right: 3.5rem;
-}
-
-.pr-40 {
-  padding-right: 10rem;
-}
-
-.pt-20 {
-  padding-top: 5rem;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.align-middle {
-  vertical-align: middle;
-}
-
-.font-poppins {
-  font-family: Poppins, sans-serif;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
-.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}
-
-.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}
-
-.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-.text-\[13px\] {
-  font-size: 13px;
-}
-
-.text-\[1px\] {
-  font-size: 1px;
-}
-
-.text-\[10px\] {
-  font-size: 10px;
-}
-
-.text-\[11px\] {
-  font-size: 11px;
-}
-
-.text-\[8px\] {
-  font-size: 8px;
-}
-
-.text-\[12px\] {
-  font-size: 12px;
-}
-
-.text-\[15px\] {
-  font-size: 15px;
-}
-
-.text-\[14px\] {
-  font-size: 14px;
-}
-
-.text-\[19px\] {
-  font-size: 19px;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-extralight {
-  font-weight: 200;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.leading-3 {
-  line-height: .75rem;
-}
-
-.leading-7 {
-  line-height: 1.75rem;
-}
-
-.leading-8 {
-  line-height: 2rem;
-}
-
-.leading-9 {
-  line-height: 2.25rem;
-}
-
-.leading-relaxed {
-  line-height: 1.625;
-}
-
-.leading-snug {
-  line-height: 1.375;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.-tracking-tighter {
-  letter-spacing: 0.05em;
-}
-
-.tracking-tight {
-  letter-spacing: -0.025em;
-}
-
-.tracking-wide {
-  letter-spacing: 0.025em;
-}
-
-.tracking-wider {
-  letter-spacing: 0.05em;
-}
-
-.tracking-widest {
-  letter-spacing: 0.1em;
-}
-
-.text-customBlack {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-
-.text-customBlue {
-  --tw-text-opacity: 1;
-  color: rgb(45 118 249 / var(--tw-text-opacity));
-}
-
-.text-customGray {
-  --tw-text-opacity: 1;
-  color: rgb(116 116 116 / var(--tw-text-opacity));
-}
-
-.text-customWhite {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.underline {
-  text-decoration-line: underline;
-}
-
-.decoration-dotted {
-  text-decoration-style: dotted;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-40 {
-  opacity: 0.4;
-}
-
-.opacity-5 {
-  opacity: 0.05;
-}
-
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.outline {
-  outline-style: solid;
-}
-
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.marker\:text-customBlue *::marker {
-  color: rgb(45 118 249 );
-}
-
-.marker\:text-customBlue::marker {
-  color: rgb(45 118 249 );
-}
-
-.hover\:bg-customBlue:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(45 118 249 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-customGray:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(116 116 116 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-customWhite:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.hover\:text-customBlue:hover {
-  --tw-text-opacity: 1;
-  color: rgb(45 118 249 / var(--tw-text-opacity));
-}
-
-.hover\:text-customWhite:hover {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-@media (min-width: 640px) {
-  .sm\:absolute {
-    position: absolute;
-  }
-
-  .sm\:top-\[90px\] {
-    top: 90px;
-  }
-
-  .sm\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .sm\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .sm\:ml-\[-30px\] {
-    margin-left: -30px;
-  }
-
-  .sm\:ml-\[20px\] {
-    margin-left: 20px;
-  }
-
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .sm\:mr-\[40px\] {
-    margin-right: 40px;
-  }
-
-  .sm\:mt-\[100px\] {
-    margin-top: 100px;
-  }
-
-  .sm\:mt-\[90px\] {
-    margin-top: 90px;
-  }
-
-  .sm\:ml-\[40px\] {
-    margin-left: 40px;
-  }
-
-  .sm\:ml-\[90px\] {
-    margin-left: 90px;
-  }
-
-  .sm\:ml-\[120px\] {
-    margin-left: 120px;
-  }
-
-  .sm\:ml-\[0px\] {
-    margin-left: 0px;
-  }
-
-  .sm\:mr-\[-90px\] {
-    margin-right: -90px;
-  }
-
-  .sm\:mr-\[90px\] {
-    margin-right: 90px;
-  }
-
-  .sm\:mr-\[120px\] {
-    margin-right: 120px;
-  }
-
-  .sm\:ml-\[30px\] {
-    margin-left: 30px;
-  }
-
-  .sm\:ml-\[-40px\] {
-    margin-left: -40px;
-  }
-
-  .sm\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .sm\:ml-\[10px\] {
-    margin-left: 10px;
-  }
-
-  .sm\:ml-\[-190px\] {
-    margin-left: -190px;
-  }
-
-  .sm\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .sm\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .sm\:ml-\[\] {
-    margin-left: ;
-  }
-
-  .sm\:ml-\[70px\] {
-    margin-left: 70px;
-  }
-
-  .sm\:ml-\[60px\] {
-    margin-left: 60px;
-  }
-
-  .sm\:ml-\[150px\] {
-    margin-left: 150px;
-  }
-
-  .sm\:mr-\[150px\] {
-    margin-right: 150px;
-  }
-
-  .sm\:-mr-\[150px\] {
-    margin-right: -150px;
-  }
-
-  .sm\:ml-\[190px\] {
-    margin-left: 190px;
-  }
-
-  .sm\:ml-\[170px\] {
-    margin-left: 170px;
-  }
-
-  .sm\:mt-\[120px\] {
-    margin-top: 120px;
-  }
-
-  .sm\:-mt-\[120px\] {
-    margin-top: -120px;
-  }
-
-  .sm\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .sm\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .sm\:hidden {
-    display: none;
-  }
-
-  .sm\:h-11 {
-    height: 2.75rem;
-  }
-
-  .sm\:h-8 {
-    height: 2rem;
-  }
-
-  .sm\:w-\[100\%\] {
-    width: 100%;
-  }
-
-  .sm\:w-\[350px\] {
-    width: 350px;
-  }
-
-  .sm\:w-\[250px\] {
-    width: 250px;
-  }
-
-  .sm\:w-\[150px\] {
-    width: 150px;
-  }
-
-  .sm\:w-\[200px\] {
-    width: 200px;
-  }
-
-  .sm\:w-\[100px\] {
-    width: 100px;
-  }
-
-  .sm\:w-5 {
-    width: 1.25rem;
-  }
-
-  .sm\:w-11 {
-    width: 2.75rem;
-  }
-
-  .sm\:w-8 {
-    width: 2rem;
-  }
-
-  .sm\:w-\[\] {
-    width: ;
-  }
-
-  .sm\:w-\[50\%\] {
-    width: 50%;
-  }
-
-  .sm\:w-\[0\%\] {
-    width: 0%;
-  }
-
-  .sm\:w-\[90\] {
-    width: 90;
-  }
-
-  .sm\:w-\[90\%\] {
-    width: 90%;
-  }
-
-  .sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .sm\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .sm\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  @media (min-width: 640px) {
-    .sm\:sm\:py-8 {
-      padding-top: 2rem;
-      padding-bottom: 2rem;
-    }
-  }
-
-  .sm\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .sm\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .sm\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .sm\:text-7xl {
-    font-size: 4.5rem;
-    line-height: 1;
-  }
-
-  .sm\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
-  .sm\:text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-  }
-
-  .sm\:text-5xl {
-    font-size: 3rem;
-    line-height: 1;
-  }
-
-  .sm\:text-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-  }
-
-  .sm\:text-\[10px\] {
-    font-size: 10px;
-  }
-
-  .sm\:leading-relaxed {
-    line-height: 1.625;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:w-1\/2 {
-    width: 50%;
-  }
-
-  .md\:w-auto {
-    width: auto;
-  }
-
-  .md\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:gap-y-0 {
-    row-gap: 0px;
-  }
-
-  .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
-  }
-
-  .md\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .md\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .md\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .md\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .md\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .md\:text-left {
-    text-align: left;
-  }
-
-  .md\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
-  .md\:text-5xl {
-    font-size: 3rem;
-    line-height: 1;
-  }
-
-  .md\:text-6xl {
-    font-size: 3.75rem;
-    line-height: 1;
-  }
-
-  .md\:text-\[10px\] {
-    font-size: 10px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:w-1\/2 {
-    width: 50%;
-  }
-
-  .lg\:w-auto {
-    width: auto;
-  }
-
-  .lg\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .lg\:flex-row {
-    flex-direction: row;
-  }
-
-  .lg\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .lg\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .lg\:gap-x-80 {
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .lg\:gap-x-7 {
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .lg\:gap-x-72 {
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .lg\:gap-x-\[90px\] {
-    -moz-column-gap: 90px;
-         column-gap: 90px;
-  }
-
-  .lg\:gap-x-\[120px\] {
-    -moz-column-gap: 120px;
-         column-gap: 120px;
-  }
-
-  .lg\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .lg\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .lg\:gap-x-4 {
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .lg\:gap-x-48 {
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .lg\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .lg\:gap-x-12 {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .lg\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .lg\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .lg\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .lg\:gap-x-36 {
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .lg\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .lg\:text-left {
-    text-align: left;
-  }
-
-  .lg\:text-6xl {
-    font-size: 3.75rem;
-    line-height: 1;
-  }
-
-  .lg\:text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
-  .lg\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
-  .lg\:text-7xl {
-    font-size: 4.5rem;
-    line-height: 1;
-  }
-
-  .lg\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
-  }
-
-  .lg\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .lg\:leading-tight {
-    line-height: 1.25;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xl\:z-0 {
-    z-index: 0;
-  }
-
-  .xl\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .xl\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .xl\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
-  .xl\:ml-\[60px\] {
-    margin-left: 60px;
-  }
-
-  .xl\:ml-\[80px\] {
-    margin-left: 80px;
-  }
-
-  .xl\:mr-\[-120px\] {
-    margin-right: -120px;
-  }
-
-  .xl\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .xl\:mt-\[-120px\] {
-    margin-top: -120px;
-  }
-
-  .xl\:mt-\[-50px\] {
-    margin-top: -50px;
-  }
-
-  .xl\:mr-\[120px\] {
-    margin-right: 120px;
-  }
-
-  .xl\:-mt-\[100px\] {
-    margin-top: -100px;
-  }
-
-  .xl\:mt-\[100px\] {
-    margin-top: 100px;
-  }
-
-  .xl\:-mr-\[90px\] {
-    margin-right: -90px;
-  }
-
-  .xl\:-mr-\[800px\] {
-    margin-right: -800px;
-  }
-
-  .xl\:-mr-\[0px\] {
-    margin-right: -0px;
-  }
-
-  .xl\:-mr-\[80px\] {
-    margin-right: -80px;
-  }
-
-  .xl\:mr-\[90px\] {
-    margin-right: 90px;
-  }
-
-  .xl\:mr-\[900px\] {
-    margin-right: 900px;
-  }
-
-  .xl\:mr-\[140px\] {
-    margin-right: 140px;
-  }
-
-  .xl\:mr-\[190px\] {
-    margin-right: 190px;
-  }
-
-  .xl\:mr-\[10px\] {
-    margin-right: 10px;
-  }
-
-  .xl\:mr-\[200px\] {
-    margin-right: 200px;
-  }
-
-  .xl\:mr-\[250px\] {
-    margin-right: 250px;
-  }
-
-  .xl\:-mt-\[150px\] {
-    margin-top: -150px;
-  }
-
-  .xl\:mt-\[30px\] {
-    margin-top: 30px;
-  }
-
-  .xl\:mt-\[300px\] {
-    margin-top: 300px;
-  }
-
-  .xl\:mt-\[0px\] {
-    margin-top: 0px;
-  }
-
-  .xl\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .xl\:-mt-\[30px\] {
-    margin-top: -30px;
-  }
-
-  .xl\:-mt-\[0px\] {
-    margin-top: -0px;
-  }
-
-  .xl\:-mt-\[50px\] {
-    margin-top: -50px;
-  }
-
-  .xl\:-mt-\[90px\] {
-    margin-top: -90px;
-  }
-
-  .xl\:mb-\[\] {
-    margin-bottom: ;
-  }
-
-  .xl\:mb-\[-90px\] {
-    margin-bottom: -90px;
-  }
-
-  .xl\:mb-\[-900px\] {
-    margin-bottom: -900px;
-  }
-
-  .xl\:-mr-\[50px\] {
-    margin-right: -50px;
-  }
-
-  .xl\:-mr-\[20px\] {
-    margin-right: -20px;
-  }
-
-  .xl\:-mr-\[30px\] {
-    margin-right: -30px;
-  }
-
-  .xl\:-mt-\[10px\] {
-    margin-top: -10px;
-  }
-
-  .xl\:ml-\[100px\] {
-    margin-left: 100px;
-  }
-
-  .xl\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .xl\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .xl\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .xl\:ml-\[120px\] {
-    margin-left: 120px;
-  }
-
-  .xl\:ml-\[90px\] {
-    margin-left: 90px;
-  }
-
-  .xl\:ml-\[190px\] {
-    margin-left: 190px;
-  }
-
-  .xl\:ml-\[10px\] {
-    margin-left: 10px;
-  }
-
-  .xl\:ml-\[30px\] {
-    margin-left: 30px;
-  }
-
-  .xl\:-mr-\[990px\] {
-    margin-right: -990px;
-  }
-
-  .xl\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .xl\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .xl\:mt-\[\] {
-    margin-top: ;
-  }
-
-  .xl\:mt-\[-90px\] {
-    margin-top: -90px;
-  }
-
-  .xl\:ml-\[70px\] {
-    margin-left: 70px;
-  }
-
-  .xl\:mr-\[-90px\] {
-    margin-right: -90px;
-  }
-
-  .xl\:mr-\[-70px\] {
-    margin-right: -70px;
-  }
-
-  .xl\:mr-\[-80px\] {
-    margin-right: -80px;
-  }
-
-  .xl\:mr-\[-0px\] {
-    margin-right: -0px;
-  }
-
-  .xl\:mr-\[0px\] {
-    margin-right: 0px;
-  }
-
-  .xl\:mr-\[40px\] {
-    margin-right: 40px;
-  }
-
-  .xl\:mr-\[-40px\] {
-    margin-right: -40px;
-  }
-
-  .xl\:mr-\[-50px\] {
-    margin-right: -50px;
-  }
-
-  .xl\:ml-\[20px\] {
-    margin-left: 20px;
-  }
-
-  .xl\:ml-\[40px\] {
-    margin-left: 40px;
-  }
-
-  .xl\:mr-\[-100px\] {
-    margin-right: -100px;
-  }
-
-  .xl\:mt-\[90px\] {
-    margin-top: 90px;
-  }
-
-  .xl\:mt-\[50px\] {
-    margin-top: 50px;
-  }
-
-  .xl\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .xl\:mb-\[120px\] {
-    margin-bottom: 120px;
-  }
-
-  .xl\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .xl\:mt-\[200px\] {
-    margin-top: 200px;
-  }
-
-  .xl\:mb-\[100px\] {
-    margin-bottom: 100px;
-  }
-
-  .xl\:mb-\[40px\] {
-    margin-bottom: 40px;
-  }
-
-  .xl\:mt-\[70px\] {
-    margin-top: 70px;
-  }
-
-  .xl\:mb-\[50px\] {
-    margin-bottom: 50px;
-  }
-
-  .xl\:mt-\[190px\] {
-    margin-top: 190px;
-  }
-
-  .xl\:mt-\[10px\] {
-    margin-top: 10px;
-  }
-
-  .xl\:mt-\[20px\] {
-    margin-top: 20px;
-  }
-
-  .xl\:mt-\[120px\] {
-    margin-top: 120px;
-  }
-
-  .xl\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .xl\:ml-\[\] {
-    margin-left: ;
-  }
-
-  .xl\:mt-\[-10px\] {
-    margin-top: -10px;
-  }
-
-  .xl\:mb-\[20px\] {
-    margin-bottom: 20px;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:hidden {
-    display: none;
-  }
-
-  .xl\:h-11 {
-    height: 2.75rem;
-  }
-
-  .xl\:h-\[400px\] {
-    height: 400px;
-  }
-
-  .xl\:h-\[800px\] {
-    height: 800px;
-  }
-
-  .xl\:h-\[600px\] {
-    height: 600px;
-  }
-
-  .xl\:h-\[650px\] {
-    height: 650px;
-  }
-
-  .xl\:h-\[700px\] {
-    height: 700px;
-  }
-
-  .xl\:h-\[0px\] {
-    height: 0px;
-  }
-
-  .xl\:h-\[90px\] {
-    height: 90px;
-  }
-
-  .xl\:h-\[100px\] {
-    height: 100px;
+  .sm\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
   }
+}
 
-  .xl\:h-9 {
-    height: 2.25rem;
+@media (min-width: 768px) {
+  .md\:block {
+    display: block;
   }
 
-  .xl\:w-\[40\%\] {
-    width: 40%;
+  .md\:flex {
+    display: flex;
   }
 
-  .xl\:w-\[50\%\] {
-    width: 50%;
+  .md\:hidden {
+    display: none;
   }
 
-  .xl\:w-\[350px\] {
-    width: 350px;
+  .md\:max-w-lg {
+    max-width: 32rem;
   }
 
-  .xl\:w-\[90\%\] {
-    width: 90%;
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
 
-  .xl\:w-\[\] {
-    width: ;
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
   }
+}
 
-  .xl\:w-\[100\%\] {
-    width: 100%;
+@media (min-width: 1024px) {
+  .lg\:mt-0 {
+    margin-top: 0px;
   }
 
-  .xl\:w-\[10\%\] {
-    width: 10%;
+  .lg\:w-1\/2 {
+    width: 50%;
   }
 
-  .xl\:w-\[80\%\] {
-    width: 80%;
+  .lg\:max-w-xl {
+    max-width: 36rem;
   }
 
-  .xl\:w-\[60\%\] {
-    width: 60%;
+  .lg\:flex-row {
+    flex-direction: row;
   }
 
-  .xl\:w-\[70\%\] {
-    width: 70%;
+  .lg\:gap-x-36 {
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
   }
 
-  .xl\:w-\[65\%\] {
-    width: 65%;
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
-  .xl\:w-\[\%\] {
-    width: %;
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
   }
 
-  .xl\:w-\[49\%\] {
-    width: 49%;
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
   }
 
-  .xl\:w-\[45\%\] {
-    width: 45%;
+  .lg\:leading-normal {
+    line-height: 1.5;
   }
 
-  .xl\:w-11 {
-    width: 2.75rem;
+  .lg\:leading-tight {
+    line-height: 1.25;
   }
+}
 
-  .xl\:w-full {
-    width: 100%;
+@media (min-width: 1280px) {
+  .xl\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
   }
 
-  .xl\:w-1\/2 {
-    width: 50%;
+  .xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
   }
 
-  .xl\:w-\[90px\] {
-    width: 90px;
+  .xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
   }
 
-  .xl\:w-\[30\%\] {
-    width: 30%;
+  .xl\:mb-0 {
+    margin-bottom: 0px;
   }
 
-  .xl\:w-\[100px\] {
-    width: 100px;
+  .xl\:mb-\[100px\] {
+    margin-bottom: 100px;
   }
 
-  .xl\:w-9 {
-    width: 2.25rem;
+  .xl\:mb-\[120px\] {
+    margin-bottom: 120px;
   }
 
-  .xl\:max-w-2xl {
-    max-width: 42rem;
+  .xl\:mb-\[40px\] {
+    margin-bottom: 40px;
   }
 
-  .xl\:flex-row {
-    flex-direction: row;
+  .xl\:ml-0 {
+    margin-left: 0px;
   }
 
-  .xl\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .xl\:ml-\[20px\] {
+    margin-left: 20px;
   }
 
-  .xl\:flex-col {
-    flex-direction: column;
+  .xl\:ml-\[30px\] {
+    margin-left: 30px;
   }
 
-  .xl\:items-start {
-    align-items: flex-start;
+  .xl\:ml-\[40px\] {
+    margin-left: 40px;
   }
 
-  .xl\:gap-80 {
-    gap: 20rem;
+  .xl\:mr-\[-90px\] {
+    margin-right: -90px;
   }
 
-  .xl\:gap-3 {
-    gap: 0.75rem;
+  .xl\:mt-0 {
+    margin-top: 0px;
   }
 
-  .xl\:gap-32 {
-    gap: 8rem;
+  .xl\:mt-9 {
+    margin-top: 2.25rem;
   }
 
-  .xl\:gap-2 {
-    gap: 0.5rem;
+  .xl\:mt-\[-10px\] {
+    margin-top: -10px;
   }
 
-  .xl\:gap-20 {
-    gap: 5rem;
+  .xl\:mt-\[-50px\] {
+    margin-top: -50px;
   }
 
-  .xl\:gap-40 {
-    gap: 10rem;
+  .xl\:mt-\[120px\] {
+    margin-top: 120px;
   }
 
-  .xl\:gap-8 {
-    gap: 2rem;
+  .xl\:mt-\[200px\] {
+    margin-top: 200px;
   }
 
-  .xl\:gap-1 {
-    gap: 0.25rem;
+  .xl\:mt-\[50px\] {
+    margin-top: 50px;
   }
 
-  .xl\:gap-10 {
-    gap: 2.5rem;
+  .xl\:mb-\[\] {
+    margin-bottom: ;
   }
 
-  .xl\:gap-0 {
-    gap: 0px;
+  .xl\:mb-\[150px\] {
+    margin-bottom: 150px;
   }
 
-  .xl\:gap-52 {
-    gap: 13rem;
+  .xl\:h-9 {
+    height: 2.25rem;
   }
 
-  .xl\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
+  .xl\:h-\[100px\] {
+    height: 100px;
   }
 
-  .xl\:gap-x-52 {
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
+  .xl\:h-\[600px\] {
+    height: 600px;
   }
 
-  .xl\:gap-x-2 {
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
+  .xl\:h-\[90px\] {
+    height: 90px;
   }
 
-  .xl\:gap-x-20 {
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
+  .xl\:w-9 {
+    width: 2.25rem;
   }
 
-  .xl\:gap-x-1 {
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
+  .xl\:w-\[100px\] {
+    width: 100px;
   }
 
-  .xl\:gap-x-16 {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
+  .xl\:w-\[30\%\] {
+    width: 30%;
   }
 
-  .xl\:gap-x-24 {
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
+  .xl\:w-\[90\%\] {
+    width: 90%;
   }
 
-  .xl\:gap-x-28 {
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
+  .xl\:w-\[90px\] {
+    width: 90px;
   }
 
-  .xl\:gap-x-3 {
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
+  .xl\:max-w-2xl {
+    max-width: 42rem;
   }
 
-  .xl\:gap-x-32 {
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
+  .xl\:flex-row {
+    flex-direction: row;
   }
 
-  .xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
   }
 
-  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(7rem * var(--tw-space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  .xl\:gap-8 {
+    gap: 2rem;
   }
 
   .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
@@ -3976,28 +2734,16 @@ video {
     margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
-  .xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
-  .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
-    margin-right: calc(3rem * var(--tw-space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-  }
-
-  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
   .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
@@ -4006,10 +2752,10 @@ video {
     margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
-  .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(4rem * var(--tw-space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
   }
 
   .xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
@@ -4018,53 +2764,6 @@ video {
     margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
   }
 
-  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(8rem * var(--tw-space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(2rem * var(--tw-space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .xl\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(20px * var(--tw-space-y-reverse));
-  }
-
-  .xl\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .xl\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xl\:rounded-r-\[40px\] {
-    border-top-right-radius: 40px;
-    border-bottom-right-radius: 40px;
-  }
-
-  .xl\:rounded-l-\[40px\] {
-    border-top-left-radius: 40px;
-    border-bottom-left-radius: 40px;
-  }
-
-  .xl\:rounded-l-\[70px\] {
-    border-top-left-radius: 70px;
-    border-bottom-left-radius: 70px;
-  }
-
-  .xl\:rounded-l-\[80px\] {
-    border-top-left-radius: 80px;
-    border-bottom-left-radius: 80px;
-  }
-
   .xl\:rounded-l-\[90px\] {
     border-top-left-radius: 90px;
     border-bottom-left-radius: 90px;
@@ -4075,61 +2774,17 @@ video {
     border-bottom-right-radius: 90px;
   }
 
-  .xl\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xl\:rounded-bl-\[\] {
-    border-bottom-left-radius: ;
-  }
-
-  .xl\:rounded-bl-\[40px\] {
-    border-bottom-left-radius: 40px;
-  }
-
-  .xl\:rounded-bl-\[90px\] {
-    border-bottom-left-radius: 90px;
-  }
-
   .xl\:rounded-bl-\[120px\] {
     border-bottom-left-radius: 120px;
   }
 
-  .xl\:rounded-tl-\[130px\] {
-    border-top-left-radius: 130px;
-  }
-
-  .xl\:rounded-tl-\[230px\] {
-    border-top-left-radius: 230px;
-  }
-
   .xl\:p-20 {
     padding: 5rem;
   }
 
-  .xl\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .xl\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .xl\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .xl\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .xl\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+  .xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
   .xl\:px-16 {
@@ -4137,24 +2792,9 @@ video {
     padding-right: 4rem;
   }
 
-  .xl\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .xl\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .xl\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .xl\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
+  .xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
   }
 
   .xl\:text-left {
@@ -4166,58 +2806,23 @@ video {
     line-height: 2rem;
   }
 
-  .xl\:text-8xl {
-    font-size: 6rem;
-    line-height: 1;
-  }
-
-  .xl\:text-\[23px\] {
-    font-size: 23px;
-  }
-
-  .xl\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
-  .xl\:text-6xl {
-    font-size: 3.75rem;
+  .xl\:text-5xl {
+    font-size: 3rem;
     line-height: 1;
   }
 
-  .xl\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
   .xl\:text-7xl {
     font-size: 4.5rem;
     line-height: 1;
   }
 
-  .xl\:text-5xl {
-    font-size: 3rem;
-    line-height: 1;
-  }
-
-  .xl\:text-\[10px\] {
-    font-size: 10px;
-  }
-
   .xl\:text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem;
   }
 
-  .xl\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .xl\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .xl\:leading-snug {
-    line-height: 1.375;
+  .xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
   }
 }
diff --git a/Praktikum_5/index.html b/Praktikum_5/index.html
index 506f8c0..ff13af9 100644
--- a/Praktikum_5/index.html
+++ b/Praktikum_5/index.html
@@ -70,7 +70,7 @@ <h1 class="font-semibold text-4xl sm:text-5xl lg:text-4xl xl:text-7xl leading-sn
     
 
     <!-- Features Section benerin lagi-->
-    <section class="features mt-[100px] flex flex-col xl:flex-row justify-center mx-auto w-[85%] xl:w-[90%]  space-y-9 items-center xl:space-x-20 mb-[150px]" id="Features">
+    <section class="features mt-[100px] flex flex-col xl:flex-row justify-center mx-auto w-[85%] xl:w-[90%]  space-y-9 items-center xl:space-x-20 mb-[90px] xl:mb-[150px]" id="Features">
         <div class="better-Deadline items-center text-center justify-center xl:text-left xl:mt-[50px] mx-auto">
             <div class="schedule rounded-full bg-customBg w-[100px] h-[100px] flex justify-center items-center mb-[50px]">
                 <img src="./Asset/uim_schedule.svg" alt="better-Deadline" class="w-[60px]  items-center justify-center">
@@ -97,7 +97,6 @@ <h3 class="font-bold text-2xl my-[30px]">Wouldn't miss notifications</h3>
         </div>
     </section>
 
-    <h1 class="font-semibold text-4xl sm:text-5xl lg:text-4xl xl:text-7xl leading-snug lg:leading-tight" style="line-height: 1.;">
     <!-- Advantage Section Benerin lagi -->
     <section class=" advantage flex-col w-screen mb-[100px] space-y-11" id="advantage">
         <div class="why-1 flex flex-col xl:flex-row w-full h-full xl:space-x-28 justify-center items-center ">