diff --git a/.babelrc b/.babelrc index 0960c012..24c80b1d 100644 --- a/.babelrc +++ b/.babelrc @@ -1,6 +1 @@ -{ - "presets": [ - "@babel/preset-env", - "@babel/preset-react" - ] -} \ No newline at end of file +{ "presets": ["@babel/preset-env", ["@babel/preset-react", { "runtime": "automatic" }]] } diff --git a/.eslintrc b/.eslintrc index 316d5e03..324b4673 100644 --- a/.eslintrc +++ b/.eslintrc @@ -19,13 +19,14 @@ "expect": true, "sinon": true }, - "parser": "babel-eslint", + "parser": "@babel/eslint-parser", "plugins": [ "react", "jsx-a11y", "import" ], "rules": { + "no-param-reassign": [2, { "props": false }], "react/jsx-filename-extension": 0, "array-bracket-spacing": 2, "arrow-body-style": 0, @@ -282,7 +283,7 @@ "react/forbid-prop-types": 0, "react/prefer-stateless-function": 0, "react/require-default-props": 0, - "react/react-in-jsx-scope": 2, + "react/react-in-jsx-scope": "off", "react/self-closing-comp": 2, "react/sort-comp": 0, "react/jsx-wrap-multilines": 2, diff --git a/README.md b/README.md index b0c56618..816fe00b 100644 --- a/README.md +++ b/README.md @@ -63,3 +63,9 @@ Si alguien quiere agregar o mejorar algo, lo invito a colaborar directamente en ### Licencia frontend se lanza bajo la licencia [MIT](https://opensource.org/licenses/MIT). + +### comando para cambiar a tailwindscss +npm install -D tailwindcss postcss autoprefixer +npx tailwindcss init +npm install --save-dev postcss-loader postcss +npm i \ No newline at end of file diff --git a/build/181487f3237d7ff109fa.jpg b/build/181487f3237d7ff109fa.jpg new file mode 100644 index 00000000..5971ca7b Binary files /dev/null and b/build/181487f3237d7ff109fa.jpg differ diff --git a/build/54122ef3ac6eced211d3.jpg b/build/54122ef3ac6eced211d3.jpg new file mode 100644 index 00000000..9ca5b3e1 Binary files /dev/null and b/build/54122ef3ac6eced211d3.jpg differ diff --git a/build/a83b410d4e1e0d319abf.ico b/build/a83b410d4e1e0d319abf.ico new file mode 100644 index 00000000..bb51c2f3 Binary files /dev/null and b/build/a83b410d4e1e0d319abf.ico differ diff --git a/build/bundle.js b/build/bundle.js new file mode 100644 index 00000000..d06ea8b7 --- /dev/null +++ b/build/bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see bundle.js.LICENSE.txt */ +(()=>{var e={184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{"use strict";n.d(t,{Z:()=>m});var r=n(81),a=n.n(r),o=n(645),i=n.n(o),l=n(667),u=n.n(l),c=new URL(n(457),n.b),s=new URL(n(160),n.b),d=i()(a());d.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700;800;900&display=swap);"]);var f=u()(c),p=u()(s);d.push([e.id,'/*\n! tailwindcss v3.1.6 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: currentColor; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n*/\n\nhtml {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. 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)\n2. 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)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\r\n html {\n font-family: Poppins, sans-serif;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::-webkit-backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\r\n.container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n}\r\n@media (min-width: 100%) {\n\n .container {\n max-width: 100%;\n }\n}\r\n@media (min-width: 992px) {\n\n .container {\n max-width: 992px;\n }\n}\r\n@media (min-width: 1280px) {\n\n .container {\n max-width: 1280px;\n }\n}\r\n.after-effect {\n position: relative;\n display: inline-block;\n 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));\n --tw-gradient-from: #FA5252;\n --tw-gradient-to: rgb(250 82 82 / 0);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n --tw-gradient-to: #DD2476;\n font-family: Roboto Slab, serif;\n font-size: 2.5rem;\n font-weight: 700;\n}\r\n.after-effect::after {\n position: absolute;\n top: 50%;\n height: 0.125rem;\n --tw-translate-y: -50%;\n 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));\n border-radius: 0.375rem;\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n --tw-content: "";\n content: var(--tw-content);\n}\r\n.dark .after-effect {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n@media (min-width: 768px) {\n\n .after-effect::after {\n content: var(--tw-content);\n width: 12rem;\n }\n}\r\n.interest-btn {\n cursor: default;\n border-radius: 0.5rem;\n --tw-bg-opacity: 1;\n background-color: rgb(237 242 242 / var(--tw-bg-opacity));\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n --tw-text-opacity: 1;\n color: rgb(68 86 108 / var(--tw-text-opacity));\n}\r\n.dark .interest-btn {\n --tw-bg-opacity: 1;\n background-color: rgb(28 28 28 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(166 166 166 / var(--tw-text-opacity));\n}\r\n.socialbtn {\n display: flex;\n height: 2.5rem;\n width: 2.5rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n --tw-bg-opacity: 1;\n background-color: rgb(243 246 246 / var(--tw-bg-opacity));\n --tw-gradient-from: #FA5252;\n --tw-gradient-to: rgb(250 82 82 / 0);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n --tw-gradient-to: #DD2476;\n transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n.socialbtn:hover {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n.dark .socialbtn {\n --tw-bg-opacity: 1;\n background-color: rgb(33 36 37 / var(--tw-bg-opacity));\n}\r\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\r\n.visible {\n visibility: visible;\n}\r\n.absolute {\n position: absolute;\n}\r\n.relative {\n position: relative;\n}\r\n.sticky {\n position: -webkit-sticky;\n position: sticky;\n}\r\n.left-0 {\n left: 0px;\n}\r\n.top-20 {\n top: 5rem;\n}\r\n.top-44 {\n top: 11rem;\n}\r\n.left-\\[50\\%\\] {\n left: 50%;\n}\r\n.z-\\[22222222222222\\] {\n z-index: 22222222222222;\n}\r\n.col-span-12 {\n grid-column: span 12 / span 12;\n}\r\n.col-span-1 {\n grid-column: span 1 / span 1;\n}\r\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\r\n.my-12 {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\r\n.mx-2\\.5 {\n margin-left: 0.625rem;\n margin-right: 0.625rem;\n}\r\n.mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\r\n.mb-6 {\n margin-bottom: 1.5rem;\n}\r\n.mb-7 {\n margin-bottom: 1.75rem;\n}\r\n.mt-6 {\n margin-top: 1.5rem;\n}\r\n.mb-1 {\n margin-bottom: 0.25rem;\n}\r\n.mb-4 {\n margin-bottom: 1rem;\n}\r\n.ml-3 {\n margin-left: 0.75rem;\n}\r\n.mr-2 {\n margin-right: 0.5rem;\n}\r\n.mt-\\[180px\\] {\n margin-top: 180px;\n}\r\n.-mt-\\[140px\\] {\n margin-top: -140px;\n}\r\n.mt-7 {\n margin-top: 1.75rem;\n}\r\n.ml-2\\.5 {\n margin-left: 0.625rem;\n}\r\n.ml-2 {\n margin-left: 0.5rem;\n}\r\n.mb-8 {\n margin-bottom: 2rem;\n}\r\n.ml-auto {\n margin-left: auto;\n}\r\n.mb-10 {\n margin-bottom: 2.5rem;\n}\r\n.mt-2\\.5 {\n margin-top: 0.625rem;\n}\r\n.mt-2 {\n margin-top: 0.5rem;\n}\r\n.mt-\\[30px\\] {\n margin-top: 30px;\n}\r\n.block {\n display: block;\n}\r\n.inline-block {\n display: inline-block;\n}\r\n.inline {\n display: inline;\n}\r\n.flex {\n display: flex;\n}\r\n.grid {\n display: grid;\n}\r\n.hidden {\n display: none;\n}\r\n.h-screen {\n height: 100vh;\n}\r\n.h-\\[40px\\] {\n height: 40px;\n}\r\n.h-\\[240px\\] {\n height: 240px;\n}\r\n.h-60 {\n height: 15rem;\n}\r\n.h-\\[144px\\] {\n height: 144px;\n}\r\n.h-20 {\n height: 5rem;\n}\r\n.min-h-screen {\n min-height: 100vh;\n}\r\n.w-full {\n width: 100%;\n}\r\n.w-\\[40px\\] {\n width: 40px;\n}\r\n.w-\\[240px\\] {\n width: 240px;\n}\r\n.w-60 {\n width: 15rem;\n}\r\n.w-20 {\n width: 5rem;\n}\r\n.flex-none {\n flex: none;\n}\r\n.-translate-x-\\[50\\%\\] {\n --tw-translate-x: -50%;\n 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));\n}\r\n.transform {\n 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));\n}\r\n@-webkit-keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\r\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\r\n.animate-spin {\n -webkit-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\r\n.cursor-pointer {\n cursor: pointer;\n}\r\n.grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n}\r\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\r\n.flex-col {\n flex-direction: column;\n}\r\n.flex-wrap {\n flex-wrap: wrap;\n}\r\n.items-center {\n align-items: center;\n}\r\n.justify-end {\n justify-content: flex-end;\n}\r\n.justify-center {\n justify-content: center;\n}\r\n.justify-between {\n justify-content: space-between;\n}\r\n.gap-8 {\n gap: 2rem;\n}\r\n.gap-y-5 {\n row-gap: 1.25rem;\n}\r\n.gap-x-2\\.5 {\n -moz-column-gap: 0.625rem;\n column-gap: 0.625rem;\n}\r\n.gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\r\n.gap-x-6 {\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem;\n}\r\n.gap-y-6 {\n row-gap: 1.5rem;\n}\r\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\r\n.space-y-2\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));\n}\r\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\r\n.space-x-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.75rem * var(--tw-space-x-reverse));\n margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));\n}\r\n.overflow-hidden {\n overflow: hidden;\n}\r\n.rounded-lg {\n border-radius: 0.5rem;\n}\r\n.rounded-\\[5px\\] {\n border-radius: 5px;\n}\r\n.rounded-full {\n border-radius: 9999px;\n}\r\n.rounded-md {\n border-radius: 0.375rem;\n}\r\n.rounded-\\[20px\\] {\n border-radius: 20px;\n}\r\n.rounded-2xl {\n border-radius: 1rem;\n}\r\n.rounded-\\[35px\\] {\n border-radius: 35px;\n}\r\n.rounded-\\[16px\\] {\n border-radius: 16px;\n}\r\n.rounded-\\[10px\\] {\n border-radius: 10px;\n}\r\n.rounded-b-2xl {\n border-bottom-right-radius: 1rem;\n border-bottom-left-radius: 1rem;\n}\r\n.rounded-b-\\[20px\\] {\n border-bottom-right-radius: 20px;\n border-bottom-left-radius: 20px;\n}\r\n.border-b {\n border-bottom-width: 1px;\n}\r\n.border-\\[\\#E3E3E3\\] {\n --tw-border-opacity: 1;\n border-color: rgb(227 227 227 / var(--tw-border-opacity));\n}\r\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\r\n.bg-\\[\\#F3F6F6\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(243 246 246 / var(--tw-bg-opacity));\n}\r\n.bg-\\[\\#4D4D4D\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(77 77 77 / var(--tw-bg-opacity));\n}\r\n.bg-\\[\\#ef4060\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(239 64 96 / var(--tw-bg-opacity));\n}\r\n.bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\r\n.bg-color-810 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 251 251 / var(--tw-bg-opacity));\n}\r\n.bg-homeBg-dark {\n background-image: url('+f+");\n}\r\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\r\n.bg-homeBg {\n background-image: url("+p+");\n}\r\n.from-\\[\\#FA5252\\] {\n --tw-gradient-from: #FA5252;\n --tw-gradient-to: rgb(250 82 82 / 0);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-\\[\\#DD2476\\] {\n --tw-gradient-from: #DD2476;\n --tw-gradient-to: rgb(221 36 118 / 0);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.to-\\[\\#DD2476\\] {\n --tw-gradient-to: #DD2476;\n}\r\n.to-\\[\\#fa5252ef\\] {\n --tw-gradient-to: #fa5252ef;\n}\r\n.bg-cover {\n background-size: cover;\n}\r\n.bg-fixed {\n background-attachment: fixed;\n}\r\n.bg-clip-text {\n -webkit-background-clip: text;\n background-clip: text;\n}\r\n.bg-center {\n background-position: center;\n}\r\n.bg-no-repeat {\n background-repeat: no-repeat;\n}\r\n.fill-\\[\\#dd2476\\] {\n fill: #dd2476;\n}\r\n.p-7 {\n padding: 1.75rem;\n}\r\n.p-\\[30px\\] {\n padding: 30px;\n}\r\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\r\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\r\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\r\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\r\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\r\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\r\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\r\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\r\n.py-5 {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\r\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\r\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\r\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\r\n.py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\r\n.pt-12 {\n padding-top: 3rem;\n}\r\n.pl-5 {\n padding-left: 1.25rem;\n}\r\n.pr-3 {\n padding-right: 0.75rem;\n}\r\n.pl-4 {\n padding-left: 1rem;\n}\r\n.pt-\\[100px\\] {\n padding-top: 100px;\n}\r\n.pb-8 {\n padding-bottom: 2rem;\n}\r\n.pb-2\\.5 {\n padding-bottom: 0.625rem;\n}\r\n.pb-2 {\n padding-bottom: 0.5rem;\n}\r\n.pr-5 {\n padding-right: 1.25rem;\n}\r\n.pt-4 {\n padding-top: 1rem;\n}\r\n.text-left {\n text-align: left;\n}\r\n.text-center {\n text-align: center;\n}\r\n.font-poppins {\n font-family: Poppins, sans-serif;\n}\r\n.text-tiny {\n font-size: .875rem;\n}\r\n.text-xl {\n font-size: 1.25rem;\n}\r\n.text-7xl {\n font-size: 2.5rem;\n}\r\n.text-lg {\n font-size: 1.125rem;\n}\r\n.text-5xl {\n font-size: 1.625rem;\n}\r\n.text-3xl {\n font-size: 1.5rem;\n}\r\n.text-xtiny {\n font-size: .8125rem;\n}\r\n.text-xs {\n font-size: .75rem;\n}\r\n.text-base {\n font-size: 1rem;\n}\r\n.text-6xl {\n font-size: 1.75rem;\n}\r\n.font-extrabold {\n font-weight: 800;\n}\r\n.font-bold {\n font-weight: 700;\n}\r\n.font-semibold {\n font-weight: 600;\n}\r\n.font-medium {\n font-weight: 500;\n}\r\n.capitalize {\n text-transform: capitalize;\n}\r\n.leading-none {\n line-height: 1;\n}\r\n.leading-7 {\n line-height: 1.75rem;\n}\r\n.text-gray-lite {\n --tw-text-opacity: 1;\n color: rgb(68 86 108 / var(--tw-text-opacity));\n}\r\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n.text-transparent {\n color: transparent;\n}\r\n.text-\\[\\#7B7B7B\\] {\n --tw-text-opacity: 1;\n color: rgb(123 123 123 / var(--tw-text-opacity));\n}\r\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#FA5252\\] {\n --tw-text-opacity: 1;\n color: rgb(250 82 82 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#E93B81\\] {\n --tw-text-opacity: 1;\n color: rgb(233 59 129 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#44566C\\] {\n --tw-text-opacity: 1;\n color: rgb(68 86 108 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#6AB5B9\\] {\n --tw-text-opacity: 1;\n color: rgb(106 181 185 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#FD7590\\] {\n --tw-text-opacity: 1;\n color: rgb(253 117 144 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#C17CEB\\] {\n --tw-text-opacity: 1;\n color: rgb(193 124 235 / var(--tw-text-opacity));\n}\r\n.text-\\[\\#F95054\\] {\n --tw-text-opacity: 1;\n color: rgb(249 80 84 / var(--tw-text-opacity));\n}\r\n.opacity-100 {\n opacity: 1;\n}\r\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.drop-shadow-xl {\n --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n 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);\n}\r\n.transition {\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-colors {\n transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-200 {\n transition-duration: 200ms;\n}\r\n.duration-300 {\n transition-duration: 300ms;\n}\r\n.ease-linear {\n transition-timing-function: linear;\n}\r\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n /*****************************************************/\r\n\r\n .brand-img{\r\n max-width: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n}\r\n\r\n.ReactModal__Overlay {\r\n background-color: rgba(0, 0, 0, 0.8) !important;\r\n}\r\n\r\n.slick-slide {\r\n padding: 30px 60px;\r\n align-items: center;\r\n}\r\n.slick-track {\r\n display: flex !important;\r\n align-items: center;\r\n}\r\n\r\n.swiper-container {\r\n width: 480px;\r\n}\r\n\r\n.my-masonry-grid { /* Not needed if autoprefixing */ /* Not needed if autoprefixing */\r\n display: flex;\r\n margin-left: -30px; /* gutter size offset */\r\n width: auto;\r\n min-height: 50vh;\r\n}\r\n.my-masonry-grid_column {\r\n padding-left: 30px; /* gutter size */\r\n background-clip: padding-box;\r\n}\r\n\r\n/* Style your items */\r\n.my-masonry-grid_column > div {\r\n /* change div to reference your elements you put in */\r\n background: grey;\r\n margin-bottom: 30px;\r\n}\r\n\r\n/* Hide scrollbar for Chrome, Safari and Opera */\r\n.no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n/* Hide scrollbar for IE, Edge and Firefox */\r\n.no-scrollbar {\r\n -ms-overflow-style: none; /* IE and Edge */\r\n scrollbar-width: none; /* Firefox */\r\n}\r\n\r\n/* width */\r\n.scrollbarLight::-webkit-scrollbar, .scrollbarDark::-webkit-scrollbar {\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n/* Track */\r\n.scrollbarLight::-webkit-scrollbar-track {\r\n border-radius: 100vh;\r\n background: #e9e3e3;\r\n}\r\n\r\n/* Handle */\r\n.scrollbarLight::-webkit-scrollbar-thumb {\r\n background: #797979;\r\n border-radius: 100vh;\r\n border: 5px solid #9c9fa1;\r\n}\r\n\r\n/* Handle on hover */\r\n.scrollbarLight::-webkit-scrollbar-thumb:hover {\r\n background: #cfd0d3;\r\n}\r\n\r\n\r\n\r\n/* Track */\r\n.scrollbarDark::-webkit-scrollbar-track {\r\n border-radius: 100vh;\r\n background: #000000;\r\n}\r\n\r\n/* Handle */\r\n.scrollbarDark::-webkit-scrollbar-thumb {\r\n background: #000000;\r\n border-radius: 100vh;\r\n border: 5px solid #4f4f4f;\r\n}\r\n\r\n/* Handle on hover */\r\n.scrollbarLight::-webkit-scrollbar-thumb:hover {\r\n background: #111111;\r\n}\r\n\r\n\r\n.text-2line{\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 10;\r\n -webkit-box-orient: vertical;\r\n}\r\n.linked{\r\n color: white !important;\r\n}\r\n/* input:-internal-autofill-selected {\r\n background: transparent !important;\r\n} */\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:hover, \r\ninput:-webkit-autofill:focus\r\n {\r\n\r\n -webkit-text-fill-color: gray;\r\n -webkit-box-shadow: 0 0 0px 1000px transparent inset;\r\n -webkit-transition: background-color 5000s ease-in-out 0s;\r\n transition: background-color 5000s ease-in-out 0s;\r\n background: none !important;\r\n}\r\n\r\n\r\n@media screen and (min-width: 640px) {\r\n .swiper-container {\r\n width: 640px;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n .swiper-container {\r\n width: 768px;\r\n }\r\n}\r\n\r\n/* Extra small devices (phones, 600px and down) */\r\n@media only screen and (max-width: 600px) {\r\n .slick-slide {\r\n padding: 10px 20px;\r\n }\r\n}\r\n\r\n/* Small devices (portrait tablets and large phones, 600px and up) */\r\n@media only screen and (min-width: 600px) {\r\n .slick-slide {\r\n padding: 15px 30px;\r\n }\r\n}\r\n\r\n/* Medium devices (landscape tablets, 768px and up) */\r\n/* @media only screen and (min-width: 768px) {...} */\r\n\r\n/* Large devices (laptops/desktops, 992px and up) */\r\n@media only screen and (min-width: 992px) {\r\n .slick-slide {\r\n padding: 20px 30px;\r\n }\r\n\r\n .swiper-container {\r\n width: 992px;\r\n }\r\n}\r\n\r\n/* Extra large devices (large laptops and desktops, 1200px and up) */\r\n/* @media only screen and (min-width: 1200px) {...} */\r\n.after\\:left-52::after {\n content: var(--tw-content);\n left: 13rem;\n}\r\n.after\\:left-44::after {\n content: var(--tw-content);\n left: 11rem;\n}\r\n.hover\\:bg-\\[\\#ef4060\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 64 96 / var(--tw-bg-opacity));\n}\r\n.hover\\:bg-gradient-to-l:hover {\n background-image: linear-gradient(to left, var(--tw-gradient-stops));\n}\r\n.hover\\:bg-gradient-to-r:hover {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\r\n.hover\\:text-\\[\\#FA5252\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(250 82 82 / var(--tw-text-opacity));\n}\r\n.hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:border-2 {\n border-width: 2px;\n}\r\n.dark .dark\\:border-\\[\\#212425\\] {\n --tw-border-opacity: 1;\n border-color: rgb(33 36 37 / var(--tw-border-opacity));\n}\r\n.dark .dark\\:border-\\[\\#3D3A3A\\] {\n --tw-border-opacity: 1;\n border-color: rgb(61 58 58 / var(--tw-border-opacity));\n}\r\n.dark .dark\\:bg-\\[\\#111111\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(17 17 17 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-\\[\\#1D1D1D\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(29 29 29 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-\\[\\#1d1d1d\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(29 29 29 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-\\[\\#0D0D0D\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(13 13 13 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-\\[\\#212425\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(33 36 37 / var(--tw-bg-opacity));\n}\r\n.dark .dark\\:bg-homeBg-dark {\n background-image: url("+f+");\n}\r\n.dark .dark\\:text-\\[\\#b7b7b7\\] {\n --tw-text-opacity: 1;\n color: rgb(183 183 183 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:text-color-910 {\n --tw-text-opacity: 1;\n color: rgb(166 166 166 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:text-\\[\\#A6A6A6\\] {\n --tw-text-opacity: 1;\n color: rgb(166 166 166 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:text-\\[\\#FA5252\\] {\n --tw-text-opacity: 1;\n color: rgb(250 82 82 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:hover\\:text-\\[\\#FA5252\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(250 82 82 / var(--tw-text-opacity));\n}\r\n.dark .dark\\:hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\r\n@media (min-width: 640px) {\n\n .sm\\:px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n}\r\n@media (min-width: 768px) {\n\n .md\\:mt-\\[220px\\] {\n margin-top: 220px;\n }\n\n .md\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:gap-10 {\n gap: 2.5rem;\n }\n\n .md\\:py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n }\n\n .md\\:px-10 {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n .md\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .md\\:px-0 {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .md\\:pb-16 {\n padding-bottom: 4rem;\n }\n\n .md\\:pt-\\[30px\\] {\n padding-top: 30px;\n }\n\n .md\\:text-8xl {\n font-size: 6rem;\n }\n}\r\n@media (min-width: 1024px) {\n\n .lg\\:invisible {\n visibility: hidden;\n }\n\n .lg\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .lg\\:col-span-8 {\n grid-column: span 8 / span 8;\n }\n\n .lg\\:mt-\\[100px\\] {\n margin-top: 100px;\n }\n\n .lg\\:mb-0 {\n margin-bottom: 0px;\n }\n\n .lg\\:mt-0 {\n margin-top: 0px;\n }\n\n .lg\\:mr-16 {\n margin-right: 4rem;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:grid {\n display: grid;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:h-\\[50px\\] {\n height: 50px;\n }\n\n .lg\\:w-\\[50px\\] {\n width: 50px;\n }\n\n .lg\\:w-\\[350px\\] {\n width: 350px;\n }\n\n .lg\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .lg\\:rounded-2xl {\n border-radius: 1rem;\n }\n\n .lg\\:bg-transparent {\n background-color: transparent;\n }\n\n .lg\\:bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n }\n\n .lg\\:px-14 {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n }\n\n .lg\\:px-0 {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .lg\\:px-20 {\n padding-left: 5rem;\n padding-right: 5rem;\n }\n\n .lg\\:pt-\\[50px\\] {\n padding-top: 50px;\n }\n\n .lg\\:text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n }\n\n .lg\\:opacity-0 {\n opacity: 0;\n }\n\n .dark .lg\\:dark\\:bg-transparent {\n background-color: transparent;\n }\n\n .dark .lg\\:dark\\:text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n }\n}\r\n@media (min-width: 1280px) {\n\n .xl\\:px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n}\r\n",""]);const m=d},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var l=0;l0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=o),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),a&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=a):s[4]="".concat(a)),t.push(s))}},t}},667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},81:e=>{"use strict";e.exports=function(e){return e[1]}},679:(e,t,n)=>{"use strict";var r=n(864),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function u(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var c=Object.defineProperty,s=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var a=p(n);a&&a!==m&&e(t,a,r)}var i=s(n);d&&(i=i.concat(d(n)));for(var l=u(t),h=u(n),g=0;g{a.current=n}),[n]),e.useEffect((()=>{if(!r||!r.addEventListener)return;const e=e=>a.current(e);return r.addEventListener(t,e),()=>{r.removeEventListener(t,e)}}),[t,r])}const _=(()=>{if("undefined"==typeof navigator)return;let e=navigator.userAgent;return{info:e,Android:()=>e.match(/Android/i),BlackBerry:()=>e.match(/BlackBerry/i),IEMobile:()=>e.match(/IEMobile/i),iOS:()=>e.match(/iPhone|iPad|iPod/i),iPad:()=>e.match(/Mac/)&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2,OperaMini:()=>e.match(/Opera Mini/i),any:()=>_.Android()||_.BlackBerry()||_.iOS()||_.iPad()||_.OperaMini()||_.IEMobile()}})();function z({outerStyle:n,innerStyle:r,color:a="220, 90, 90",outerAlpha:o=.3,innerSize:i=8,outerSize:l=8,outerScale:u=6,innerScale:c=.6,trailingSpeed:s=8,clickables:d=["a",'input[type="text"]','input[type="email"]','input[type="number"]','input[type="submit"]','input[type="image"]',"label[for]","select","textarea","button",".link"]}){const f=e.useRef(),p=e.useRef(),m=e.useRef(),h=e.useRef(),[g,y]=e.useState({x:0,y:0}),[v,b]=e.useState(!1),[w,x]=e.useState(!1),[k,S]=e.useState(!1);let E=e.useRef(0),C=e.useRef(0);const j=e.useCallback((({clientX:e,clientY:t})=>{y({x:e,y:t}),p.current.style.top=`${t}px`,p.current.style.left=`${e}px`,E.current=e,C.current=t}),[]),P=e.useCallback((e=>{void 0!==h.current&&(g.x+=(E.current-g.x)/s,g.y+=(C.current-g.y)/s,f.current.style.top=`${g.y}px`,f.current.style.left=`${g.x}px`),h.current=e,m.current=requestAnimationFrame(P)}),[m]);e.useEffect((()=>(m.current=requestAnimationFrame(P),()=>cancelAnimationFrame(m.current))),[P]);const O=e.useCallback((()=>x(!0)),[]),_=e.useCallback((()=>x(!1)),[]),z=e.useCallback((()=>b(!0)),[]),L=e.useCallback((()=>b(!1)),[]);N("mousemove",j),N("mousedown",O),N("mouseup",_),N("mouseover",z),N("mouseout",L),e.useEffect((()=>{w?(p.current.style.transform=`translate(-50%, -50%) scale(${c})`,f.current.style.transform=`translate(-50%, -50%) scale(${u})`):(p.current.style.transform="translate(-50%, -50%) scale(1)",f.current.style.transform="translate(-50%, -50%) scale(1)")}),[c,u,w]),e.useEffect((()=>{k&&(p.current.style.transform=`translate(-50%, -50%) scale(${1.2*c})`,f.current.style.transform=`translate(-50%, -50%) scale(${1.4*u})`)}),[c,u,k]),e.useEffect((()=>{v?(p.current.style.opacity=1,f.current.style.opacity=1):(p.current.style.opacity=0,f.current.style.opacity=0)}),[v]),e.useEffect((()=>{const e=document.querySelectorAll(d.join(","));return e.forEach((e=>{e.style.cursor="none",e.addEventListener("mouseover",(()=>{x(!0)})),e.addEventListener("click",(()=>{x(!0),S(!1)})),e.addEventListener("mousedown",(()=>{S(!0)})),e.addEventListener("mouseup",(()=>{x(!0)})),e.addEventListener("mouseout",(()=>{x(!1),S(!1)}))})),()=>{e.forEach((e=>{e.removeEventListener("mouseover",(()=>{x(!0)})),e.removeEventListener("click",(()=>{x(!0),S(!1)})),e.removeEventListener("mousedown",(()=>{S(!0)})),e.removeEventListener("mouseup",(()=>{x(!0)})),e.removeEventListener("mouseout",(()=>{x(!1),S(!1)}))}))}}),[w,d]);const D={cursorInner:{zIndex:999,display:"block",position:"fixed",borderRadius:"50%",width:i,height:i,pointerEvents:"none",backgroundColor:`rgba(${a}, 1)`,...r&&r,transition:"opacity 0.15s ease-in-out, transform 0.25s ease-in-out"},cursorOuter:{zIndex:999,display:"block",position:"fixed",borderRadius:"50%",pointerEvents:"none",width:l,height:l,backgroundColor:`rgba(${a}, ${o})`,transition:"opacity 0.15s ease-in-out, transform 0.15s ease-in-out",willChange:"transform",...n&&n}};return document.body.style.cursor="none",t.createElement(t.Fragment,null,t.createElement("div",{ref:f,style:D.cursorOuter}),t.createElement("div",{ref:p,style:D.cursorInner}))}function L({outerStyle:e,innerStyle:n,color:r,outerAlpha:a,innerSize:o,innerScale:i,outerSize:l,outerScale:u,trailingSpeed:c,clickables:s}){return"undefined"!=typeof navigator&&_.any()?t.createElement(t.Fragment,null):t.createElement(z,{outerStyle:e,innerStyle:n,color:r,outerAlpha:a,innerSize:o,innerScale:i,outerSize:l,outerScale:u,trailingSpeed:c,clickables:s})}return L.propTypes={color:O.string,outerAlpha:O.number,innerSize:O.number,outerSize:O.number,outerScale:O.number,innerScale:O.number,outerStyle:O.object,innerStyle:O.object,trailingSpeed:O.number,clickables:O.array},L}(n(294))},448:(e,t,n)=>{"use strict";var r=n(294),a=n(840);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n