/*
! tailwindcss v3.4.9 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.z-10 {
  z-index: 10;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-72 {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mt-48 {
  margin-top: 12rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.flex {
  display: flex;
}

.h-screen {
  height: 100vh;
}

.w-1\/2 {
  width: 50%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/6 {
  width: 50%;
}

.w-full {
  width: 100%;
}

.grow {
  flex-grow: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.flex-col {
  flex-direction: column;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-9 {
  gap: 2.25rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border {
  border-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-32 {
  padding-right: 8rem;
}

.text-center {
  text-align: center;
}

.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-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.leading-tight {
  line-height: 1.25;
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.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;
}

.section-width{
  width: 46%;
}

.h3-section {
  margin-bottom: 2rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.magicpattern {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width=%222000%22 height=%221400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23253145%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%235b6473%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22b%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%232b394f%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23606a7b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22c%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%2332415a%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23657083%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22d%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23394964%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%236a768a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22e%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%2340516e%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%236f7c92%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22f%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%2351627d%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%237c899d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22g%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%236e7b91%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23929cac%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22h%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%238b95a5%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23a8afbb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22i%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23a8afba%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23bdc3cb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22j%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23c5c8ce%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23d3d5da%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22k%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23e2e2e2%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23e9e9e9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath fill=%22%231e293b%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cpath d=%22M0 116c54.8-2.898 109.599-5.796 165-5 55.401.796 111.405 5.285 153 4 41.595-1.285 68.781-8.343 123-7 54.219 1.343 135.47 11.087 189 16s79.34 4.995 121-5c41.66-9.995 99.17-30.066 161-20 61.83 10.066 127.983 50.27 178 50 50.017-.27 83.897-41.011 130-60 46.103-18.989 104.427-16.224 154-7 49.573 9.224 90.394 24.908 147 23 56.606-1.908 128.998-21.408 180-14 51.002 7.408 80.616 41.725 131 57 50.384 15.275 121.538 11.507 153 3 31.462-8.507 23.23-21.754 55-35l-40 1284H0Z%22 fill=%22url(%23a)%22%2F%3E%3Cpath d=%22M0 233c59.3-6.224 118.598-12.449 173-6s103.907 25.57 156 17 106.775-44.831 154-40c47.225 4.831 86.992 50.754 131 55 44.008 4.246 92.258-33.186 149-44 56.742-10.814 121.977 4.989 177 16 55.023 11.011 99.834 17.23 150 22s105.686 8.088 153-7c47.314-15.088 86.422-48.582 129-46 42.578 2.582 88.624 41.242 148 50 59.376 8.758 132.08-12.384 179-9 46.92 3.384 68.055 31.296 125 27 56.945-4.296 149.698-40.799 185-52 35.302-11.201 13.15 2.9 31 17l-40 1167H0Z%22 fill=%22url(%23b)%22%2F%3E%3Cpath d=%22M0 350c34.873-13.048 69.747-26.096 130-19s145.887 34.335 199 37c53.113 2.665 73.706-19.246 116-18 42.294 1.246 106.288 25.647 161 34 54.712 8.353 100.14.656 157-8s125.152-18.271 181-23c55.848-4.729 99.253-4.57 144-2 44.747 2.57 90.835 7.552 143 10 52.165 2.448 110.408 2.36 158-4 47.592-6.36 84.534-18.994 134-26 49.466-7.006 111.455-8.383 171 3s116.647 35.526 171 41c54.353 5.474 105.958-7.722 128-15s14.521-8.64 47-10l-40 1050H0Z%22 fill=%22url(%23c)%22%2F%3E%3Cpath d=%22M0 466c47.613-7.84 95.226-15.68 149-22s113.708-11.118 170-10c56.292 1.118 108.94 8.154 151 9 42.06.846 73.529-4.497 124-9 50.471-4.503 119.945-8.167 177 4 57.055 12.167 101.692 40.165 145 38 43.308-2.165 85.286-34.491 143-30s131.164 45.8 186 54c54.836 8.2 91.06-16.71 131-23 39.94-6.29 83.597 6.041 142-4 58.403-10.041 131.551-42.454 191-42 59.449.454 105.198 33.776 159 43 53.802 9.224 115.658-5.65 139-11s8.171-1.175 33 3l-40 934H0Z%22 fill=%22url(%23d)%22%2F%3E%3Cpath d=%22M0 583c51.594 6.07 103.189 12.141 152 9 48.811-3.141 94.84-15.494 149-13 54.16 2.494 116.452 19.835 174 31s110.351 16.156 162 2c51.649-14.156 102.143-47.457 150-57s93.076 4.673 137 16c43.924 11.327 86.552 19.766 144 13 57.448-6.766 129.715-28.736 179-33 49.285-4.264 75.589 9.177 128 20s130.93 19.027 182 16c51.07-3.027 74.689-17.286 121-20 46.311-2.714 115.315 6.115 173 5 57.685-1.115 104.053-12.176 127-12 22.947.176 22.474 11.588 62 23l-40 817H0Z%22 fill=%22url(%23e)%22%2F%3E%3Cpath d=%22M0 700c58.322-9.189 116.643-18.377 170-17 53.357 1.377 101.75 13.32 152 26s102.36 26.095 155 17c52.64-9.095 105.812-40.7 157-43 51.188-2.3 100.393 24.705 146 40 45.607 15.295 87.617 18.88 143 3 55.383-15.88 124.14-51.225 172-50 47.86 1.225 74.822 39.021 115 35 40.178-4.021 93.573-49.86 155-45 61.427 4.86 130.888 60.418 185 68 54.112 7.582 92.875-32.813 145-51 52.125-18.187 117.61-14.166 173-13 55.39 1.166 100.683-.524 121 4 20.317 4.524 15.659 15.262 51 26l-40 700H0Z%22 fill=%22url(%23f)%22%2F%3E%3Cpath d=%22M0 816c50.39-4.073 100.779-8.147 156 2 55.221 10.147 115.275 34.513 165 29 49.725-5.513 89.123-40.906 138-52 48.877-11.094 107.233 2.112 155 5 47.767 2.888 84.945-4.542 139-10 54.055-5.458 124.987-8.944 183-6 58.013 2.944 103.108 12.319 157 12 53.892-.319 116.58-10.331 157-12 40.42-1.669 58.568 5.005 112 5 53.432-.005 142.146-6.69 197 10 54.854 16.69 75.847 56.752 118 49 42.153-7.752 105.464-63.318 174-66 68.536-2.682 142.296 47.52 168 62 25.704 14.48 3.352-6.76 21-28l-40 584H0Z%22 fill=%22url(%23g)%22%2F%3E%3Cpath d=%22M0 933c64.518 15.787 129.037 31.574 174 33 44.963 1.426 70.372-11.509 114-27s105.477-33.54 169-26c63.523 7.54 128.722 40.667 175 49 46.278 8.333 73.634-8.13 119-22s108.74-25.15 162-29c53.26-3.85 96.405-.269 151 4s120.639 9.225 178 7c57.361-2.225 106.039-11.632 151-12 44.961-.368 86.205 8.302 133 10 46.795 1.698 99.14-3.576 151 3 51.86 6.576 103.231 25.001 160 21 56.769-4.001 118.934-30.429 147-36 28.066-5.571 22.033 9.714 56 25l-40 467H0Z%22 fill=%22url(%23h)%22%2F%3E%3Cpath d=%22M0 1050c40.317-23.645 80.633-47.29 133-35 52.367 12.29 116.784 60.518 177 67 60.216 6.482 116.231-28.78 160-32 43.769-3.22 75.29 25.6 131 25 55.71-.6 135.606-30.62 190-45 54.394-14.38 83.286-13.12 126-6 42.714 7.12 99.249 20.103 158 31 58.751 10.897 119.718 19.707 166 8s77.88-43.933 128-43c50.12.933 118.764 35.023 177 40 58.236 4.977 106.063-19.16 156-28s101.983-2.38 155-1c53.017 1.38 107.005-2.32 131 0 23.995 2.32 17.998 10.66 52 19l-40 350H0Z%22 fill=%22url(%23i)%22%2F%3E%3Cpath d=%22M0 1166c50.218 12.388 100.437 24.776 154 17s110.472-35.718 165-47c54.528-11.282 106.677-5.906 150 2 43.323 7.906 77.82 18.342 125 26 47.18 7.658 107.043 12.54 167 2 59.957-10.54 120.009-36.5 175-26s104.923 57.463 151 61c46.077 3.537 88.3-36.35 138-47 49.7-10.65 106.878 7.938 155 18 48.122 10.062 87.187 11.597 143 9 55.813-2.597 128.372-9.325 187-14 58.628-4.675 103.323-7.297 151-3 47.677 4.297 98.336 15.513 122 17s20.332-6.757 57-15l-40 234H0Z%22 fill=%22url(%23j)%22%2F%3E%3Cpath d=%22M0 1283c63.545 5.384 127.09 10.767 174 14 46.91 3.233 77.187 4.315 127 4 49.813-.315 119.162-2.026 175-4 55.838-1.974 98.164-4.21 146-8s101.182-9.131 147-10c45.818-.869 84.109 2.735 134 2 49.891-.735 111.383-5.808 167 0 55.617 5.808 105.36 22.498 161 33 55.64 10.502 117.174 14.815 167-1 49.826-15.815 87.942-51.757 139-49 51.058 2.757 115.057 44.213 161 42 45.943-2.213 73.83-48.096 133-49 59.17-.904 149.62 43.17 183 55 33.38 11.83 9.69-8.585 26-29l-40 117H0Z%22 fill=%22url(%23k)%22%2F%3E%3C%2Fsvg%3E");
}

.flex-bet-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-font{
  font-family: "Grey Qo", cursive;
}

.top1-left{
  top: 54px;
  left: -2px;
}

.nav-ul-hover:hover {
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

.nav-ul-hover{
  transition: all 0.2s ease-in-out;
}

.nav-li-style {
  border-radius: 0.125rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.btn-nav a {
  margin-left: 0.5rem;
}

.btn-nav a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.btn-nav a{
  transition: all 0.2s ease-in-out;
}

.drop-down-hover{
  display: none;
  margin-top: -1px;
}

.drop-down-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.parent-hover:hover .drop-down-hover{
  display: block;
  transition: all 0.2s ease-in-out;
}

.Mytransition {
  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;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  z-index: 3;
}

.circle {
  position: absolute;
  top: 24rem;
  right: 11rem;
  display: flex;
  height: 20rem;
  width: 20rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  padding: 1.5rem;
}

.circle:hover{
  scale: 1.04;
  transition: all 0.2s ease-in-out;
}

.circle h3 {
  text-align: center;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.big-text{
  font-size: 350px;
  font-weight: bolder;
  background-image: url(img/bg-home.jpg);
  background-position: center;
  background-size: cover;
  color: transparent;
  -webkit-background-clip: text;
}

.card:hover{
  scale: 1.02;
  transition: all 0.2s ease-in-out;
}

.card-text {
  position: absolute;
  margin-top: -9rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.card-h3 {
  padding-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.card-text p{
  font-size: 20px;
  width: 84%;
}

.inputStyle {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0.125rem;
  padding: 0.5rem;
}

@keyframes appear {
  from {
    opacity: 0;
    scale: 0.5;
    /* transform: translateX(-100px); */
  }

  to {
    opacity: 1;
    scale: 1;
    /* transform: translateX(0px); */
  }
}

.block1{
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0 cover 40%;
}

@keyframes appear1 {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.block2{
  animation: appear1 linear;
  animation-timeline: view();
  animation-range: entry 0 cover 40%;
}

button:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 640px) {
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}