@mahatisystems/mahati-ui-components 0.1.2 → 0.2.0

package/dist/index.css

@@ -2363,9 +2363,16 @@
 .mahati .inset-0 {
   inset: 0px;
 }
+.mahati .inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
 .mahati .bottom-0 {
   bottom: 0px;
 }
+.mahati .bottom-\[-2px\] {
+  bottom: -2px;
+}
 .mahati .bottom-\[-4px\] {
   bottom: -4px;
 }
@@ -2378,17 +2385,26 @@
 .mahati .left-1\/2 {
   left: 50%;
 }
+.mahati .left-2 {
+  left: 0.5rem;
+}
+.mahati .left-3 {
+  left: 0.75rem;
+}
 .mahati .left-\[-4px\] {
   left: -4px;
 }
 .mahati .left-full {
   left: 100%;
 }
+.mahati .right-0 {
+  right: 0px;
+}
 .mahati .right-2 {
   right: 0.5rem;
 }
-.mahati .right-4 {
-  right: 1rem;
+.mahati .right-3 {
+  right: 0.75rem;
 }
 .mahati .right-\[-4px\] {
   right: -4px;
@@ -2396,11 +2412,17 @@
 .mahati .right-full {
   right: 100%;
 }
+.mahati .top-0 {
+  top: 0px;
+}
 .mahati .top-1\/2 {
   top: 50%;
 }
-.mahati .top-4 {
-  top: 1rem;
+.mahati .top-2 {
+  top: 0.5rem;
+}
+.mahati .top-3 {
+  top: 0.75rem;
 }
 .mahati .top-\[-4px\] {
   top: -4px;
@@ -2414,27 +2436,32 @@
 .mahati .z-20 {
   z-index: 20;
 }
+.mahati .z-30 {
+  z-index: 30;
+}
 .mahati .z-50 {
   z-index: 50;
 }
+.mahati .col-span-1 {
+  grid-column: span 1 / span 1;
+}
 .mahati .m-0 {
   margin: 0px;
 }
-.mahati .mx-6 {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
-}
 .mahati .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
+.mahati .my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
 .mahati .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
-.mahati .my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+.mahati .mb-1 {
+  margin-bottom: 0.25rem;
 }
 .mahati .mb-2 {
   margin-bottom: 0.5rem;
@@ -2445,6 +2472,9 @@
 .mahati .mb-4 {
   margin-bottom: 1rem;
 }
+.mahati .mb-5 {
+  margin-bottom: 1.25rem;
+}
 .mahati .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -2454,24 +2484,45 @@
 .mahati .mr-2 {
   margin-right: 0.5rem;
 }
+.mahati .mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .mahati .mt-1 {
   margin-top: 0.25rem;
 }
 .mahati .mt-2 {
   margin-top: 0.5rem;
 }
+.mahati .mt-3 {
+  margin-top: 0.75rem;
+}
+.mahati .mt-4 {
+  margin-top: 1rem;
+}
 .mahati .mt-6 {
   margin-top: 1.5rem;
 }
+.mahati .mt-8 {
+  margin-top: 2rem;
+}
+.mahati .mt-auto {
+  margin-top: auto;
+}
+.mahati .box-border {
+  box-sizing: border-box;
+}
+.mahati .line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 .mahati .block {
   display: block;
 }
 .mahati .inline-block {
   display: inline-block;
 }
-.mahati .inline {
-  display: inline;
-}
 .mahati .flex {
   display: flex;
 }
@@ -2487,8 +2538,8 @@
 .mahati .hidden {
   display: none;
 }
-.mahati .h-0 {
-  height: 0px;
+.mahati .h-1 {
+  height: 0.25rem;
 }
 .mahati .h-10 {
   height: 2.5rem;
@@ -2496,24 +2547,45 @@
 .mahati .h-11 {
   height: 2.75rem;
 }
+.mahati .h-12 {
+  height: 3rem;
+}
 .mahati .h-2 {
   height: 0.5rem;
 }
+.mahati .h-2\.5 {
+  height: 0.625rem;
+}
+.mahati .h-3 {
+  height: 0.75rem;
+}
 .mahati .h-4 {
   height: 1rem;
 }
+.mahati .h-48 {
+  height: 12rem;
+}
 .mahati .h-5 {
   height: 1.25rem;
 }
 .mahati .h-6 {
   height: 1.5rem;
 }
+.mahati .h-64 {
+  height: 16rem;
+}
 .mahati .h-8 {
   height: 2rem;
 }
+.mahati .h-80 {
+  height: 20rem;
+}
 .mahati .h-9 {
   height: 2.25rem;
 }
+.mahati .h-96 {
+  height: 24rem;
+}
 .mahati .h-\[0\.8rem\] {
   height: 0.8rem;
 }
@@ -2526,12 +2598,27 @@
 .mahati .h-\[2px\] {
   height: 2px;
 }
+.mahati .h-\[30px\] {
+  height: 30px;
+}
+.mahati .h-\[36px\] {
+  height: 36px;
+}
 .mahati .h-\[3px\] {
   height: 3px;
 }
 .mahati .h-\[44px\] {
   height: 44px;
 }
+.mahati .h-\[450px\] {
+  height: 450px;
+}
+.mahati .h-\[460px\] {
+  height: 460px;
+}
+.mahati .h-\[500px\] {
+  height: 500px;
+}
 .mahati .h-\[50px\] {
   height: 50px;
 }
@@ -2541,30 +2628,42 @@
 .mahati .h-full {
   height: 100%;
 }
-.mahati .h-px {
-  height: 1px;
-}
 .mahati .h-screen {
   height: 100vh;
 }
+.mahati .max-h-\[90vh\] {
+  max-height: 90vh;
+}
+.mahati .min-h-\[180px\] {
+  min-height: 180px;
+}
 .mahati .min-h-\[80vh\] {
   min-height: 80vh;
 }
-.mahati .min-h-full {
-  min-height: 100%;
+.mahati .min-h-screen {
+  min-height: 100vh;
 }
 .mahati .w-0 {
   width: 0px;
 }
+.mahati .w-1 {
+  width: 0.25rem;
+}
 .mahati .w-10 {
   width: 2.5rem;
 }
 .mahati .w-2 {
   width: 0.5rem;
 }
+.mahati .w-3 {
+  width: 0.75rem;
+}
 .mahati .w-4 {
   width: 1rem;
 }
+.mahati .w-40 {
+  width: 10rem;
+}
 .mahati .w-5 {
   width: 1.25rem;
 }
@@ -2580,20 +2679,26 @@
 .mahati .w-8 {
   width: 2rem;
 }
+.mahati .w-\[130px\] {
+  width: 130px;
+}
 .mahati .w-\[24px\] {
   width: 24px;
 }
-.mahati .w-\[26px\] {
-  width: 26px;
-}
 .mahati .w-\[280px\] {
   width: 280px;
 }
+.mahati .w-\[357px\] {
+  width: 357px;
+}
+.mahati .w-\[3px\] {
+  width: 3px;
+}
 .mahati .w-\[438px\] {
   width: 438px;
 }
-.mahati .w-\[562px\] {
-  width: 562px;
+.mahati .w-\[77px\] {
+  width: 77px;
 }
 .mahati .w-\[98px\] {
   width: 98px;
@@ -2601,6 +2706,21 @@
 .mahati .w-full {
   width: 100%;
 }
+.mahati .min-w-0 {
+  min-width: 0px;
+}
+.mahati .min-w-\[140px\] {
+  min-width: 140px;
+}
+.mahati .min-w-full {
+  min-width: 100%;
+}
+.mahati .max-w-4xl {
+  max-width: 56rem;
+}
+.mahati .max-w-6xl {
+  max-width: 72rem;
+}
 .mahati .max-w-\[560px\] {
   max-width: 560px;
 }
@@ -2619,9 +2739,18 @@
 .mahati .shrink-0 {
   flex-shrink: 0;
 }
+.mahati .flex-grow {
+  flex-grow: 1;
+}
 .mahati .border-collapse {
   border-collapse: collapse;
 }
+.mahati .origin-left {
+  transform-origin: left;
+}
+.mahati .origin-top {
+  transform-origin: top;
+}
 .mahati .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   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));
@@ -2660,6 +2789,22 @@
   --tw-scale-y: .95;
   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));
 }
+.mahati .scale-x-0 {
+  --tw-scale-x: 0;
+  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));
+}
+.mahati .scale-x-100 {
+  --tw-scale-x: 1;
+  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));
+}
+.mahati .scale-y-0 {
+  --tw-scale-y: 0;
+  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));
+}
+.mahati .scale-y-100 {
+  --tw-scale-y: 1;
+  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));
+}
 .mahati .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));
 }
@@ -2677,9 +2822,31 @@
 .mahati .cursor-pointer {
   cursor: pointer;
 }
+.mahati .select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.mahati .resize {
+  resize: both;
+}
 .mahati .list-none {
   list-style-type: none;
 }
+.mahati .appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.mahati .grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+.mahati .grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.mahati .grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
 .mahati .grid-rows-\[0fr\] {
   grid-template-rows: 0fr;
 }
@@ -2713,6 +2880,12 @@
 .mahati .justify-between {
   justify-content: space-between;
 }
+.mahati .justify-around {
+  justify-content: space-around;
+}
+.mahati .gap-0 {
+  gap: 0px;
+}
 .mahati .gap-1 {
   gap: 0.25rem;
 }
@@ -2725,11 +2898,34 @@
 .mahati .gap-4 {
   gap: 1rem;
 }
+.mahati .gap-6 {
+  gap: 1.5rem;
+}
 .mahati .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)));
 }
+.mahati .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));
+}
+.mahati .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));
+}
+.mahati .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));
+}
+.mahati .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));
+}
 .mahati .overflow-hidden {
   overflow: hidden;
 }
@@ -2744,12 +2940,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.mahati .whitespace-normal {
+  white-space: normal;
+}
 .mahati .whitespace-nowrap {
   white-space: nowrap;
 }
+.mahati .break-words {
+  overflow-wrap: break-word;
+}
 .mahati .rounded {
   border-radius: 0.25rem;
 }
+.mahati .rounded-2xl {
+  border-radius: 1rem;
+}
 .mahati .rounded-\[10\%\] {
   border-radius: 10%;
 }
@@ -2759,6 +2964,9 @@
 .mahati .rounded-\[6px\] {
   border-radius: 6px;
 }
+.mahati .rounded-\[8px\] {
+  border-radius: 8px;
+}
 .mahati .rounded-full {
   border-radius: 9999px;
 }
@@ -2768,50 +2976,116 @@
 .mahati .rounded-md {
   border-radius: calc(var(--radius) - 2px);
 }
+.mahati .rounded-none {
+  border-radius: 0px;
+}
 .mahati .rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
 .mahati .rounded-xl {
   border-radius: 0.75rem;
 }
+.mahati .rounded-b-\[8px\] {
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.mahati .rounded-l-\[8px\] {
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.mahati .rounded-r-\[8px\] {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.mahati .rounded-t-\[8px\] {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.mahati .rounded-bl-\[8px\] {
+  border-bottom-left-radius: 8px;
+}
+.mahati .rounded-br-\[8px\] {
+  border-bottom-right-radius: 8px;
+}
+.mahati .rounded-tl-\[8px\] {
+  border-top-left-radius: 8px;
+}
+.mahati .rounded-tr-\[8px\] {
+  border-top-right-radius: 8px;
+}
 .mahati .border {
   border-width: 1px;
 }
+.mahati .border-2 {
+  border-width: 2px;
+}
 .mahati .border-4 {
   border-width: 4px;
 }
 .mahati .border-\[4px\] {
   border-width: 4px;
 }
-.mahati .border-\[6px\] {
-  border-width: 6px;
-}
 .mahati .border-b {
   border-bottom-width: 1px;
 }
 .mahati .border-b-2 {
   border-bottom-width: 2px;
 }
+.mahati .border-b-4 {
+  border-bottom-width: 4px;
+}
 .mahati .border-r {
   border-right-width: 1px;
 }
+.mahati .border-t {
+  border-top-width: 1px;
+}
 .mahati .border-solid {
   border-style: solid;
 }
+.mahati .border-dashed {
+  border-style: dashed;
+}
 .mahati .border-\[\#1761A3\] {
   --tw-border-opacity: 1;
   border-color: rgb(23 97 163 / var(--tw-border-opacity, 1));
 }
+.mahati .border-\[\#63b3ed\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(99 179 237 / var(--tw-border-opacity, 1));
+}
+.mahati .border-\[\#D2D2D2\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
+}
 .mahati .border-\[\#D9D9D9\] {
   --tw-border-opacity: 1;
   border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
 }
+.mahati .border-\[\#b8d1f3\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(184 209 243 / var(--tw-border-opacity, 1));
+}
+.mahati .border-\[red\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 0 0 / var(--tw-border-opacity, 1));
+}
 .mahati .border-\[rgba\(0\,123\,255\,0\.2\)\] {
   border-color: rgba(0, 123, 255, 0.2);
 }
+.mahati .border-\[rgba\(23\,97\,163\,0\.4\)\] {
+  border-color: rgba(23, 97, 163, 0.4);
+}
 .mahati .border-\[rgba\(38\,118\,154\,0\.45\)\] {
   border-color: rgba(38, 118, 154, 0.45);
 }
+.mahati .border-\[rgba\(77\,175\,131\,0\.25\)\] {
+  border-color: rgba(77, 175, 131, 0.25);
+}
+.mahati .border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
+}
 .mahati .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -2820,10 +3094,22 @@
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
+.mahati .border-emerald-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
+}
+.mahati .border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+}
 .mahati .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
+.mahati .border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
 .mahati .border-gray-400 {
   --tw-border-opacity: 1;
   border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
@@ -2831,14 +3117,18 @@
 .mahati .border-input {
   border-color: hsl(var(--input));
 }
-.mahati .border-red-300 {
+.mahati .border-red-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
 }
 .mahati .border-red-500 {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
+.mahati .border-slate-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
+}
 .mahati .border-slate-200 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
@@ -2847,6 +3137,14 @@
   --tw-border-opacity: 1;
   border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
 }
+.mahati .border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+}
+.mahati .border-slate-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+}
 .mahati .border-transparent {
   border-color: transparent;
 }
@@ -2856,70 +3154,84 @@
 .mahati .border-white\/40 {
   border-color: rgb(255 255 255 / 0.4);
 }
-.mahati .border-x-transparent {
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-.mahati .border-y-transparent {
-  border-top-color: transparent;
-  border-bottom-color: transparent;
+.mahati .border-t-\[rgba\(0\,123\,255\,1\)\] {
+  border-top-color: rgba(0, 123, 255, 1);
 }
-.mahati .border-b-gray-800 {
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+.mahati .bg-\[\#1761A3\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 97 163 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-b-transparent {
-  border-bottom-color: transparent;
+.mahati .bg-\[\#1761A3\]\/40 {
+  background-color: rgb(23 97 163 / 0.4);
 }
-.mahati .border-l-gray-800 {
-  --tw-border-opacity: 1;
-  border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+.mahati .bg-\[\#1e73be80\] {
+  background-color: #1e73be80;
 }
-.mahati .border-l-transparent {
-  border-left-color: transparent;
+.mahati .bg-\[\#45484f\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(69 72 79 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-r-gray-800 {
-  --tw-border-opacity: 1;
-  border-right-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+.mahati .bg-\[\#D9D9D9\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-r-transparent {
-  border-right-color: transparent;
+.mahati .bg-\[\#EAF3FD\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 243 253 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-t-\[rgba\(0\,123\,255\,1\)\] {
-  border-top-color: rgba(0, 123, 255, 1);
+.mahati .bg-\[\#EEF4F7\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 244 247 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-t-gray-800 {
-  --tw-border-opacity: 1;
-  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+.mahati .bg-\[\#F0F4F8\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 244 248 / var(--tw-bg-opacity, 1));
 }
-.mahati .border-t-transparent {
-  border-top-color: transparent;
+.mahati .bg-\[\#F0F8FF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1));
 }
-.mahati .bg-\[\#D9D9D9\] {
+.mahati .bg-\[\#F3F8FF\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
+  background-color: rgb(243 248 255 / var(--tw-bg-opacity, 1));
 }
-.mahati .bg-\[\#EEF4F7\] {
+.mahati .bg-\[\#F8FAFD\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(238 244 247 / var(--tw-bg-opacity, 1));
+  background-color: rgb(248 250 253 / var(--tw-bg-opacity, 1));
+}
+.mahati .bg-\[rgba\(0\,123\,255\,0\.05\)\] {
+  background-color: rgba(0, 123, 255, 0.05);
+}
+.mahati .bg-\[rgba\(23\,97\,163\,0\.15\)\] {
+  background-color: rgba(23, 97, 163, 0.15);
 }
 .mahati .bg-\[rgba\(23\,97\,163\,1\)\] {
   background-color: rgba(23, 97, 163, 1);
 }
+.mahati .bg-\[rgba\(239\,68\,68\,0\.15\)\] {
+  background-color: rgba(239, 68, 68, 0.15);
+}
 .mahati .bg-background {
   background-color: hsl(var(--background));
 }
-.mahati .bg-black\/50 {
-  background-color: rgb(0 0 0 / 0.5);
+.mahati .bg-black\/40 {
+  background-color: rgb(0 0 0 / 0.4);
 }
 .mahati .bg-blue-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-blue-50\/70 {
+  background-color: rgb(239 246 255 / 0.7);
+}
 .mahati .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-emerald-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -2928,6 +3240,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-gray-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2939,6 +3255,10 @@
 .mahati .bg-primary {
   background-color: hsl(var(--primary));
 }
+.mahati .bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-red-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -2950,10 +3270,18 @@
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-slate-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-teal-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-transparent {
   background-color: transparent;
 }
@@ -2961,6 +3289,9 @@
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.mahati .bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
 .mahati .bg-white\/20 {
   background-color: rgb(255 255 255 / 0.2);
 }
@@ -2971,12 +3302,15 @@
       #1761A3 0%,
       #4DAF83 100%);
 }
+.mahati .bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
 .mahati .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
-.mahati .from-\[\#1e73be\] {
-  --tw-gradient-from: #1e73be var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(30 115 190 / 0) var(--tw-gradient-to-position);
+.mahati .from-\[\#1761A3\] {
+  --tw-gradient-from: #1761A3 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(23 97 163 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .mahati .from-\[\$\{PRIMARY_COLOR\}\] {
@@ -2987,6 +3321,11 @@
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.mahati .from-\[rgba\(23\,97\,163\,0\.08\)\] {
+  --tw-gradient-from: rgba(23,97,163,0.08) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .mahati .from-\[rgba\(23\,97\,163\,1\)\] {
   --tw-gradient-from: rgba(23,97,163,1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
@@ -2997,8 +3336,8 @@
   --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.mahati .to-\[\#28a97d\] {
-  --tw-gradient-to: #28a97d var(--tw-gradient-to-position);
+.mahati .to-\[\#4DAF83\] {
+  --tw-gradient-to: #4DAF83 var(--tw-gradient-to-position);
 }
 .mahati .to-\[\$\{ACCENT_COLOR\}\] {
   --tw-gradient-to: $ {
@@ -3006,9 +3345,15 @@
   }
   var(--tw-gradient-to-position);
 }
+.mahati .to-\[rgba\(77\,175\,131\,0\.08\)\] {
+  --tw-gradient-to: rgba(77,175,131,0.08) var(--tw-gradient-to-position);
+}
 .mahati .to-\[rgba\(77\,175\,131\,1\)\] {
   --tw-gradient-to: rgba(77,175,131,1) var(--tw-gradient-to-position);
 }
+.mahati .to-blue-50 {
+  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
+}
 .mahati .to-purple-500 {
   --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
 }
@@ -3025,9 +3370,15 @@
 .mahati .p-2 {
   padding: 0.5rem;
 }
+.mahati .p-3 {
+  padding: 0.75rem;
+}
 .mahati .p-4 {
   padding: 1rem;
 }
+.mahati .p-5 {
+  padding: 1.25rem;
+}
 .mahati .p-6 {
   padding: 1.5rem;
 }
@@ -3070,10 +3421,18 @@
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+.mahati .py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
 .mahati .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.mahati .py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
 .mahati .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
@@ -3082,20 +3441,23 @@
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
+.mahati .pb-3 {
+  padding-bottom: 0.75rem;
+}
 .mahati .pb-4 {
   padding-bottom: 1rem;
 }
-.mahati .pb-\[10px\] {
-  padding-bottom: 10px;
+.mahati .pr-2 {
+  padding-right: 0.5rem;
+}
+.mahati .pr-3 {
+  padding-right: 0.75rem;
 }
 .mahati .pr-8 {
   padding-right: 2rem;
 }
-.mahati .pt-4 {
-  padding-top: 1rem;
-}
-.mahati .pt-5 {
-  padding-top: 1.25rem;
+.mahati .pt-3 {
+  padding-top: 0.75rem;
 }
 .mahati .text-left {
   text-align: left;
@@ -3103,19 +3465,73 @@
 .mahati .text-center {
   text-align: center;
 }
+.mahati .text-right {
+  text-align: right;
+}
+.mahati .align-middle {
+  vertical-align: middle;
+}
+.mahati .font-\[\'Poppins\'\] {
+  font-family: "Poppins";
+}
+.mahati .font-\[Poppins\] {
+  font-family: Poppins;
+}
+.mahati .font-mono {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.mahati .font-sans {
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+}
+.mahati .font-serif {
+  font-family:
+    ui-serif,
+    Georgia,
+    Cambria,
+    "Times New Roman",
+    Times,
+    serif;
+}
+.mahati .text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.mahati .text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .mahati .text-\[10px\] {
   font-size: 10px;
 }
 .mahati .text-\[14px\] {
   font-size: 14px;
 }
-.mahati .text-\[20px\] {
-  font-size: 20px;
+.mahati .text-\[16px\] {
+  font-size: 16px;
 }
 .mahati .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
+.mahati .text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
 .mahati .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -3149,19 +3565,42 @@
 .mahati .leading-5 {
   line-height: 1.25rem;
 }
-.mahati .leading-6 {
-  line-height: 1.5rem;
-}
 .mahati .leading-normal {
   line-height: 1.5;
 }
+.mahati .leading-relaxed {
+  line-height: 1.625;
+}
+.mahati .tracking-wide {
+  letter-spacing: 0.025em;
+}
 .mahati .text-\[\#1761A3\] {
   --tw-text-opacity: 1;
   color: rgb(23 97 163 / var(--tw-text-opacity, 1));
 }
+.mahati .text-\[\#333333\] {
+  --tw-text-opacity: 1;
+  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
+}
+.mahati .text-\[\#90cdf4\] {
+  --tw-text-opacity: 1;
+  color: rgb(144 205 244 / var(--tw-text-opacity, 1));
+}
+.mahati .text-\[\#EF4444\] {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.mahati .text-\[\#cbd5e0\] {
+  --tw-text-opacity: 1;
+  color: rgb(203 213 224 / var(--tw-text-opacity, 1));
+}
 .mahati .text-\[rgba\(255\,255\,255\,1\)\] {
   color: rgba(255, 255, 255, 1);
 }
+.mahati .text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .mahati .text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -3170,10 +3609,18 @@
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity, 1));
 }
+.mahati .text-emerald-700 {
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
+}
 .mahati .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
+.mahati .text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .mahati .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -3190,6 +3637,14 @@
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
+.mahati .text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.mahati .text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
 .mahati .text-primary {
   color: hsl(var(--primary));
 }
@@ -3200,6 +3655,10 @@
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.mahati .text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
 .mahati .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
@@ -3207,6 +3666,10 @@
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity, 1));
 }
+.mahati .text-slate-50 {
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
+}
 .mahati .text-slate-500 {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity, 1));
@@ -3237,12 +3700,23 @@
 .mahati .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.mahati .placeholder-gray-500::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
+}
+.mahati .placeholder-gray-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
+}
 .mahati .opacity-0 {
   opacity: 0;
 }
 .mahati .opacity-100 {
   opacity: 1;
 }
+.mahati .opacity-40 {
+  opacity: 0.4;
+}
 .mahati .opacity-50 {
   opacity: 0.5;
 }
@@ -3254,6 +3728,14 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.mahati .shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .mahati .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
   --tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
   --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
@@ -3317,6 +3799,21 @@
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.mahati .ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.mahati .ring-\[\#1761A3\]\/60 {
+  --tw-ring-color: rgb(23 97 163 / 0.6);
+}
+.mahati .ring-blue-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
 .mahati .ring-transparent {
   --tw-ring-color: transparent;
 }
@@ -3334,6 +3831,10 @@
   --tw-backdrop-blur: blur(12px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.mahati .backdrop-blur-xl {
+  --tw-backdrop-blur: blur(24px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .mahati .transition {
   transition-property:
     color,
@@ -3376,6 +3877,9 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.mahati .duration-150 {
+  transition-duration: 150ms;
+}
 .mahati .duration-200 {
   transition-duration: 200ms;
 }
@@ -3406,6 +3910,9 @@
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+.mahati .duration-150 {
+  animation-duration: 150ms;
+}
 .mahati .duration-200 {
   animation-duration: 200ms;
 }
@@ -3427,6 +3934,13 @@
 .mahati .\[backface-visibility\:hidden\] {
   backface-visibility: hidden;
 }
+.mahati .\[background\:linear-gradient\(180deg\,rgba\(23\,97\,163\,0\.07\)_0\%\,rgba\(77\,175\,131\,0\.07\)_100\%\)\] {
+  background:
+    linear-gradient(
+      180deg,
+      rgba(23, 97, 163, 0.07) 0%,
+      rgba(77, 175, 131, 0.07) 100%);
+}
 .mahati .\[background\:linear-gradient\(90deg\,\#1761A3_0\%\,\#4DAF83_100\%\)\] {
   background:
     linear-gradient(
@@ -3434,8 +3948,12 @@
       #1761A3 0%,
       #4DAF83 100%);
 }
-.mahati .\[perspective\:1000px\] {
-  perspective: 1000px;
+.mahati .\[background\:linear-gradient\(90deg\,rgba\(23\,97\,163\,0\.07\)_0\%\,rgba\(77\,175\,131\,0\.07\)_100\%\)\] {
+  background:
+    linear-gradient(
+      90deg,
+      rgba(23, 97, 163, 0.07) 0%,
+      rgba(77, 175, 131, 0.07) 100%);
 }
 .mahati .\[transform-style\:preserve-3d\] {
   transform-style: preserve-3d;
@@ -3460,6 +3978,35 @@
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
+.mahati .hover\:border-slate-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+}
+.mahati .hover\:border-slate-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
+}
+.mahati .hover\:bg-\[\#134a7a\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 74 122 / var(--tw-bg-opacity, 1));
+}
+.mahati .hover\:bg-\[\#1761A3\]\/10:hover {
+  background-color: rgb(23 97 163 / 0.1);
+}
+.mahati .hover\:bg-\[\#1761A3\]\/50:hover {
+  background-color: rgb(23 97 163 / 0.5);
+}
+.mahati .hover\:bg-\[\#d3e4fb\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(211 228 251 / var(--tw-bg-opacity, 1));
+}
+.mahati .hover\:bg-\[\#e1e8f0\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 232 240 / var(--tw-bg-opacity, 1));
+}
+.mahati .hover\:bg-\[rgba\(23\,97\,163\,0\.1\)\]:hover {
+  background-color: rgba(23, 97, 163, 0.1);
+}
 .mahati .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -3467,6 +4014,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
 }
+.mahati .hover\:bg-blue-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-blue-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -3475,6 +4026,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
 }
+.mahati .hover\:bg-emerald-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -3483,6 +4038,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
+.mahati .hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-gray-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -3490,6 +4049,10 @@
 .mahati .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
+.mahati .hover\:bg-red-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-red-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
@@ -3509,6 +4072,13 @@
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.mahati .hover\:bg-slate-50\/60:hover {
+  background-color: rgb(248 250 252 / 0.6);
+}
+.mahati .hover\:bg-teal-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-white:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3516,9 +4086,43 @@
 .mahati .hover\:bg-white\/30:hover {
   background-color: rgb(255 255 255 / 0.3);
 }
+.mahati .hover\:bg-gradient-to-b:hover {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+.mahati .hover\:bg-gradient-to-r:hover {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.mahati .hover\:from-\[\#1761A3\]:hover {
+  --tw-gradient-from: #1761A3 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(23 97 163 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.mahati .hover\:from-\[rgba\(23\,97\,163\,0\.4\)\]:hover {
+  --tw-gradient-from: rgba(23,97,163,0.4) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.mahati .hover\:to-\[\#4DAF83\]:hover {
+  --tw-gradient-to: #4DAF83 var(--tw-gradient-to-position);
+}
+.mahati .hover\:to-\[rgba\(77\,175\,131\,0\.4\)\]:hover {
+  --tw-gradient-to: rgba(77,175,131,0.4) var(--tw-gradient-to-position);
+}
+.mahati .hover\:text-\[\#1761A3\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(23 97 163 / var(--tw-text-opacity, 1));
+}
+.mahati .hover\:text-\[\#63b3ed\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(99 179 237 / var(--tw-text-opacity, 1));
+}
 .mahati .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.mahati .hover\:text-gray-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
 .mahati .hover\:text-gray-800:hover {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
@@ -3527,6 +4131,10 @@
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity, 1));
 }
+.mahati .hover\:text-slate-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
 .mahati .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3548,6 +4156,10 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.mahati .focus\:border-blue-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
 .mahati .focus\:border-transparent:focus {
   border-color: transparent;
 }
@@ -3567,6 +4179,10 @@
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(23 97 163 / var(--tw-ring-opacity, 1));
 }
+.mahati .focus\:ring-blue-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
+}
 .mahati .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
@@ -3575,6 +4191,10 @@
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
 }
+.mahati .focus\:ring-teal-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
+}
 .mahati .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
@@ -3605,4 +4225,75 @@
 .mahati .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+@media (max-width: 600px) {
+  .mahati .max-\[600px\]\:flex-col {
+    flex-direction: column;
+  }
+  .mahati .max-\[600px\]\:items-center {
+    align-items: center;
+  }
+}
+@media (min-width: 640px) {
+  .mahati .sm\:w-48 {
+    width: 12rem;
+  }
+  .mahati .sm\:flex-row {
+    flex-direction: row;
+  }
+  .mahati .sm\:items-center {
+    align-items: center;
+  }
+}
+@media (min-width: 768px) {
+  .mahati .md\:grid-cols-\[1fr_minmax\(180px\,220px\)\] {
+    grid-template-columns: 1fr minmax(180px, 220px);
+  }
+  .mahati .md\:grid-cols-\[minmax\(180px\,220px\)_1fr\] {
+    grid-template-columns: minmax(180px, 220px) 1fr;
+  }
+  .mahati .md\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+  .mahati .md\:border-l {
+    border-left-width: 1px;
+  }
+  .mahati .md\:border-r {
+    border-right-width: 1px;
+  }
+  .mahati .md\:border-t-0 {
+    border-top-width: 0px;
+  }
+  .mahati .md\:pb-0 {
+    padding-bottom: 0px;
+  }
+  .mahati .md\:pl-4 {
+    padding-left: 1rem;
+  }
+  .mahati .md\:pr-4 {
+    padding-right: 1rem;
+  }
+  .mahati .md\:pt-0 {
+    padding-top: 0px;
+  }
+}
+@media (min-width: 1024px) {
+  .mahati .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .mahati .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .mahati .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.mahati .\[\&\>svg\]\:h-\[18px\] > svg {
+  height: 18px;
+}
+.mahati .\[\&\>svg\]\:w-\[18px\] > svg {
+  width: 18px;
+}
+.mahati .\[\&\>svg\]\:shrink-0 > svg {
+  flex-shrink: 0;
+}
 /*# sourceMappingURL=index.css.map */