├── .eslintrc ├── .eslintrc.json ├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── package-lock.json ├── package.json ├── public ├── css │ ├── bootstrap.min.css │ └── tailwind.min.css ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt └── src ├── App.js ├── components ├── List.js └── tailwind │ ├── categories │ ├── AboutUs.js │ ├── BlogDetails.js │ ├── Blogs.js │ ├── BuyTicket.js │ ├── Careers.js │ ├── ClientLogos.js │ ├── CollToActions.js │ ├── ComingSoon.js │ ├── ContactUs.js │ ├── Contents.js │ ├── Cookies.js │ ├── Copyrights.js │ ├── EOHistory.js │ ├── EPCart.js │ ├── EPCategory.js │ ├── EPCheckout.js │ ├── EPFeature.js │ ├── EPGrid.js │ ├── EPList.js │ ├── EPOrder.js │ ├── EPOverview.js │ ├── EPPayment.js │ ├── EPQOverview.js │ ├── EPRanking.js │ ├── EPReview.js │ ├── EPSpecification.js │ ├── EProfile.js │ ├── Faqs.js │ ├── Features.js │ ├── Footer.js │ ├── Forms.js │ ├── HeroHeaderSmall.js │ ├── HeroHeaders.js │ ├── HowItWorks.js │ ├── HttpCodes.js │ ├── Incentives.js │ ├── Navigations.js │ ├── Numbers.js │ ├── Portfolios.js │ ├── Pricings.js │ ├── RichContents.js │ ├── Schedule.js │ ├── Services.js │ ├── SignUpForms.js │ ├── SigninForms.js │ ├── TeamMembers.js │ ├── Testimonials.js │ ├── Travel.js │ └── aboutUs │ │ └── AboutUs1.js │ └── index.js ├── index.js ├── optionBar ├── OptionBar.js └── style.css └── setupTests.js /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["react-app", "prettier", "plugin:react/recommended"], 3 | "plugins": ["prettier"], 4 | "rules": { 5 | "react/no-unescaped-entities": 0, 6 | "import/no-named-as-default": 0, 7 | "prettier/prettier": [ 8 | "error", 9 | { 10 | "endOfLine": "auto" 11 | }, 12 | { "usePrettierrc": true } 13 | ], 14 | "import/no-anonymous-default-export": "off", 15 | "eact/prop-types": "off" 16 | } 17 | } -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["react-app", "prettier", "plugin:react/recommended"], 3 | "plugins": ["prettier"], 4 | "rules": { 5 | "react/no-unescaped-entities": 0, 6 | "import/no-named-as-default": 0, 7 | "prettier/prettier": [ 8 | "error", 9 | { 10 | "endOfLine": "auto" 11 | }, 12 | { "usePrettierrc": true } 13 | ], 14 | "import/no-anonymous-default-export": "off", 15 | "eact/prop-types": "off" 16 | } 17 | } -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env.local 29 | .env.development.local 30 | .env.test.local 31 | .env.production.local 32 | 33 | # vercel 34 | .vercel 35 | 36 | .idea 37 | 38 | # static folder for DigitalOcean App Platform 39 | _static 40 | 41 | # PWA files 42 | **/public/sw.js 43 | **/public/workbox-*.js 44 | **/public/worker-*.js 45 | **/public/sw.js.map 46 | **/public/workbox-*.js.map 47 | **/public/worker-*.js.map 48 | 49 | **.DS_Store 50 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | EasyFrontend LICENSE 2 | 3 | # Terms Of Use 4 | 5 | Welcome to EasyFrontend! By accessing and downloading any freebies provided by EasyFrontend, you are agreeing to the following terms and conditions. Please read them carefully. 6 | 7 | # Freebies Usage 8 | 9 | All freebies available on EasyFrontend are free for both personal and commercial use. This encompasses a wide range of digital projects such as web design, app design, online advertising, and commercial WordPress themes. You are allowed to modify these resources to suit your project needs. 10 | 11 | # Restrictions 12 | 13 | While you have the freedom to use the freebies, you do not possess the right to resell, sublicense, or claim ownership of them in any form. This explicitly means that you are prohibited from selling the freebies themselves. The freebies offered on EasyFrontend are exclusive to this website and cannot be distributed or made available on any other platform. 14 | 15 | # Attribution 16 | 17 | We greatly appreciate attribution. If you wish to promote these freebies on your website, please refrain from directly hosting the files for free download. Instead, provide a link directing visitors to the specific page on our website where they can easily access the files. Sharing our website with your friends and peers is a wonderful way to support us and our work. 18 | 19 | # Acknowledgment and Compliance 20 | 21 | By using the freebies provided by EasyFrontend, you acknowledge that you have read, understood, and agreed to abide by these terms. Failing to comply with these terms and conditions may result in the termination of your rights to use the freebies. 22 | 23 | # Contact Us 24 | 25 | If you have any questions, concerns, or inquiries about the licensing or usage of the freebies, please don’t hesitate to get in touch with us at support@EasyFrontend.com. We’re here to assist you! 26 | 27 | Thank you for choosing EasyFrontend. We hope our freebies enhance your creative projects and contribute to your success. 28 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | #EasyFrontend - React TailwindCSS UI Components 2 | 3 | You can contribute to components.
4 | Check the description below for the contribution process. 5 |

6 | 7 | [![EasyFrontend Editor](https://assets.easyfrontend.com/tailwind/images/banner/easyfrontend_at1.png)](http://easyfrontend.com/) 8 | 9 | [![EasyFrontend Editor](https://assets.easyfrontend.com/tailwind/images/banner/easyfrontend_at2.png)](http://easyfrontend.com/) 10 | 11 | [![EasyFrontend Editor](https://assets.easyfrontend.com/tailwind/images/banner/easyfrontend_at3.png)](http://easyfrontend.com/) 12 | 13 | 14 | Enhance your app with [EasyFrontend](https://easyfrontend.com) pre-build [Bootstrap v5](https://easyfrontend.com/bootstrap), [Tailwind CSS](https://easyfrontend.com/tailwind), [React JS](https://easyfrontend.com/react-js) 15 | components for designing a modern website. 16 | 17 | ## Website for more free components 18 | 19 | 20 | 21 | 22 | Visit: [https://easyfrontend.com](https://easyfrontend.com) 23 |

24 | 25 | ![how to contribute](https://assets.easyfrontend.com/uploads/block-banner/contribute.png) 26 | 27 | To contribute to this repository follow those steps. 28 | 1. Fork this repository 29 | 2. Create a new branch
30 | name it following structure `branch name contribute/[component_name/issue/feature/anything]`
(If you add more than one components create multiple branchs) 31 | 3. Add the component to a category 32 | 4. Create a pull request 33 | 5. mention what you have added and design inspiration 34 | 6. Will check the component and publish it to EasyFrontend website 35 | 36 | 37 | ## More Repositories from EasyFrontend 38 | 39 | - [Bootstrap v5 Components](https://github.com/EasyFrontend-com/html-bootstrap-components) 40 | - [Bootstrap with React JS Components](https://github.com/EasyFrontend-com/react-bootstrap-components) 41 | - [Tailwind CSS Components](https://github.com/EasyFrontend-com/html-tailwindcss-components) 42 | - [Tailwind with React JS Components](https://github.com/EasyFrontend-com/react-tailwindcss-components) 43 | 44 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "marvelous-blocks-c-reactjs", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@fortawesome/fontawesome-svg-core": "^1.2.36", 7 | "@fortawesome/free-brands-svg-icons": "5.15.3", 8 | "@fortawesome/free-regular-svg-icons": "5.15.3", 9 | "@fortawesome/free-solid-svg-icons": "5.15.3", 10 | "@fortawesome/react-fontawesome": "0.1.14", 11 | "@testing-library/jest-dom": "^5.16.1", 12 | "@testing-library/react": "^12.1.2", 13 | "@testing-library/user-event": "^13.5.0", 14 | "bootstrap": "^5.1.3", 15 | "buffer": "^6.0.3", 16 | "classnames": "^2.3.1", 17 | "lodash": "^4.17.21", 18 | "moment": "^2.29.1", 19 | "prop-types": "^15.8.1", 20 | "react": "^17.0.2", 21 | "react-bootstrap": "^2.1.1", 22 | "react-dom": "^17.0.2", 23 | "react-router-dom": "^5.3.0", 24 | "react-scripts": "5.0.0", 25 | "use-google-sheets": "^2.0.0", 26 | "web-vitals": "^2.1.3" 27 | }, 28 | "devDependencies": { 29 | "eslint": "7.30.0", 30 | "eslint-config-next": "11.0.1", 31 | "eslint-config-prettier": "^8.3.0", 32 | "eslint-plugin-prettier": "3.4.0", 33 | "prettier": "^3.2.5" 34 | }, 35 | "scripts": { 36 | "start": "react-scripts start", 37 | "build": "react-scripts build", 38 | "test": "react-scripts test", 39 | "eject": "react-scripts eject" 40 | }, 41 | "eslintConfig": { 42 | "extends": [ 43 | "react-app", 44 | "react-app/jest" 45 | ] 46 | }, 47 | "browserslist": { 48 | "production": [ 49 | ">0.2%", 50 | "not dead", 51 | "not op_mini all" 52 | ], 53 | "development": [ 54 | "last 1 chrome version", 55 | "last 1 firefox version", 56 | "last 1 safari version" 57 | ] 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /public/css/tailwind.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com 3 | */ 4 | 5 | /* 6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 | */ 9 | 10 | *, 11 | ::before, 12 | ::after { 13 | box-sizing: border-box; 14 | /* 1 */ 15 | border-width: 0; 16 | /* 2 */ 17 | border-style: solid; 18 | /* 2 */ 19 | border-color: #e5e7eb; 20 | /* 2 */ 21 | } 22 | 23 | ::before, 24 | ::after { 25 | --tw-content: ''; 26 | } 27 | 28 | /* 29 | 1. Use a consistent sensible line-height in all browsers. 30 | 2. Prevent adjustments of font size after orientation changes in iOS. 31 | 3. Use a more readable tab size. 32 | 4. Use the user's configured `sans` font-family by default. 33 | 5. Use the user's configured `sans` font-feature-settings by default. 34 | */ 35 | 36 | html { 37 | line-height: 1.5; 38 | /* 1 */ 39 | -webkit-text-size-adjust: 100%; 40 | /* 2 */ 41 | -moz-tab-size: 4; 42 | /* 3 */ 43 | -o-tab-size: 4; 44 | tab-size: 4; 45 | /* 3 */ 46 | 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"; 47 | /* 4 */ 48 | font-feature-settings: normal; 49 | /* 5 */ 50 | } 51 | 52 | /* 53 | 1. Remove the margin in all browsers. 54 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 55 | */ 56 | 57 | body { 58 | margin: 0; 59 | /* 1 */ 60 | line-height: inherit; 61 | /* 2 */ 62 | } 63 | 64 | /* 65 | 1. Add the correct height in Firefox. 66 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 67 | 3. Ensure horizontal rules are visible by default. 68 | */ 69 | 70 | hr { 71 | height: 0; 72 | /* 1 */ 73 | color: inherit; 74 | /* 2 */ 75 | border-top-width: 1px; 76 | /* 3 */ 77 | } 78 | 79 | /* 80 | Add the correct text decoration in Chrome, Edge, and Safari. 81 | */ 82 | 83 | abbr:where([title]) { 84 | -webkit-text-decoration: underline dotted; 85 | text-decoration: underline dotted; 86 | } 87 | 88 | /* 89 | Remove the default font size and weight for headings. 90 | */ 91 | 92 | h1, 93 | h2, 94 | h3, 95 | h4, 96 | h5, 97 | h6 { 98 | font-size: inherit; 99 | font-weight: inherit; 100 | } 101 | 102 | /* 103 | Reset links to optimize for opt-in styling instead of opt-out. 104 | */ 105 | 106 | a { 107 | color: inherit; 108 | text-decoration: inherit; 109 | } 110 | 111 | /* 112 | Add the correct font weight in Edge and Safari. 113 | */ 114 | 115 | b, 116 | strong { 117 | font-weight: bolder; 118 | } 119 | 120 | /* 121 | 1. Use the user's configured `mono` font family by default. 122 | 2. Correct the odd `em` font sizing in all browsers. 123 | */ 124 | 125 | code, 126 | kbd, 127 | samp, 128 | pre { 129 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 130 | /* 1 */ 131 | font-size: 1em; 132 | /* 2 */ 133 | } 134 | 135 | /* 136 | Add the correct font size in all browsers. 137 | */ 138 | 139 | small { 140 | font-size: 80%; 141 | } 142 | 143 | /* 144 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. 145 | */ 146 | 147 | sub, 148 | sup { 149 | font-size: 75%; 150 | line-height: 0; 151 | position: relative; 152 | vertical-align: baseline; 153 | } 154 | 155 | sub { 156 | bottom: -0.25em; 157 | } 158 | 159 | sup { 160 | top: -0.5em; 161 | } 162 | 163 | /* 164 | 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) 165 | 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) 166 | 3. Remove gaps between table borders by default. 167 | */ 168 | 169 | table { 170 | text-indent: 0; 171 | /* 1 */ 172 | border-color: inherit; 173 | /* 2 */ 174 | border-collapse: collapse; 175 | /* 3 */ 176 | } 177 | 178 | /* 179 | 1. Change the font styles in all browsers. 180 | 2. Remove the margin in Firefox and Safari. 181 | 3. Remove default padding in all browsers. 182 | */ 183 | 184 | button, 185 | input, 186 | optgroup, 187 | select, 188 | textarea { 189 | font-family: inherit; 190 | /* 1 */ 191 | font-size: 100%; 192 | /* 1 */ 193 | font-weight: inherit; 194 | /* 1 */ 195 | line-height: inherit; 196 | /* 1 */ 197 | color: inherit; 198 | /* 1 */ 199 | margin: 0; 200 | /* 2 */ 201 | padding: 0; 202 | /* 3 */ 203 | } 204 | 205 | /* 206 | Remove the inheritance of text transform in Edge and Firefox. 207 | */ 208 | 209 | button, 210 | select { 211 | text-transform: none; 212 | } 213 | 214 | /* 215 | 1. Correct the inability to style clickable types in iOS and Safari. 216 | 2. Remove default button styles. 217 | */ 218 | 219 | button, 220 | [type='button'], 221 | [type='reset'], 222 | [type='submit'] { 223 | -webkit-appearance: button; 224 | /* 1 */ 225 | background-color: transparent; 226 | /* 2 */ 227 | background-image: none; 228 | /* 2 */ 229 | } 230 | 231 | /* 232 | Use the modern Firefox focus style for all focusable elements. 233 | */ 234 | 235 | :-moz-focusring { 236 | outline: auto; 237 | } 238 | 239 | /* 240 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 241 | */ 242 | 243 | :-moz-ui-invalid { 244 | box-shadow: none; 245 | } 246 | 247 | /* 248 | Add the correct vertical alignment in Chrome and Firefox. 249 | */ 250 | 251 | progress { 252 | vertical-align: baseline; 253 | } 254 | 255 | /* 256 | Correct the cursor style of increment and decrement buttons in Safari. 257 | */ 258 | 259 | ::-webkit-inner-spin-button, 260 | ::-webkit-outer-spin-button { 261 | height: auto; 262 | } 263 | 264 | /* 265 | 1. Correct the odd appearance in Chrome and Safari. 266 | 2. Correct the outline style in Safari. 267 | */ 268 | 269 | [type='search'] { 270 | -webkit-appearance: textfield; 271 | /* 1 */ 272 | outline-offset: -2px; 273 | /* 2 */ 274 | } 275 | 276 | /* 277 | Remove the inner padding in Chrome and Safari on macOS. 278 | */ 279 | 280 | ::-webkit-search-decoration { 281 | -webkit-appearance: none; 282 | } 283 | 284 | /* 285 | 1. Correct the inability to style clickable types in iOS and Safari. 286 | 2. Change font properties to `inherit` in Safari. 287 | */ 288 | 289 | ::-webkit-file-upload-button { 290 | -webkit-appearance: button; 291 | /* 1 */ 292 | font: inherit; 293 | /* 2 */ 294 | } 295 | 296 | /* 297 | Add the correct display in Chrome and Safari. 298 | */ 299 | 300 | summary { 301 | display: list-item; 302 | } 303 | 304 | /* 305 | Removes the default spacing and border for appropriate elements. 306 | */ 307 | 308 | blockquote, 309 | dl, 310 | dd, 311 | h1, 312 | h2, 313 | h3, 314 | h4, 315 | h5, 316 | h6, 317 | hr, 318 | figure, 319 | p, 320 | pre { 321 | margin: 0; 322 | } 323 | 324 | fieldset { 325 | margin: 0; 326 | padding: 0; 327 | } 328 | 329 | legend { 330 | padding: 0; 331 | } 332 | 333 | ol, 334 | ul, 335 | menu { 336 | list-style: none; 337 | margin: 0; 338 | padding: 0; 339 | } 340 | 341 | /* 342 | Prevent resizing textareas horizontally by default. 343 | */ 344 | 345 | textarea { 346 | resize: vertical; 347 | } 348 | 349 | /* 350 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 351 | 2. Set the default placeholder color to the user's configured gray 400 color. 352 | */ 353 | 354 | input::-moz-placeholder, textarea::-moz-placeholder { 355 | opacity: 1; 356 | /* 1 */ 357 | color: #9ca3af; 358 | /* 2 */ 359 | } 360 | 361 | input::placeholder, 362 | textarea::placeholder { 363 | opacity: 1; 364 | /* 1 */ 365 | color: #9ca3af; 366 | /* 2 */ 367 | } 368 | 369 | /* 370 | Set the default cursor for buttons. 371 | */ 372 | 373 | button, 374 | [role="button"] { 375 | cursor: pointer; 376 | } 377 | 378 | /* 379 | Make sure disabled buttons don't get the pointer cursor. 380 | */ 381 | 382 | :disabled { 383 | cursor: default; 384 | } 385 | 386 | /* 387 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 388 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 389 | This can trigger a poorly considered lint error in some tools but is included by design. 390 | */ 391 | 392 | img, 393 | svg, 394 | video, 395 | canvas, 396 | audio, 397 | iframe, 398 | embed, 399 | object { 400 | display: block; 401 | /* 1 */ 402 | vertical-align: middle; 403 | /* 2 */ 404 | } 405 | 406 | /* 407 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 408 | */ 409 | 410 | img, 411 | video { 412 | max-width: 100%; 413 | height: auto; 414 | } 415 | 416 | /* Make elements with the HTML hidden attribute stay hidden by default */ 417 | 418 | [hidden] { 419 | display: none; 420 | } 421 | 422 | *, ::before, ::after { 423 | --tw-border-spacing-x: 0; 424 | --tw-border-spacing-y: 0; 425 | --tw-translate-x: 0; 426 | --tw-translate-y: 0; 427 | --tw-rotate: 0; 428 | --tw-skew-x: 0; 429 | --tw-skew-y: 0; 430 | --tw-scale-x: 1; 431 | --tw-scale-y: 1; 432 | --tw-pan-x: ; 433 | --tw-pan-y: ; 434 | --tw-pinch-zoom: ; 435 | --tw-scroll-snap-strictness: proximity; 436 | --tw-ordinal: ; 437 | --tw-slashed-zero: ; 438 | --tw-numeric-figure: ; 439 | --tw-numeric-spacing: ; 440 | --tw-numeric-fraction: ; 441 | --tw-ring-inset: ; 442 | --tw-ring-offset-width: 0px; 443 | --tw-ring-offset-color: #fff; 444 | --tw-ring-color: rgb(59 130 246 / 0.5); 445 | --tw-ring-offset-shadow: 0 0 #0000; 446 | --tw-ring-shadow: 0 0 #0000; 447 | --tw-shadow: 0 0 #0000; 448 | --tw-shadow-colored: 0 0 #0000; 449 | --tw-blur: ; 450 | --tw-brightness: ; 451 | --tw-contrast: ; 452 | --tw-grayscale: ; 453 | --tw-hue-rotate: ; 454 | --tw-invert: ; 455 | --tw-saturate: ; 456 | --tw-sepia: ; 457 | --tw-drop-shadow: ; 458 | --tw-backdrop-blur: ; 459 | --tw-backdrop-brightness: ; 460 | --tw-backdrop-contrast: ; 461 | --tw-backdrop-grayscale: ; 462 | --tw-backdrop-hue-rotate: ; 463 | --tw-backdrop-invert: ; 464 | --tw-backdrop-opacity: ; 465 | --tw-backdrop-saturate: ; 466 | --tw-backdrop-sepia: ; 467 | } 468 | 469 | ::backdrop { 470 | --tw-border-spacing-x: 0; 471 | --tw-border-spacing-y: 0; 472 | --tw-translate-x: 0; 473 | --tw-translate-y: 0; 474 | --tw-rotate: 0; 475 | --tw-skew-x: 0; 476 | --tw-skew-y: 0; 477 | --tw-scale-x: 1; 478 | --tw-scale-y: 1; 479 | --tw-pan-x: ; 480 | --tw-pan-y: ; 481 | --tw-pinch-zoom: ; 482 | --tw-scroll-snap-strictness: proximity; 483 | --tw-ordinal: ; 484 | --tw-slashed-zero: ; 485 | --tw-numeric-figure: ; 486 | --tw-numeric-spacing: ; 487 | --tw-numeric-fraction: ; 488 | --tw-ring-inset: ; 489 | --tw-ring-offset-width: 0px; 490 | --tw-ring-offset-color: #fff; 491 | --tw-ring-color: rgb(59 130 246 / 0.5); 492 | --tw-ring-offset-shadow: 0 0 #0000; 493 | --tw-ring-shadow: 0 0 #0000; 494 | --tw-shadow: 0 0 #0000; 495 | --tw-shadow-colored: 0 0 #0000; 496 | --tw-blur: ; 497 | --tw-brightness: ; 498 | --tw-contrast: ; 499 | --tw-grayscale: ; 500 | --tw-hue-rotate: ; 501 | --tw-invert: ; 502 | --tw-saturate: ; 503 | --tw-sepia: ; 504 | --tw-drop-shadow: ; 505 | --tw-backdrop-blur: ; 506 | --tw-backdrop-brightness: ; 507 | --tw-backdrop-contrast: ; 508 | --tw-backdrop-grayscale: ; 509 | --tw-backdrop-hue-rotate: ; 510 | --tw-backdrop-invert: ; 511 | --tw-backdrop-opacity: ; 512 | --tw-backdrop-saturate: ; 513 | --tw-backdrop-sepia: ; 514 | } 515 | 516 | .container { 517 | width: 100%; 518 | margin-right: auto; 519 | margin-left: auto; 520 | } 521 | 522 | @media (min-width: 640px) { 523 | .container { 524 | max-width: 640px; 525 | } 526 | } 527 | 528 | @media (min-width: 768px) { 529 | .container { 530 | max-width: 768px; 531 | } 532 | } 533 | 534 | @media (min-width: 1024px) { 535 | .container { 536 | max-width: 1024px; 537 | } 538 | } 539 | 540 | @media (min-width: 1280px) { 541 | .container { 542 | max-width: 1280px; 543 | } 544 | } 545 | 546 | @media (min-width: 1536px) { 547 | .container { 548 | max-width: 1536px; 549 | } 550 | } 551 | 552 | .collapse { 553 | visibility: collapse; 554 | } 555 | 556 | .absolute { 557 | position: absolute; 558 | } 559 | 560 | .relative { 561 | position: relative; 562 | } 563 | 564 | .sticky { 565 | position: sticky; 566 | } 567 | 568 | .top-0 { 569 | top: 0px; 570 | } 571 | 572 | .right-0 { 573 | right: 0px; 574 | } 575 | 576 | .bottom-0 { 577 | bottom: 0px; 578 | } 579 | 580 | .left-0 { 581 | left: 0px; 582 | } 583 | 584 | .top-\[15\%\] { 585 | top: 15%; 586 | } 587 | 588 | .right-\[10\%\] { 589 | right: 10%; 590 | } 591 | 592 | .bottom-\[22\%\] { 593 | bottom: 22%; 594 | } 595 | 596 | .right-\[15\%\] { 597 | right: 15%; 598 | } 599 | 600 | .-top-\[10\%\] { 601 | top: -10%; 602 | } 603 | 604 | .-left-\[10\%\] { 605 | left: -10%; 606 | } 607 | 608 | .top-\[75\%\] { 609 | top: 75%; 610 | } 611 | 612 | .-left-\[15\%\] { 613 | left: -15%; 614 | } 615 | 616 | .bottom-2 { 617 | bottom: 0.5rem; 618 | } 619 | 620 | .left-2 { 621 | left: 0.5rem; 622 | } 623 | 624 | .top-2\/4 { 625 | top: 50%; 626 | } 627 | 628 | .-left-6 { 629 | left: -1.5rem; 630 | } 631 | 632 | .-right-6 { 633 | right: -1.5rem; 634 | } 635 | 636 | .-bottom-6 { 637 | bottom: -1.5rem; 638 | } 639 | 640 | .left-6 { 641 | left: 1.5rem; 642 | } 643 | 644 | .top-1\/2 { 645 | top: 50%; 646 | } 647 | 648 | .left-1\/2 { 649 | left: 50%; 650 | } 651 | 652 | .right-1 { 653 | right: 0.25rem; 654 | } 655 | 656 | .left-7 { 657 | left: 1.75rem; 658 | } 659 | 660 | .top-7 { 661 | top: 1.75rem; 662 | } 663 | 664 | .right-2 { 665 | right: 0.5rem; 666 | } 667 | 668 | .-top-1 { 669 | top: -0.25rem; 670 | } 671 | 672 | .-top-4 { 673 | top: -1rem; 674 | } 675 | 676 | .left-5 { 677 | left: 1.25rem; 678 | } 679 | 680 | .z-\[1\] { 681 | z-index: 1; 682 | } 683 | 684 | .-z-\[1\] { 685 | z-index: -1; 686 | } 687 | 688 | .z-10 { 689 | z-index: 10; 690 | } 691 | 692 | .z-50 { 693 | z-index: 50; 694 | } 695 | 696 | .order-2 { 697 | order: 2; 698 | } 699 | 700 | .order-1 { 701 | order: 1; 702 | } 703 | 704 | .col-span-12 { 705 | grid-column: span 12 / span 12; 706 | } 707 | 708 | .col-span-4 { 709 | grid-column: span 4 / span 4; 710 | } 711 | 712 | .col-span-8 { 713 | grid-column: span 8 / span 8; 714 | } 715 | 716 | .col-span-3 { 717 | grid-column: span 3 / span 3; 718 | } 719 | 720 | .col-span-2 { 721 | grid-column: span 2 / span 2; 722 | } 723 | 724 | .col-span-6 { 725 | grid-column: span 6 / span 6; 726 | } 727 | 728 | .col-span-1 { 729 | grid-column: span 1 / span 1; 730 | } 731 | 732 | .float-right { 733 | float: right; 734 | } 735 | 736 | .float-left { 737 | float: left; 738 | } 739 | 740 | .m-2 { 741 | margin: 0.5rem; 742 | } 743 | 744 | .m-0 { 745 | margin: 0px; 746 | } 747 | 748 | .-m-\[100px\] { 749 | margin: -100px; 750 | } 751 | 752 | .-m-6 { 753 | margin: -1.5rem; 754 | } 755 | 756 | .my-6 { 757 | margin-top: 1.5rem; 758 | margin-bottom: 1.5rem; 759 | } 760 | 761 | .my-4 { 762 | margin-top: 1rem; 763 | margin-bottom: 1rem; 764 | } 765 | 766 | .my-12 { 767 | margin-top: 3rem; 768 | margin-bottom: 3rem; 769 | } 770 | 771 | .my-2 { 772 | margin-top: 0.5rem; 773 | margin-bottom: 0.5rem; 774 | } 775 | 776 | .mx-auto { 777 | margin-left: auto; 778 | margin-right: auto; 779 | } 780 | 781 | .mx-2 { 782 | margin-left: 0.5rem; 783 | margin-right: 0.5rem; 784 | } 785 | 786 | .my-3 { 787 | margin-top: 0.75rem; 788 | margin-bottom: 0.75rem; 789 | } 790 | 791 | .my-1 { 792 | margin-top: 0.25rem; 793 | margin-bottom: 0.25rem; 794 | } 795 | 796 | .mx-1 { 797 | margin-left: 0.25rem; 798 | margin-right: 0.25rem; 799 | } 800 | 801 | .my-8 { 802 | margin-top: 2rem; 803 | margin-bottom: 2rem; 804 | } 805 | 806 | .mx-4 { 807 | margin-left: 1rem; 808 | margin-right: 1rem; 809 | } 810 | 811 | .mt-5 { 812 | margin-top: 1.25rem; 813 | } 814 | 815 | .mb-0 { 816 | margin-bottom: 0px; 817 | } 818 | 819 | .mt-12 { 820 | margin-top: 3rem; 821 | } 822 | 823 | .mt-6 { 824 | margin-top: 1.5rem; 825 | } 826 | 827 | .mb-8 { 828 | margin-bottom: 2rem; 829 | } 830 | 831 | .mt-10 { 832 | margin-top: 2.5rem; 833 | } 834 | 835 | .mb-2 { 836 | margin-bottom: 0.5rem; 837 | } 838 | 839 | .mb-4 { 840 | margin-bottom: 1rem; 841 | } 842 | 843 | .mb-12 { 844 | margin-bottom: 3rem; 845 | } 846 | 847 | .mb-6 { 848 | margin-bottom: 1.5rem; 849 | } 850 | 851 | .ml-3 { 852 | margin-left: 0.75rem; 853 | } 854 | 855 | .mr-2 { 856 | margin-right: 0.5rem; 857 | } 858 | 859 | .ml-2 { 860 | margin-left: 0.5rem; 861 | } 862 | 863 | .mt-4 { 864 | margin-top: 1rem; 865 | } 866 | 867 | .mt-16 { 868 | margin-top: 4rem; 869 | } 870 | 871 | .mr-4 { 872 | margin-right: 1rem; 873 | } 874 | 875 | .mt-3 { 876 | margin-top: 0.75rem; 877 | } 878 | 879 | .mr-3 { 880 | margin-right: 0.75rem; 881 | } 882 | 883 | .ml-4 { 884 | margin-left: 1rem; 885 | } 886 | 887 | .mb-1 { 888 | margin-bottom: 0.25rem; 889 | } 890 | 891 | .mt-2 { 892 | margin-top: 0.5rem; 893 | } 894 | 895 | .mt-8 { 896 | margin-top: 2rem; 897 | } 898 | 899 | .mb-3 { 900 | margin-bottom: 0.75rem; 901 | } 902 | 903 | .mb-9 { 904 | margin-bottom: 2.25rem; 905 | } 906 | 907 | .ml-1 { 908 | margin-left: 0.25rem; 909 | } 910 | 911 | .mt-14 { 912 | margin-top: 3.5rem; 913 | } 914 | 915 | .mb-5 { 916 | margin-bottom: 1.25rem; 917 | } 918 | 919 | .-mt-48 { 920 | margin-top: -12rem; 921 | } 922 | 923 | .mr-0 { 924 | margin-right: 0px; 925 | } 926 | 927 | .mb-10 { 928 | margin-bottom: 2.5rem; 929 | } 930 | 931 | .mb-16 { 932 | margin-bottom: 4rem; 933 | } 934 | 935 | .mt-0 { 936 | margin-top: 0px; 937 | } 938 | 939 | .-ml-\[200px\] { 940 | margin-left: -200px; 941 | } 942 | 943 | .mb-\[1px\] { 944 | margin-bottom: 1px; 945 | } 946 | 947 | .-mr-\[150px\] { 948 | margin-right: -150px; 949 | } 950 | 951 | .ml-6 { 952 | margin-left: 1.5rem; 953 | } 954 | 955 | .ml-12 { 956 | margin-left: 3rem; 957 | } 958 | 959 | .-mt-\[37px\] { 960 | margin-top: -37px; 961 | } 962 | 963 | .mr-11 { 964 | margin-right: 2.75rem; 965 | } 966 | 967 | .-ml-11 { 968 | margin-left: -2.75rem; 969 | } 970 | 971 | .block { 972 | display: block; 973 | } 974 | 975 | .inline-block { 976 | display: inline-block; 977 | } 978 | 979 | .inline { 980 | display: inline; 981 | } 982 | 983 | .flex { 984 | display: flex; 985 | } 986 | 987 | .inline-flex { 988 | display: inline-flex; 989 | } 990 | 991 | .grid { 992 | display: grid; 993 | } 994 | 995 | .contents { 996 | display: contents; 997 | } 998 | 999 | .hidden { 1000 | display: none; 1001 | } 1002 | 1003 | .h-auto { 1004 | height: auto; 1005 | } 1006 | 1007 | .h-\[3px\] { 1008 | height: 3px; 1009 | } 1010 | 1011 | .h-\[300px\] { 1012 | height: 300px; 1013 | } 1014 | 1015 | .h-1 { 1016 | height: 0.25rem; 1017 | } 1018 | 1019 | .h-3 { 1020 | height: 0.75rem; 1021 | } 1022 | 1023 | .h-60 { 1024 | height: 15rem; 1025 | } 1026 | 1027 | .h-full { 1028 | height: 100%; 1029 | } 1030 | 1031 | .h-9 { 1032 | height: 2.25rem; 1033 | } 1034 | 1035 | .h-\[2px\] { 1036 | height: 2px; 1037 | } 1038 | 1039 | .h-12 { 1040 | height: 3rem; 1041 | } 1042 | 1043 | .h-\[60px\] { 1044 | height: 60px; 1045 | } 1046 | 1047 | .h-\[400px\] { 1048 | height: 400px; 1049 | } 1050 | 1051 | .h-\[28\%\] { 1052 | height: 28%; 1053 | } 1054 | 1055 | .h-\[39\%\] { 1056 | height: 39%; 1057 | } 1058 | 1059 | .h-\[96\%\] { 1060 | height: 96%; 1061 | } 1062 | 1063 | .h-\[1px\] { 1064 | height: 1px; 1065 | } 1066 | 1067 | .h-14 { 1068 | height: 3.5rem; 1069 | } 1070 | 1071 | .h-16 { 1072 | height: 4rem; 1073 | } 1074 | 1075 | .h-\[140px\] { 1076 | height: 140px; 1077 | } 1078 | 1079 | .h-\[88\%\] { 1080 | height: 88%; 1081 | } 1082 | 1083 | .h-10 { 1084 | height: 2.5rem; 1085 | } 1086 | 1087 | .h-\[250px\] { 1088 | height: 250px; 1089 | } 1090 | 1091 | .h-\[74px\] { 1092 | height: 74px; 1093 | } 1094 | 1095 | .h-11 { 1096 | height: 2.75rem; 1097 | } 1098 | 1099 | .h-\[92px\] { 1100 | height: 92px; 1101 | } 1102 | 1103 | .h-4 { 1104 | height: 1rem; 1105 | } 1106 | 1107 | .max-h-\[700px\] { 1108 | max-height: 700px; 1109 | } 1110 | 1111 | .max-h-\[600px\] { 1112 | max-height: 600px; 1113 | } 1114 | 1115 | .max-h-\[50px\] { 1116 | max-height: 50px; 1117 | } 1118 | 1119 | .max-h-12 { 1120 | max-height: 3rem; 1121 | } 1122 | 1123 | .max-h-\[60px\] { 1124 | max-height: 60px; 1125 | } 1126 | 1127 | .max-h-8 { 1128 | max-height: 2rem; 1129 | } 1130 | 1131 | .max-h-full { 1132 | max-height: 100%; 1133 | } 1134 | 1135 | .max-h-11 { 1136 | max-height: 2.75rem; 1137 | } 1138 | 1139 | .min-h-\[300px\] { 1140 | min-height: 300px; 1141 | } 1142 | 1143 | .min-h-\[500px\] { 1144 | min-height: 500px; 1145 | } 1146 | 1147 | .min-h-\[48px\] { 1148 | min-height: 48px; 1149 | } 1150 | 1151 | .min-h-\[80vh\] { 1152 | min-height: 80vh; 1153 | } 1154 | 1155 | .min-h-\[40vh\] { 1156 | min-height: 40vh; 1157 | } 1158 | 1159 | .min-h-\[50vh\] { 1160 | min-height: 50vh; 1161 | } 1162 | 1163 | .min-h-\[350px\] { 1164 | min-height: 350px; 1165 | } 1166 | 1167 | .min-h-screen { 1168 | min-height: 100vh; 1169 | } 1170 | 1171 | .min-h-\[150px\] { 1172 | min-height: 150px; 1173 | } 1174 | 1175 | .min-h-\[50px\] { 1176 | min-height: 50px; 1177 | } 1178 | 1179 | .w-\[300px\] { 1180 | width: 300px; 1181 | } 1182 | 1183 | .w-12 { 1184 | width: 3rem; 1185 | } 1186 | 1187 | .w-11\/12 { 1188 | width: 91.666667%; 1189 | } 1190 | 1191 | .w-full { 1192 | width: 100%; 1193 | } 1194 | 1195 | .w-3 { 1196 | width: 0.75rem; 1197 | } 1198 | 1199 | .w-24 { 1200 | width: 6rem; 1201 | } 1202 | 1203 | .w-\[36vw\] { 1204 | width: 36vw; 1205 | } 1206 | 1207 | .w-60 { 1208 | width: 15rem; 1209 | } 1210 | 1211 | .w-\[30vw\] { 1212 | width: 30vw; 1213 | } 1214 | 1215 | .w-9 { 1216 | width: 2.25rem; 1217 | } 1218 | 1219 | .w-\[11\%\] { 1220 | width: 11%; 1221 | } 1222 | 1223 | .w-\[60px\] { 1224 | width: 60px; 1225 | } 1226 | 1227 | .w-\[400px\] { 1228 | width: 400px; 1229 | } 1230 | 1231 | .w-1\/2 { 1232 | width: 50%; 1233 | } 1234 | 1235 | .w-96 { 1236 | width: 24rem; 1237 | } 1238 | 1239 | .w-\[1px\] { 1240 | width: 1px; 1241 | } 1242 | 1243 | .w-\[98\%\] { 1244 | width: 98%; 1245 | } 1246 | 1247 | .w-14 { 1248 | width: 3.5rem; 1249 | } 1250 | 1251 | .w-16 { 1252 | width: 4rem; 1253 | } 1254 | 1255 | .w-10 { 1256 | width: 2.5rem; 1257 | } 1258 | 1259 | .w-auto { 1260 | width: auto; 1261 | } 1262 | 1263 | .w-\[60vw\] { 1264 | width: 60vw; 1265 | } 1266 | 1267 | .w-\[74px\] { 1268 | width: 74px; 1269 | } 1270 | 1271 | .w-11 { 1272 | width: 2.75rem; 1273 | } 1274 | 1275 | .w-\[85px\] { 1276 | width: 85px; 1277 | } 1278 | 1279 | .w-\[120px\] { 1280 | width: 120px; 1281 | } 1282 | 1283 | .min-w-\[30\%\] { 1284 | min-width: 30%; 1285 | } 1286 | 1287 | .min-w-\[80px\] { 1288 | min-width: 80px; 1289 | } 1290 | 1291 | .min-w-\[110px\] { 1292 | min-width: 110px; 1293 | } 1294 | 1295 | .min-w-\[50px\] { 1296 | min-width: 50px; 1297 | } 1298 | 1299 | .max-w-full { 1300 | max-width: 100%; 1301 | } 1302 | 1303 | .max-w-\[150px\] { 1304 | max-width: 150px; 1305 | } 1306 | 1307 | .max-w-\[500px\] { 1308 | max-width: 500px; 1309 | } 1310 | 1311 | .max-w-\[110px\] { 1312 | max-width: 110px; 1313 | } 1314 | 1315 | .grow { 1316 | flex-grow: 1; 1317 | } 1318 | 1319 | .origin-center { 1320 | transform-origin: center; 1321 | } 1322 | 1323 | .-translate-y-1\/2 { 1324 | --tw-translate-y: -50%; 1325 | 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)); 1326 | } 1327 | 1328 | .-translate-x-1\/2 { 1329 | --tw-translate-x: -50%; 1330 | 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)); 1331 | } 1332 | 1333 | .translate-y-\[2\%\] { 1334 | --tw-translate-y: 2%; 1335 | 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)); 1336 | } 1337 | 1338 | .translate-x-\[1\%\] { 1339 | --tw-translate-x: 1%; 1340 | 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)); 1341 | } 1342 | 1343 | .-translate-y-\[5\%\] { 1344 | --tw-translate-y: -5%; 1345 | 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)); 1346 | } 1347 | 1348 | .translate-y-10 { 1349 | --tw-translate-y: 2.5rem; 1350 | 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)); 1351 | } 1352 | 1353 | .rotate-45 { 1354 | --tw-rotate: 45deg; 1355 | 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)); 1356 | } 1357 | 1358 | .rotate-180 { 1359 | --tw-rotate: 180deg; 1360 | 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)); 1361 | } 1362 | 1363 | .rotate-90 { 1364 | --tw-rotate: 90deg; 1365 | 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)); 1366 | } 1367 | 1368 | .transform { 1369 | 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)); 1370 | } 1371 | 1372 | .cursor-pointer { 1373 | cursor: pointer; 1374 | } 1375 | 1376 | .grid-cols-1 { 1377 | grid-template-columns: repeat(1, minmax(0, 1fr)); 1378 | } 1379 | 1380 | .grid-cols-12 { 1381 | grid-template-columns: repeat(12, minmax(0, 1fr)); 1382 | } 1383 | 1384 | .grid-cols-2 { 1385 | grid-template-columns: repeat(2, minmax(0, 1fr)); 1386 | } 1387 | 1388 | .grid-cols-6 { 1389 | grid-template-columns: repeat(6, minmax(0, 1fr)); 1390 | } 1391 | 1392 | .grid-cols-3 { 1393 | grid-template-columns: repeat(3, minmax(0, 1fr)); 1394 | } 1395 | 1396 | .flex-row { 1397 | flex-direction: row; 1398 | } 1399 | 1400 | .flex-col { 1401 | flex-direction: column; 1402 | } 1403 | 1404 | .flex-wrap { 1405 | flex-wrap: wrap; 1406 | } 1407 | 1408 | .place-items-center { 1409 | place-items: center; 1410 | } 1411 | 1412 | .items-start { 1413 | align-items: flex-start; 1414 | } 1415 | 1416 | .items-end { 1417 | align-items: flex-end; 1418 | } 1419 | 1420 | .items-center { 1421 | align-items: center; 1422 | } 1423 | 1424 | .items-stretch { 1425 | align-items: stretch; 1426 | } 1427 | 1428 | .justify-start { 1429 | justify-content: flex-start; 1430 | } 1431 | 1432 | .justify-end { 1433 | justify-content: flex-end; 1434 | } 1435 | 1436 | .justify-center { 1437 | justify-content: center; 1438 | } 1439 | 1440 | .justify-between { 1441 | justify-content: space-between; 1442 | } 1443 | 1444 | .gap-5 { 1445 | gap: 1.25rem; 1446 | } 1447 | 1448 | .gap-6 { 1449 | gap: 1.5rem; 1450 | } 1451 | 1452 | .gap-4 { 1453 | gap: 1rem; 1454 | } 1455 | 1456 | .gap-8 { 1457 | gap: 2rem; 1458 | } 1459 | 1460 | .gap-11 { 1461 | gap: 2.75rem; 1462 | } 1463 | 1464 | .gap-2 { 1465 | gap: 0.5rem; 1466 | } 1467 | 1468 | .gap-16 { 1469 | gap: 4rem; 1470 | } 1471 | 1472 | .gap-12 { 1473 | gap: 3rem; 1474 | } 1475 | 1476 | .gap-0 { 1477 | gap: 0px; 1478 | } 1479 | 1480 | .gap-x-10 { 1481 | -moz-column-gap: 2.5rem; 1482 | column-gap: 2.5rem; 1483 | } 1484 | 1485 | .gap-x-6 { 1486 | -moz-column-gap: 1.5rem; 1487 | column-gap: 1.5rem; 1488 | } 1489 | 1490 | .gap-x-8 { 1491 | -moz-column-gap: 2rem; 1492 | column-gap: 2rem; 1493 | } 1494 | 1495 | .overflow-hidden { 1496 | overflow: hidden; 1497 | } 1498 | 1499 | .break-words { 1500 | overflow-wrap: break-word; 1501 | } 1502 | 1503 | .rounded-md { 1504 | border-radius: 0.375rem; 1505 | } 1506 | 1507 | .rounded-2xl { 1508 | border-radius: 1rem; 1509 | } 1510 | 1511 | .rounded-sm { 1512 | border-radius: 0.125rem; 1513 | } 1514 | 1515 | .rounded-full { 1516 | border-radius: 9999px; 1517 | } 1518 | 1519 | .rounded-\[3px\] { 1520 | border-radius: 3px; 1521 | } 1522 | 1523 | .rounded-xl { 1524 | border-radius: 0.75rem; 1525 | } 1526 | 1527 | .rounded { 1528 | border-radius: 0.25rem; 1529 | } 1530 | 1531 | .rounded-lg { 1532 | border-radius: 0.5rem; 1533 | } 1534 | 1535 | .rounded-3xl { 1536 | border-radius: 1.5rem; 1537 | } 1538 | 1539 | .rounded-\[30px\] { 1540 | border-radius: 30px; 1541 | } 1542 | 1543 | .rounded-\[20px\] { 1544 | border-radius: 20px; 1545 | } 1546 | 1547 | .rounded-t-lg { 1548 | border-top-left-radius: 0.5rem; 1549 | border-top-right-radius: 0.5rem; 1550 | } 1551 | 1552 | .rounded-r { 1553 | border-top-right-radius: 0.25rem; 1554 | border-bottom-right-radius: 0.25rem; 1555 | } 1556 | 1557 | .rounded-b { 1558 | border-bottom-right-radius: 0.25rem; 1559 | border-bottom-left-radius: 0.25rem; 1560 | } 1561 | 1562 | .rounded-l-\[90px\] { 1563 | border-top-left-radius: 90px; 1564 | border-bottom-left-radius: 90px; 1565 | } 1566 | 1567 | .rounded-br-lg { 1568 | border-bottom-right-radius: 0.5rem; 1569 | } 1570 | 1571 | .rounded-tl-\[50\%\] { 1572 | border-top-left-radius: 50%; 1573 | } 1574 | 1575 | .rounded-tr-\[30\%\] { 1576 | border-top-right-radius: 30%; 1577 | } 1578 | 1579 | .rounded-tl { 1580 | border-top-left-radius: 0.25rem; 1581 | } 1582 | 1583 | .rounded-bl { 1584 | border-bottom-left-radius: 0.25rem; 1585 | } 1586 | 1587 | .rounded-br-\[42px\] { 1588 | border-bottom-right-radius: 42px; 1589 | } 1590 | 1591 | .border-\[15px\] { 1592 | border-width: 15px; 1593 | } 1594 | 1595 | .border-\[10px\] { 1596 | border-width: 10px; 1597 | } 1598 | 1599 | .border-2 { 1600 | border-width: 2px; 1601 | } 1602 | 1603 | .border { 1604 | border-width: 1px; 1605 | } 1606 | 1607 | .border-0 { 1608 | border-width: 0px; 1609 | } 1610 | 1611 | .border-\[1px\] { 1612 | border-width: 1px; 1613 | } 1614 | 1615 | .border-b { 1616 | border-bottom-width: 1px; 1617 | } 1618 | 1619 | .border-r-\[50vw\] { 1620 | border-right-width: 50vw; 1621 | } 1622 | 1623 | .border-l-\[50vw\] { 1624 | border-left-width: 50vw; 1625 | } 1626 | 1627 | .border-t-\[420px\] { 1628 | border-top-width: 420px; 1629 | } 1630 | 1631 | .border-b-2 { 1632 | border-bottom-width: 2px; 1633 | } 1634 | 1635 | .border-l-\[2px\] { 1636 | border-left-width: 2px; 1637 | } 1638 | 1639 | .border-l-2 { 1640 | border-left-width: 2px; 1641 | } 1642 | 1643 | .border-none { 1644 | border-style: none; 1645 | } 1646 | 1647 | .border-transparent { 1648 | border-color: transparent; 1649 | } 1650 | 1651 | .border-blue-600 { 1652 | --tw-border-opacity: 1; 1653 | border-color: rgb(37 99 235 / var(--tw-border-opacity)); 1654 | } 1655 | 1656 | .border-\[\#0b1727\] { 1657 | --tw-border-opacity: 1; 1658 | border-color: rgb(11 23 39 / var(--tw-border-opacity)); 1659 | } 1660 | 1661 | .border-white { 1662 | --tw-border-opacity: 1; 1663 | border-color: rgb(255 255 255 / var(--tw-border-opacity)); 1664 | } 1665 | 1666 | .border-gray-400 { 1667 | --tw-border-opacity: 1; 1668 | border-color: rgb(156 163 175 / var(--tw-border-opacity)); 1669 | } 1670 | 1671 | .border-blue-100 { 1672 | --tw-border-opacity: 1; 1673 | border-color: rgb(219 234 254 / var(--tw-border-opacity)); 1674 | } 1675 | 1676 | .border-gray-600 { 1677 | --tw-border-opacity: 1; 1678 | border-color: rgb(75 85 99 / var(--tw-border-opacity)); 1679 | } 1680 | 1681 | .border-gray-300 { 1682 | --tw-border-opacity: 1; 1683 | border-color: rgb(209 213 219 / var(--tw-border-opacity)); 1684 | } 1685 | 1686 | .border-gray-200 { 1687 | --tw-border-opacity: 1; 1688 | border-color: rgb(229 231 235 / var(--tw-border-opacity)); 1689 | } 1690 | 1691 | .border-black { 1692 | --tw-border-opacity: 1; 1693 | border-color: rgb(0 0 0 / var(--tw-border-opacity)); 1694 | } 1695 | 1696 | .border-\[\#1c293a\] { 1697 | --tw-border-opacity: 1; 1698 | border-color: rgb(28 41 58 / var(--tw-border-opacity)); 1699 | } 1700 | 1701 | .border-x-transparent { 1702 | border-left-color: transparent; 1703 | border-right-color: transparent; 1704 | } 1705 | 1706 | .border-t-white { 1707 | --tw-border-opacity: 1; 1708 | border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); 1709 | } 1710 | 1711 | .border-b-transparent { 1712 | border-bottom-color: transparent; 1713 | } 1714 | 1715 | .bg-white { 1716 | --tw-bg-opacity: 1; 1717 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 1718 | } 1719 | 1720 | .bg-gray-800 { 1721 | --tw-bg-opacity: 1; 1722 | background-color: rgb(31 41 55 / var(--tw-bg-opacity)); 1723 | } 1724 | 1725 | .bg-black { 1726 | --tw-bg-opacity: 1; 1727 | background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 1728 | } 1729 | 1730 | .bg-blue-600 { 1731 | --tw-bg-opacity: 1; 1732 | background-color: rgb(37 99 235 / var(--tw-bg-opacity)); 1733 | } 1734 | 1735 | .bg-gray-900 { 1736 | --tw-bg-opacity: 1; 1737 | background-color: rgb(17 24 39 / var(--tw-bg-opacity)); 1738 | } 1739 | 1740 | .bg-gray-500 { 1741 | --tw-bg-opacity: 1; 1742 | background-color: rgb(107 114 128 / var(--tw-bg-opacity)); 1743 | } 1744 | 1745 | .bg-stone-900 { 1746 | --tw-bg-opacity: 1; 1747 | background-color: rgb(28 25 23 / var(--tw-bg-opacity)); 1748 | } 1749 | 1750 | .bg-zinc-900 { 1751 | --tw-bg-opacity: 1; 1752 | background-color: rgb(24 24 27 / var(--tw-bg-opacity)); 1753 | } 1754 | 1755 | .bg-transparent { 1756 | background-color: transparent; 1757 | } 1758 | 1759 | .bg-gray-100 { 1760 | --tw-bg-opacity: 1; 1761 | background-color: rgb(243 244 246 / var(--tw-bg-opacity)); 1762 | } 1763 | 1764 | .bg-orange-800 { 1765 | --tw-bg-opacity: 1; 1766 | background-color: rgb(154 52 18 / var(--tw-bg-opacity)); 1767 | } 1768 | 1769 | .bg-\[\#4f2ac0\] { 1770 | --tw-bg-opacity: 1; 1771 | background-color: rgb(79 42 192 / var(--tw-bg-opacity)); 1772 | } 1773 | 1774 | .bg-\[\#fac057\] { 1775 | --tw-bg-opacity: 1; 1776 | background-color: rgb(250 192 87 / var(--tw-bg-opacity)); 1777 | } 1778 | 1779 | .bg-\[\#291e6a\] { 1780 | --tw-bg-opacity: 1; 1781 | background-color: rgb(41 30 106 / var(--tw-bg-opacity)); 1782 | } 1783 | 1784 | .bg-\[\#303446\] { 1785 | --tw-bg-opacity: 1; 1786 | background-color: rgb(48 52 70 / var(--tw-bg-opacity)); 1787 | } 1788 | 1789 | .bg-\[\#eff4fd\] { 1790 | --tw-bg-opacity: 1; 1791 | background-color: rgb(239 244 253 / var(--tw-bg-opacity)); 1792 | } 1793 | 1794 | .bg-\[\#74D8E7\] { 1795 | --tw-bg-opacity: 1; 1796 | background-color: rgb(116 216 231 / var(--tw-bg-opacity)); 1797 | } 1798 | 1799 | .bg-lime-50 { 1800 | --tw-bg-opacity: 1; 1801 | background-color: rgb(247 254 231 / var(--tw-bg-opacity)); 1802 | } 1803 | 1804 | .bg-red-50 { 1805 | --tw-bg-opacity: 1; 1806 | background-color: rgb(254 242 242 / var(--tw-bg-opacity)); 1807 | } 1808 | 1809 | .bg-pink-50 { 1810 | --tw-bg-opacity: 1; 1811 | background-color: rgb(253 242 248 / var(--tw-bg-opacity)); 1812 | } 1813 | 1814 | .bg-blue-50 { 1815 | --tw-bg-opacity: 1; 1816 | background-color: rgb(239 246 255 / var(--tw-bg-opacity)); 1817 | } 1818 | 1819 | .bg-orange-50 { 1820 | --tw-bg-opacity: 1; 1821 | background-color: rgb(255 247 237 / var(--tw-bg-opacity)); 1822 | } 1823 | 1824 | .bg-violet-50 { 1825 | --tw-bg-opacity: 1; 1826 | background-color: rgb(245 243 255 / var(--tw-bg-opacity)); 1827 | } 1828 | 1829 | .bg-yellow-50 { 1830 | --tw-bg-opacity: 1; 1831 | background-color: rgb(254 252 232 / var(--tw-bg-opacity)); 1832 | } 1833 | 1834 | .bg-purple-50 { 1835 | --tw-bg-opacity: 1; 1836 | background-color: rgb(250 245 255 / var(--tw-bg-opacity)); 1837 | } 1838 | 1839 | .bg-gray-300 { 1840 | --tw-bg-opacity: 1; 1841 | background-color: rgb(209 213 219 / var(--tw-bg-opacity)); 1842 | } 1843 | 1844 | .bg-blue-800 { 1845 | --tw-bg-opacity: 1; 1846 | background-color: rgb(30 64 175 / var(--tw-bg-opacity)); 1847 | } 1848 | 1849 | .bg-blue-100 { 1850 | --tw-bg-opacity: 1; 1851 | background-color: rgb(219 234 254 / var(--tw-bg-opacity)); 1852 | } 1853 | 1854 | .bg-slate-100 { 1855 | --tw-bg-opacity: 1; 1856 | background-color: rgb(241 245 249 / var(--tw-bg-opacity)); 1857 | } 1858 | 1859 | .bg-\[\#fff5f4\] { 1860 | --tw-bg-opacity: 1; 1861 | background-color: rgb(255 245 244 / var(--tw-bg-opacity)); 1862 | } 1863 | 1864 | .bg-slate-300 { 1865 | --tw-bg-opacity: 1; 1866 | background-color: rgb(203 213 225 / var(--tw-bg-opacity)); 1867 | } 1868 | 1869 | .bg-blue-900 { 1870 | --tw-bg-opacity: 1; 1871 | background-color: rgb(30 58 138 / var(--tw-bg-opacity)); 1872 | } 1873 | 1874 | .bg-gray-50 { 1875 | --tw-bg-opacity: 1; 1876 | background-color: rgb(249 250 251 / var(--tw-bg-opacity)); 1877 | } 1878 | 1879 | .bg-\[\#252d39\] { 1880 | --tw-bg-opacity: 1; 1881 | background-color: rgb(37 45 57 / var(--tw-bg-opacity)); 1882 | } 1883 | 1884 | .bg-\[\#70358c\] { 1885 | --tw-bg-opacity: 1; 1886 | background-color: rgb(112 53 140 / var(--tw-bg-opacity)); 1887 | } 1888 | 1889 | .bg-\[\#ffe7e7\] { 1890 | --tw-bg-opacity: 1; 1891 | background-color: rgb(255 231 231 / var(--tw-bg-opacity)); 1892 | } 1893 | 1894 | .bg-\[\#e8fffa\] { 1895 | --tw-bg-opacity: 1; 1896 | background-color: rgb(232 255 250 / var(--tw-bg-opacity)); 1897 | } 1898 | 1899 | .bg-\[\#fc6e5c\] { 1900 | --tw-bg-opacity: 1; 1901 | background-color: rgb(252 110 92 / var(--tw-bg-opacity)); 1902 | } 1903 | 1904 | .bg-\[\#0479c1\] { 1905 | --tw-bg-opacity: 1; 1906 | background-color: rgb(4 121 193 / var(--tw-bg-opacity)); 1907 | } 1908 | 1909 | .bg-\[\#ffd600\] { 1910 | --tw-bg-opacity: 1; 1911 | background-color: rgb(255 214 0 / var(--tw-bg-opacity)); 1912 | } 1913 | 1914 | .bg-blue-200 { 1915 | --tw-bg-opacity: 1; 1916 | background-color: rgb(191 219 254 / var(--tw-bg-opacity)); 1917 | } 1918 | 1919 | .bg-\[\#d0fef4\] { 1920 | --tw-bg-opacity: 1; 1921 | background-color: rgb(208 254 244 / var(--tw-bg-opacity)); 1922 | } 1923 | 1924 | .bg-\[\#51cbd0\] { 1925 | --tw-bg-opacity: 1; 1926 | background-color: rgb(81 203 208 / var(--tw-bg-opacity)); 1927 | } 1928 | 1929 | .bg-opacity-60 { 1930 | --tw-bg-opacity: 0.6; 1931 | } 1932 | 1933 | .bg-opacity-30 { 1934 | --tw-bg-opacity: 0.3; 1935 | } 1936 | 1937 | .bg-opacity-75 { 1938 | --tw-bg-opacity: 0.75; 1939 | } 1940 | 1941 | .bg-opacity-50 { 1942 | --tw-bg-opacity: 0.5; 1943 | } 1944 | 1945 | .bg-opacity-90 { 1946 | --tw-bg-opacity: 0.9; 1947 | } 1948 | 1949 | .bg-opacity-95 { 1950 | --tw-bg-opacity: 0.95; 1951 | } 1952 | 1953 | .bg-opacity-10 { 1954 | --tw-bg-opacity: 0.1; 1955 | } 1956 | 1957 | .bg-opacity-70 { 1958 | --tw-bg-opacity: 0.7; 1959 | } 1960 | 1961 | .bg-opacity-5 { 1962 | --tw-bg-opacity: 0.05; 1963 | } 1964 | 1965 | .bg-opacity-100 { 1966 | --tw-bg-opacity: 1; 1967 | } 1968 | 1969 | .bg-opacity-40 { 1970 | --tw-bg-opacity: 0.4; 1971 | } 1972 | 1973 | .bg-opacity-20 { 1974 | --tw-bg-opacity: 0.2; 1975 | } 1976 | 1977 | .bg-\[url\(\'https\:\/\/cdn\.easyfrontend\.com\/pictures\/about\/about14_bg\.jpg\'\)\] { 1978 | background-image: url('https://cdn.easyfrontend.com/pictures/about/about14_bg.jpg'); 1979 | } 1980 | 1981 | .bg-cover { 1982 | background-size: cover; 1983 | } 1984 | 1985 | .bg-center { 1986 | background-position: center; 1987 | } 1988 | 1989 | .bg-no-repeat { 1990 | background-repeat: no-repeat; 1991 | } 1992 | 1993 | .object-cover { 1994 | -o-object-fit: cover; 1995 | object-fit: cover; 1996 | } 1997 | 1998 | .p-6 { 1999 | padding: 1.5rem; 2000 | } 2001 | 2002 | .p-4 { 2003 | padding: 1rem; 2004 | } 2005 | 2006 | .p-8 { 2007 | padding: 2rem; 2008 | } 2009 | 2010 | .p-3 { 2011 | padding: 0.75rem; 2012 | } 2013 | 2014 | .p-2 { 2015 | padding: 0.5rem; 2016 | } 2017 | 2018 | .p-1 { 2019 | padding: 0.25rem; 2020 | } 2021 | 2022 | .p-0 { 2023 | padding: 0px; 2024 | } 2025 | 2026 | .p-5 { 2027 | padding: 1.25rem; 2028 | } 2029 | 2030 | .py-14 { 2031 | padding-top: 3.5rem; 2032 | padding-bottom: 3.5rem; 2033 | } 2034 | 2035 | .px-4 { 2036 | padding-left: 1rem; 2037 | padding-right: 1rem; 2038 | } 2039 | 2040 | .px-8 { 2041 | padding-left: 2rem; 2042 | padding-right: 2rem; 2043 | } 2044 | 2045 | .py-2 { 2046 | padding-top: 0.5rem; 2047 | padding-bottom: 0.5rem; 2048 | } 2049 | 2050 | .py-12 { 2051 | padding-top: 3rem; 2052 | padding-bottom: 3rem; 2053 | } 2054 | 2055 | .px-5 { 2056 | padding-left: 1.25rem; 2057 | padding-right: 1.25rem; 2058 | } 2059 | 2060 | .px-7 { 2061 | padding-left: 1.75rem; 2062 | padding-right: 1.75rem; 2063 | } 2064 | 2065 | .py-3 { 2066 | padding-top: 0.75rem; 2067 | padding-bottom: 0.75rem; 2068 | } 2069 | 2070 | .py-20 { 2071 | padding-top: 5rem; 2072 | padding-bottom: 5rem; 2073 | } 2074 | 2075 | .py-24 { 2076 | padding-top: 6rem; 2077 | padding-bottom: 6rem; 2078 | } 2079 | 2080 | .px-6 { 2081 | padding-left: 1.5rem; 2082 | padding-right: 1.5rem; 2083 | } 2084 | 2085 | .px-10 { 2086 | padding-left: 2.5rem; 2087 | padding-right: 2.5rem; 2088 | } 2089 | 2090 | .py-4 { 2091 | padding-top: 1rem; 2092 | padding-bottom: 1rem; 2093 | } 2094 | 2095 | .px-3 { 2096 | padding-left: 0.75rem; 2097 | padding-right: 0.75rem; 2098 | } 2099 | 2100 | .px-16 { 2101 | padding-left: 4rem; 2102 | padding-right: 4rem; 2103 | } 2104 | 2105 | .px-20 { 2106 | padding-left: 5rem; 2107 | padding-right: 5rem; 2108 | } 2109 | 2110 | .px-12 { 2111 | padding-left: 3rem; 2112 | padding-right: 3rem; 2113 | } 2114 | 2115 | .px-9 { 2116 | padding-left: 2.25rem; 2117 | padding-right: 2.25rem; 2118 | } 2119 | 2120 | .py-2\.5 { 2121 | padding-top: 0.625rem; 2122 | padding-bottom: 0.625rem; 2123 | } 2124 | 2125 | .py-16 { 2126 | padding-top: 4rem; 2127 | padding-bottom: 4rem; 2128 | } 2129 | 2130 | .px-0 { 2131 | padding-left: 0px; 2132 | padding-right: 0px; 2133 | } 2134 | 2135 | .py-5 { 2136 | padding-top: 1.25rem; 2137 | padding-bottom: 1.25rem; 2138 | } 2139 | 2140 | .py-1 { 2141 | padding-top: 0.25rem; 2142 | padding-bottom: 0.25rem; 2143 | } 2144 | 2145 | .py-\[60px\] { 2146 | padding-top: 60px; 2147 | padding-bottom: 60px; 2148 | } 2149 | 2150 | .py-\[55px\] { 2151 | padding-top: 55px; 2152 | padding-bottom: 55px; 2153 | } 2154 | 2155 | .py-\[100px\] { 2156 | padding-top: 100px; 2157 | padding-bottom: 100px; 2158 | } 2159 | 2160 | .px-2 { 2161 | padding-left: 0.5rem; 2162 | padding-right: 0.5rem; 2163 | } 2164 | 2165 | .pr-6 { 2166 | padding-right: 1.5rem; 2167 | } 2168 | 2169 | .pr-7 { 2170 | padding-right: 1.75rem; 2171 | } 2172 | 2173 | .pb-14 { 2174 | padding-bottom: 3.5rem; 2175 | } 2176 | 2177 | .pt-14 { 2178 | padding-top: 3.5rem; 2179 | } 2180 | 2181 | .pb-6 { 2182 | padding-bottom: 1.5rem; 2183 | } 2184 | 2185 | .pt-6 { 2186 | padding-top: 1.5rem; 2187 | } 2188 | 2189 | .pt-0 { 2190 | padding-top: 0px; 2191 | } 2192 | 2193 | .pb-3 { 2194 | padding-bottom: 0.75rem; 2195 | } 2196 | 2197 | .pb-8 { 2198 | padding-bottom: 2rem; 2199 | } 2200 | 2201 | .pb-2 { 2202 | padding-bottom: 0.5rem; 2203 | } 2204 | 2205 | .pb-4 { 2206 | padding-bottom: 1rem; 2207 | } 2208 | 2209 | .pl-4 { 2210 | padding-left: 1rem; 2211 | } 2212 | 2213 | .pt-12 { 2214 | padding-top: 3rem; 2215 | } 2216 | 2217 | .pl-6 { 2218 | padding-left: 1.5rem; 2219 | } 2220 | 2221 | .pr-12 { 2222 | padding-right: 3rem; 2223 | } 2224 | 2225 | .pt-\[160px\] { 2226 | padding-top: 160px; 2227 | } 2228 | 2229 | .pb-0 { 2230 | padding-bottom: 0px; 2231 | } 2232 | 2233 | .pt-\[100px\] { 2234 | padding-top: 100px; 2235 | } 2236 | 2237 | .pt-24 { 2238 | padding-top: 6rem; 2239 | } 2240 | 2241 | .pb-\[60px\] { 2242 | padding-bottom: 60px; 2243 | } 2244 | 2245 | .pt-16 { 2246 | padding-top: 4rem; 2247 | } 2248 | 2249 | .pl-12 { 2250 | padding-left: 3rem; 2251 | } 2252 | 2253 | .text-center { 2254 | text-align: center; 2255 | } 2256 | 2257 | .text-justify { 2258 | text-align: justify; 2259 | } 2260 | 2261 | .text-start { 2262 | text-align: start; 2263 | } 2264 | 2265 | .text-end { 2266 | text-align: end; 2267 | } 2268 | 2269 | .text-4xl { 2270 | font-size: 2.25rem; 2271 | line-height: 2.5rem; 2272 | } 2273 | 2274 | .text-base { 2275 | font-size: 1rem; 2276 | line-height: 1.5rem; 2277 | } 2278 | 2279 | .text-3xl { 2280 | font-size: 1.875rem; 2281 | line-height: 2.25rem; 2282 | } 2283 | 2284 | .text-6xl { 2285 | font-size: 3.75rem; 2286 | line-height: 1; 2287 | } 2288 | 2289 | .text-xl { 2290 | font-size: 1.25rem; 2291 | line-height: 1.75rem; 2292 | } 2293 | 2294 | .text-2xl { 2295 | font-size: 1.5rem; 2296 | line-height: 2rem; 2297 | } 2298 | 2299 | .text-\[40px\] { 2300 | font-size: 40px; 2301 | } 2302 | 2303 | .text-sm { 2304 | font-size: 0.875rem; 2305 | line-height: 1.25rem; 2306 | } 2307 | 2308 | .text-lg { 2309 | font-size: 1.125rem; 2310 | line-height: 1.75rem; 2311 | } 2312 | 2313 | .text-5xl { 2314 | font-size: 3rem; 2315 | line-height: 1; 2316 | } 2317 | 2318 | .text-\[17px\] { 2319 | font-size: 17px; 2320 | } 2321 | 2322 | .text-\[22px\] { 2323 | font-size: 22px; 2324 | } 2325 | 2326 | .text-\[32px\] { 2327 | font-size: 32px; 2328 | } 2329 | 2330 | .text-\[19px\] { 2331 | font-size: 19px; 2332 | } 2333 | 2334 | .text-\[25px\] { 2335 | font-size: 25px; 2336 | } 2337 | 2338 | .text-\[35px\] { 2339 | font-size: 35px; 2340 | } 2341 | 2342 | .text-\[15px\] { 2343 | font-size: 15px; 2344 | } 2345 | 2346 | .text-\[26px\] { 2347 | font-size: 26px; 2348 | } 2349 | 2350 | .text-\[28px\] { 2351 | font-size: 28px; 2352 | } 2353 | 2354 | .text-\[29px\] { 2355 | font-size: 29px; 2356 | } 2357 | 2358 | .text-\[12px\] { 2359 | font-size: 12px; 2360 | } 2361 | 2362 | .text-\[42px\] { 2363 | font-size: 42px; 2364 | } 2365 | 2366 | .font-light { 2367 | font-weight: 300; 2368 | } 2369 | 2370 | .font-bold { 2371 | font-weight: 700; 2372 | } 2373 | 2374 | .font-medium { 2375 | font-weight: 500; 2376 | } 2377 | 2378 | .font-normal { 2379 | font-weight: 400; 2380 | } 2381 | 2382 | .font-semibold { 2383 | font-weight: 600; 2384 | } 2385 | 2386 | .font-black { 2387 | font-weight: 900; 2388 | } 2389 | 2390 | .uppercase { 2391 | text-transform: uppercase; 2392 | } 2393 | 2394 | .capitalize { 2395 | text-transform: capitalize; 2396 | } 2397 | 2398 | .leading-tight { 2399 | line-height: 1.25; 2400 | } 2401 | 2402 | .leading-none { 2403 | line-height: 1; 2404 | } 2405 | 2406 | .leading-7 { 2407 | line-height: 1.75rem; 2408 | } 2409 | 2410 | .leading-snug { 2411 | line-height: 1.375; 2412 | } 2413 | 2414 | .leading-relaxed { 2415 | line-height: 1.625; 2416 | } 2417 | 2418 | .leading-8 { 2419 | line-height: 2rem; 2420 | } 2421 | 2422 | .leading-normal { 2423 | line-height: 1.5; 2424 | } 2425 | 2426 | .leading-6 { 2427 | line-height: 1.5rem; 2428 | } 2429 | 2430 | .leading-5 { 2431 | line-height: 1.25rem; 2432 | } 2433 | 2434 | .leading-10 { 2435 | line-height: 2.5rem; 2436 | } 2437 | 2438 | .leading-9 { 2439 | line-height: 2.25rem; 2440 | } 2441 | 2442 | .leading-\[45px\] { 2443 | line-height: 45px; 2444 | } 2445 | 2446 | .leading-4 { 2447 | line-height: 1rem; 2448 | } 2449 | 2450 | .tracking-widest { 2451 | letter-spacing: 0.1em; 2452 | } 2453 | 2454 | .tracking-wide { 2455 | letter-spacing: 0.025em; 2456 | } 2457 | 2458 | .tracking-wider { 2459 | letter-spacing: 0.05em; 2460 | } 2461 | 2462 | .tracking-\[5px\] { 2463 | letter-spacing: 5px; 2464 | } 2465 | 2466 | .tracking-\[2px\] { 2467 | letter-spacing: 2px; 2468 | } 2469 | 2470 | .tracking-\[1px\] { 2471 | letter-spacing: 1px; 2472 | } 2473 | 2474 | .text-zinc-900 { 2475 | --tw-text-opacity: 1; 2476 | color: rgb(24 24 27 / var(--tw-text-opacity)); 2477 | } 2478 | 2479 | .text-blue-600 { 2480 | --tw-text-opacity: 1; 2481 | color: rgb(37 99 235 / var(--tw-text-opacity)); 2482 | } 2483 | 2484 | .text-white { 2485 | --tw-text-opacity: 1; 2486 | color: rgb(255 255 255 / var(--tw-text-opacity)); 2487 | } 2488 | 2489 | .text-gray-50 { 2490 | --tw-text-opacity: 1; 2491 | color: rgb(249 250 251 / var(--tw-text-opacity)); 2492 | } 2493 | 2494 | .text-stone-800 { 2495 | --tw-text-opacity: 1; 2496 | color: rgb(41 37 36 / var(--tw-text-opacity)); 2497 | } 2498 | 2499 | .text-gray-800 { 2500 | --tw-text-opacity: 1; 2501 | color: rgb(31 41 55 / var(--tw-text-opacity)); 2502 | } 2503 | 2504 | .text-black { 2505 | --tw-text-opacity: 1; 2506 | color: rgb(0 0 0 / var(--tw-text-opacity)); 2507 | } 2508 | 2509 | .text-\[\#fef2fb\] { 2510 | --tw-text-opacity: 1; 2511 | color: rgb(254 242 251 / var(--tw-text-opacity)); 2512 | } 2513 | 2514 | .text-\[\#5bccc7\] { 2515 | --tw-text-opacity: 1; 2516 | color: rgb(91 204 199 / var(--tw-text-opacity)); 2517 | } 2518 | 2519 | .text-\[\#04004d\] { 2520 | --tw-text-opacity: 1; 2521 | color: rgb(4 0 77 / var(--tw-text-opacity)); 2522 | } 2523 | 2524 | .text-\[\#e5f4f6\] { 2525 | --tw-text-opacity: 1; 2526 | color: rgb(229 244 246 / var(--tw-text-opacity)); 2527 | } 2528 | 2529 | .text-stone-900 { 2530 | --tw-text-opacity: 1; 2531 | color: rgb(28 25 23 / var(--tw-text-opacity)); 2532 | } 2533 | 2534 | .text-\[\#fff\] { 2535 | --tw-text-opacity: 1; 2536 | color: rgb(255 255 255 / var(--tw-text-opacity)); 2537 | } 2538 | 2539 | .text-\[\#fc6e5c\] { 2540 | --tw-text-opacity: 1; 2541 | color: rgb(252 110 92 / var(--tw-text-opacity)); 2542 | } 2543 | 2544 | .text-\[\#0479c1\] { 2545 | --tw-text-opacity: 1; 2546 | color: rgb(4 121 193 / var(--tw-text-opacity)); 2547 | } 2548 | 2549 | .text-\[\#ffd600\] { 2550 | --tw-text-opacity: 1; 2551 | color: rgb(255 214 0 / var(--tw-text-opacity)); 2552 | } 2553 | 2554 | .text-\[\#23262f\] { 2555 | --tw-text-opacity: 1; 2556 | color: rgb(35 38 47 / var(--tw-text-opacity)); 2557 | } 2558 | 2559 | .text-\[\#1c293a\] { 2560 | --tw-text-opacity: 1; 2561 | color: rgb(28 41 58 / var(--tw-text-opacity)); 2562 | } 2563 | 2564 | .text-opacity-25 { 2565 | --tw-text-opacity: 0.25; 2566 | } 2567 | 2568 | .text-opacity-80 { 2569 | --tw-text-opacity: 0.8; 2570 | } 2571 | 2572 | .underline { 2573 | text-decoration-line: underline; 2574 | } 2575 | 2576 | .opacity-80 { 2577 | opacity: 0.8; 2578 | } 2579 | 2580 | .opacity-70 { 2581 | opacity: 0.7; 2582 | } 2583 | 2584 | .opacity-100 { 2585 | opacity: 1; 2586 | } 2587 | 2588 | .opacity-75 { 2589 | opacity: 0.75; 2590 | } 2591 | 2592 | .opacity-60 { 2593 | opacity: 0.6; 2594 | } 2595 | 2596 | .opacity-50 { 2597 | opacity: 0.5; 2598 | } 2599 | 2600 | .opacity-90 { 2601 | opacity: 0.9; 2602 | } 2603 | 2604 | .opacity-10 { 2605 | opacity: 0.1; 2606 | } 2607 | 2608 | .opacity-0 { 2609 | opacity: 0; 2610 | } 2611 | 2612 | .shadow-2xl { 2613 | --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); 2614 | --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); 2615 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2616 | } 2617 | 2618 | .shadow-xl { 2619 | --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); 2620 | --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); 2621 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2622 | } 2623 | 2624 | .shadow-lg { 2625 | --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); 2626 | --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 2627 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2628 | } 2629 | 2630 | .shadow { 2631 | --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); 2632 | --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); 2633 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2634 | } 2635 | 2636 | .shadow-sm { 2637 | --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 2638 | --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 2639 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2640 | } 2641 | 2642 | .outline { 2643 | outline-style: solid; 2644 | } 2645 | 2646 | .outline-\[3px\] { 2647 | outline-width: 3px; 2648 | } 2649 | 2650 | .outline-blue-600 { 2651 | outline-color: #2563eb; 2652 | } 2653 | 2654 | .grayscale { 2655 | --tw-grayscale: grayscale(100%); 2656 | 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); 2657 | } 2658 | 2659 | .transition { 2660 | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 2661 | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 2662 | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 2663 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2664 | transition-duration: 150ms; 2665 | } 2666 | 2667 | .transition-colors { 2668 | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 2669 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2670 | transition-duration: 150ms; 2671 | } 2672 | 2673 | .transition-all { 2674 | transition-property: all; 2675 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2676 | transition-duration: 150ms; 2677 | } 2678 | 2679 | .duration-150 { 2680 | transition-duration: 150ms; 2681 | } 2682 | 2683 | .duration-300 { 2684 | transition-duration: 300ms; 2685 | } 2686 | 2687 | .duration-500 { 2688 | transition-duration: 500ms; 2689 | } 2690 | 2691 | .ease-in-out { 2692 | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 2693 | } 2694 | 2695 | /* @layer components { 2696 | .btn-primary { 2697 | @apply bg-blue-600 hover:bg-opacity-90 text-white font-bold border border-blue-600 py-3 px-7 rounded transition; 2698 | } 2699 | .btn-outline { 2700 | @apply bg-transparent hover:bg-blue-600 border border-blue-600 hover:text-white py-2 px-5 rounded transition; 2701 | } 2702 | .section-padding { 2703 | @apply py-[60px] md:py-[100px]; 2704 | } 2705 | .form-control { 2706 | @apply min-h-[42px] leading-[26px] bg-white text-black focus:outline-none; 2707 | } 2708 | } */ 2709 | 2710 | .placeholder\:text-lg::-moz-placeholder { 2711 | font-size: 1.125rem; 2712 | line-height: 1.75rem; 2713 | } 2714 | 2715 | .placeholder\:text-lg::placeholder { 2716 | font-size: 1.125rem; 2717 | line-height: 1.75rem; 2718 | } 2719 | 2720 | .placeholder\:text-gray-900::-moz-placeholder { 2721 | --tw-text-opacity: 1; 2722 | color: rgb(17 24 39 / var(--tw-text-opacity)); 2723 | } 2724 | 2725 | .placeholder\:text-gray-900::placeholder { 2726 | --tw-text-opacity: 1; 2727 | color: rgb(17 24 39 / var(--tw-text-opacity)); 2728 | } 2729 | 2730 | .placeholder\:text-white::-moz-placeholder { 2731 | --tw-text-opacity: 1; 2732 | color: rgb(255 255 255 / var(--tw-text-opacity)); 2733 | } 2734 | 2735 | .placeholder\:text-white::placeholder { 2736 | --tw-text-opacity: 1; 2737 | color: rgb(255 255 255 / var(--tw-text-opacity)); 2738 | } 2739 | 2740 | .before\:absolute::before { 2741 | content: var(--tw-content); 2742 | position: absolute; 2743 | } 2744 | 2745 | .before\:top-1\/2::before { 2746 | content: var(--tw-content); 2747 | top: 50%; 2748 | } 2749 | 2750 | .before\:left-1\/2::before { 2751 | content: var(--tw-content); 2752 | left: 50%; 2753 | } 2754 | 2755 | .before\:-top-6::before { 2756 | content: var(--tw-content); 2757 | top: -1.5rem; 2758 | } 2759 | 2760 | .before\:-bottom-6::before { 2761 | content: var(--tw-content); 2762 | bottom: -1.5rem; 2763 | } 2764 | 2765 | .before\:-right-6::before { 2766 | content: var(--tw-content); 2767 | right: -1.5rem; 2768 | } 2769 | 2770 | .before\:-left-6::before { 2771 | content: var(--tw-content); 2772 | left: -1.5rem; 2773 | } 2774 | 2775 | .before\:-z-\[1\]::before { 2776 | content: var(--tw-content); 2777 | z-index: -1; 2778 | } 2779 | 2780 | .before\:block::before { 2781 | content: var(--tw-content); 2782 | display: block; 2783 | } 2784 | 2785 | .before\:h-\[75px\]::before { 2786 | content: var(--tw-content); 2787 | height: 75px; 2788 | } 2789 | 2790 | .before\:w-\[75px\]::before { 2791 | content: var(--tw-content); 2792 | width: 75px; 2793 | } 2794 | 2795 | .before\:w-1\/3::before { 2796 | content: var(--tw-content); 2797 | width: 33.333333%; 2798 | } 2799 | 2800 | .before\:-translate-x-1\/2::before { 2801 | content: var(--tw-content); 2802 | --tw-translate-x: -50%; 2803 | 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)); 2804 | } 2805 | 2806 | .before\:-translate-y-1\/2::before { 2807 | content: var(--tw-content); 2808 | --tw-translate-y: -50%; 2809 | 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)); 2810 | } 2811 | 2812 | .before\:rounded-full::before { 2813 | content: var(--tw-content); 2814 | border-radius: 9999px; 2815 | } 2816 | 2817 | .before\:rounded-\[20px\]::before { 2818 | content: var(--tw-content); 2819 | border-radius: 20px; 2820 | } 2821 | 2822 | .before\:bg-white::before { 2823 | content: var(--tw-content); 2824 | --tw-bg-opacity: 1; 2825 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 2826 | } 2827 | 2828 | .before\:bg-blue-600::before { 2829 | content: var(--tw-content); 2830 | --tw-bg-opacity: 1; 2831 | background-color: rgb(37 99 235 / var(--tw-bg-opacity)); 2832 | } 2833 | 2834 | .before\:bg-opacity-20::before { 2835 | content: var(--tw-content); 2836 | --tw-bg-opacity: 0.2; 2837 | } 2838 | 2839 | .after\:absolute::after { 2840 | content: var(--tw-content); 2841 | position: absolute; 2842 | } 2843 | 2844 | .after\:bottom-4::after { 2845 | content: var(--tw-content); 2846 | bottom: 1rem; 2847 | } 2848 | 2849 | .after\:h-1::after { 2850 | content: var(--tw-content); 2851 | height: 0.25rem; 2852 | } 2853 | 2854 | .after\:w-32::after { 2855 | content: var(--tw-content); 2856 | width: 8rem; 2857 | } 2858 | 2859 | .after\:-translate-x-1\/2::after { 2860 | content: var(--tw-content); 2861 | --tw-translate-x: -50%; 2862 | 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)); 2863 | } 2864 | 2865 | .after\:text-blue-600::after { 2866 | content: var(--tw-content); 2867 | --tw-text-opacity: 1; 2868 | color: rgb(37 99 235 / var(--tw-text-opacity)); 2869 | } 2870 | 2871 | .odd\:bg-gray-100:nth-child(odd) { 2872 | --tw-bg-opacity: 1; 2873 | background-color: rgb(243 244 246 / var(--tw-bg-opacity)); 2874 | } 2875 | 2876 | .even\:bg-transparent:nth-child(even) { 2877 | background-color: transparent; 2878 | } 2879 | 2880 | .hover\:border-blue-600:hover { 2881 | --tw-border-opacity: 1; 2882 | border-color: rgb(37 99 235 / var(--tw-border-opacity)); 2883 | } 2884 | 2885 | .hover\:border-opacity-90:hover { 2886 | --tw-border-opacity: 0.9; 2887 | } 2888 | 2889 | .hover\:bg-blue-600:hover { 2890 | --tw-bg-opacity: 1; 2891 | background-color: rgb(37 99 235 / var(--tw-bg-opacity)); 2892 | } 2893 | 2894 | .hover\:bg-transparent:hover { 2895 | background-color: transparent; 2896 | } 2897 | 2898 | .hover\:bg-white:hover { 2899 | --tw-bg-opacity: 1; 2900 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 2901 | } 2902 | 2903 | .hover\:bg-black:hover { 2904 | --tw-bg-opacity: 1; 2905 | background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 2906 | } 2907 | 2908 | .hover\:bg-slate-100:hover { 2909 | --tw-bg-opacity: 1; 2910 | background-color: rgb(241 245 249 / var(--tw-bg-opacity)); 2911 | } 2912 | 2913 | .hover\:bg-neutral-800:hover { 2914 | --tw-bg-opacity: 1; 2915 | background-color: rgb(38 38 38 / var(--tw-bg-opacity)); 2916 | } 2917 | 2918 | .hover\:bg-\[\#1c293a\]:hover { 2919 | --tw-bg-opacity: 1; 2920 | background-color: rgb(28 41 58 / var(--tw-bg-opacity)); 2921 | } 2922 | 2923 | .hover\:bg-opacity-90:hover { 2924 | --tw-bg-opacity: 0.9; 2925 | } 2926 | 2927 | .hover\:bg-opacity-100:hover { 2928 | --tw-bg-opacity: 1; 2929 | } 2930 | 2931 | .hover\:bg-opacity-20:hover { 2932 | --tw-bg-opacity: 0.2; 2933 | } 2934 | 2935 | .hover\:bg-opacity-95:hover { 2936 | --tw-bg-opacity: 0.95; 2937 | } 2938 | 2939 | .hover\:text-blue-600:hover { 2940 | --tw-text-opacity: 1; 2941 | color: rgb(37 99 235 / var(--tw-text-opacity)); 2942 | } 2943 | 2944 | .hover\:text-white:hover { 2945 | --tw-text-opacity: 1; 2946 | color: rgb(255 255 255 / var(--tw-text-opacity)); 2947 | } 2948 | 2949 | .hover\:text-black:hover { 2950 | --tw-text-opacity: 1; 2951 | color: rgb(0 0 0 / var(--tw-text-opacity)); 2952 | } 2953 | 2954 | .hover\:text-opacity-90:hover { 2955 | --tw-text-opacity: 0.9; 2956 | } 2957 | 2958 | .hover\:opacity-90:hover { 2959 | opacity: 0.9; 2960 | } 2961 | 2962 | .hover\:opacity-100:hover { 2963 | opacity: 1; 2964 | } 2965 | 2966 | .hover\:opacity-80:hover { 2967 | opacity: 0.8; 2968 | } 2969 | 2970 | .hover\:grayscale-0:hover { 2971 | --tw-grayscale: grayscale(0); 2972 | 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); 2973 | } 2974 | 2975 | .focus\:border-emerald-500:focus { 2976 | --tw-border-opacity: 1; 2977 | border-color: rgb(16 185 129 / var(--tw-border-opacity)); 2978 | } 2979 | 2980 | .focus\:border-gray-400:focus { 2981 | --tw-border-opacity: 1; 2982 | border-color: rgb(156 163 175 / var(--tw-border-opacity)); 2983 | } 2984 | 2985 | .focus\:outline-none:focus { 2986 | outline: 2px solid transparent; 2987 | outline-offset: 2px; 2988 | } 2989 | 2990 | .group:hover .group-hover\:top-0 { 2991 | top: 0px; 2992 | } 2993 | 2994 | .group:hover .group-hover\:translate-y-0 { 2995 | --tw-translate-y: 0px; 2996 | 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)); 2997 | } 2998 | 2999 | .group:hover .group-hover\:text-blue-600 { 3000 | --tw-text-opacity: 1; 3001 | color: rgb(37 99 235 / var(--tw-text-opacity)); 3002 | } 3003 | 3004 | .group:hover .group-hover\:opacity-100 { 3005 | opacity: 1; 3006 | } 3007 | 3008 | .dark .dark\:border-white { 3009 | --tw-border-opacity: 1; 3010 | border-color: rgb(255 255 255 / var(--tw-border-opacity)); 3011 | } 3012 | 3013 | .dark .dark\:border-gray-600 { 3014 | --tw-border-opacity: 1; 3015 | border-color: rgb(75 85 99 / var(--tw-border-opacity)); 3016 | } 3017 | 3018 | .dark .dark\:border-blue-600 { 3019 | --tw-border-opacity: 1; 3020 | border-color: rgb(37 99 235 / var(--tw-border-opacity)); 3021 | } 3022 | 3023 | .dark .dark\:border-gray-700 { 3024 | --tw-border-opacity: 1; 3025 | border-color: rgb(55 65 81 / var(--tw-border-opacity)); 3026 | } 3027 | 3028 | .dark .dark\:border-gray-500 { 3029 | --tw-border-opacity: 1; 3030 | border-color: rgb(107 114 128 / var(--tw-border-opacity)); 3031 | } 3032 | 3033 | .dark .dark\:border-gray-800 { 3034 | --tw-border-opacity: 1; 3035 | border-color: rgb(31 41 55 / var(--tw-border-opacity)); 3036 | } 3037 | 3038 | .dark .dark\:border-b-gray-600 { 3039 | --tw-border-opacity: 1; 3040 | border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity)); 3041 | } 3042 | 3043 | .dark .dark\:bg-\[\#0b1727\] { 3044 | --tw-bg-opacity: 1; 3045 | background-color: rgb(11 23 39 / var(--tw-bg-opacity)); 3046 | } 3047 | 3048 | .dark .dark\:bg-white { 3049 | --tw-bg-opacity: 1; 3050 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 3051 | } 3052 | 3053 | .dark .dark\:bg-\[\#1E2735\] { 3054 | --tw-bg-opacity: 1; 3055 | background-color: rgb(30 39 53 / var(--tw-bg-opacity)); 3056 | } 3057 | 3058 | .dark .dark\:bg-stone-700 { 3059 | --tw-bg-opacity: 1; 3060 | background-color: rgb(68 64 60 / var(--tw-bg-opacity)); 3061 | } 3062 | 3063 | .dark .dark\:bg-\[\#0B1727\] { 3064 | --tw-bg-opacity: 1; 3065 | background-color: rgb(11 23 39 / var(--tw-bg-opacity)); 3066 | } 3067 | 3068 | .dark .dark\:bg-gray-600 { 3069 | --tw-bg-opacity: 1; 3070 | background-color: rgb(75 85 99 / var(--tw-bg-opacity)); 3071 | } 3072 | 3073 | .dark .dark\:bg-\[\#1c293a\] { 3074 | --tw-bg-opacity: 1; 3075 | background-color: rgb(28 41 58 / var(--tw-bg-opacity)); 3076 | } 3077 | 3078 | .dark .dark\:bg-gray-800 { 3079 | --tw-bg-opacity: 1; 3080 | background-color: rgb(31 41 55 / var(--tw-bg-opacity)); 3081 | } 3082 | 3083 | .dark .dark\:bg-\[\#2E2F41\] { 3084 | --tw-bg-opacity: 1; 3085 | background-color: rgb(46 47 65 / var(--tw-bg-opacity)); 3086 | } 3087 | 3088 | .dark .dark\:bg-gray-50 { 3089 | --tw-bg-opacity: 1; 3090 | background-color: rgb(249 250 251 / var(--tw-bg-opacity)); 3091 | } 3092 | 3093 | .dark .dark\:bg-gray-900 { 3094 | --tw-bg-opacity: 1; 3095 | background-color: rgb(17 24 39 / var(--tw-bg-opacity)); 3096 | } 3097 | 3098 | .dark .dark\:bg-\[\#162231\] { 3099 | --tw-bg-opacity: 1; 3100 | background-color: rgb(22 34 49 / var(--tw-bg-opacity)); 3101 | } 3102 | 3103 | .dark .dark\:bg-black { 3104 | --tw-bg-opacity: 1; 3105 | background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 3106 | } 3107 | 3108 | .dark .dark\:bg-opacity-90 { 3109 | --tw-bg-opacity: 0.9; 3110 | } 3111 | 3112 | .dark .dark\:bg-opacity-10 { 3113 | --tw-bg-opacity: 0.1; 3114 | } 3115 | 3116 | .dark .dark\:bg-opacity-80 { 3117 | --tw-bg-opacity: 0.8; 3118 | } 3119 | 3120 | .dark .dark\:bg-opacity-5 { 3121 | --tw-bg-opacity: 0.05; 3122 | } 3123 | 3124 | .dark .dark\:bg-opacity-70 { 3125 | --tw-bg-opacity: 0.7; 3126 | } 3127 | 3128 | .dark .dark\:text-white { 3129 | --tw-text-opacity: 1; 3130 | color: rgb(255 255 255 / var(--tw-text-opacity)); 3131 | } 3132 | 3133 | .dark .dark\:text-black { 3134 | --tw-text-opacity: 1; 3135 | color: rgb(0 0 0 / var(--tw-text-opacity)); 3136 | } 3137 | 3138 | .dark .dark\:text-\[\#1E2735\] { 3139 | --tw-text-opacity: 1; 3140 | color: rgb(30 39 53 / var(--tw-text-opacity)); 3141 | } 3142 | 3143 | .dark .dark\:text-\[\#0b1727\] { 3144 | --tw-text-opacity: 1; 3145 | color: rgb(11 23 39 / var(--tw-text-opacity)); 3146 | } 3147 | 3148 | .dark .dark\:text-gray-300 { 3149 | --tw-text-opacity: 1; 3150 | color: rgb(209 213 219 / var(--tw-text-opacity)); 3151 | } 3152 | 3153 | .dark .dark\:text-gray-900 { 3154 | --tw-text-opacity: 1; 3155 | color: rgb(17 24 39 / var(--tw-text-opacity)); 3156 | } 3157 | 3158 | .dark .dark\:opacity-20 { 3159 | opacity: 0.2; 3160 | } 3161 | 3162 | .dark .dark\:shadow-none { 3163 | --tw-shadow: 0 0 #0000; 3164 | --tw-shadow-colored: 0 0 #0000; 3165 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 3166 | } 3167 | 3168 | .dark .dark\:shadow-2xl { 3169 | --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); 3170 | --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); 3171 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 3172 | } 3173 | 3174 | .dark .dark\:placeholder\:text-gray-300::-moz-placeholder { 3175 | --tw-text-opacity: 1; 3176 | color: rgb(209 213 219 / var(--tw-text-opacity)); 3177 | } 3178 | 3179 | .dark .dark\:placeholder\:text-gray-300::placeholder { 3180 | --tw-text-opacity: 1; 3181 | color: rgb(209 213 219 / var(--tw-text-opacity)); 3182 | } 3183 | 3184 | .dark .dark\:hover\:border-blue-600:hover { 3185 | --tw-border-opacity: 1; 3186 | border-color: rgb(37 99 235 / var(--tw-border-opacity)); 3187 | } 3188 | 3189 | .dark .dark\:hover\:bg-white:hover { 3190 | --tw-bg-opacity: 1; 3191 | background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 3192 | } 3193 | 3194 | .dark .dark\:hover\:bg-blue-600:hover { 3195 | --tw-bg-opacity: 1; 3196 | background-color: rgb(37 99 235 / var(--tw-bg-opacity)); 3197 | } 3198 | 3199 | .dark .dark\:hover\:bg-\[\#1E2735\]:hover { 3200 | --tw-bg-opacity: 1; 3201 | background-color: rgb(30 39 53 / var(--tw-bg-opacity)); 3202 | } 3203 | 3204 | .dark .dark\:hover\:bg-opacity-20:hover { 3205 | --tw-bg-opacity: 0.2; 3206 | } 3207 | 3208 | .dark .dark\:hover\:text-white:hover { 3209 | --tw-text-opacity: 1; 3210 | color: rgb(255 255 255 / var(--tw-text-opacity)); 3211 | } 3212 | 3213 | .dark .hover\:dark\:text-black:hover { 3214 | --tw-text-opacity: 1; 3215 | color: rgb(0 0 0 / var(--tw-text-opacity)); 3216 | } 3217 | 3218 | .dark .dark\:focus\:border-emerald-500:focus { 3219 | --tw-border-opacity: 1; 3220 | border-color: rgb(16 185 129 / var(--tw-border-opacity)); 3221 | } 3222 | 3223 | @media (min-width: 640px) { 3224 | .sm\:col-span-6 { 3225 | grid-column: span 6 / span 6; 3226 | } 3227 | 3228 | .sm\:col-span-8 { 3229 | grid-column: span 8 / span 8; 3230 | } 3231 | 3232 | .sm\:col-span-4 { 3233 | grid-column: span 4 / span 4; 3234 | } 3235 | 3236 | .sm\:col-start-4 { 3237 | grid-column-start: 4; 3238 | } 3239 | 3240 | .sm\:col-start-3 { 3241 | grid-column-start: 3; 3242 | } 3243 | 3244 | .sm\:mx-3 { 3245 | margin-left: 0.75rem; 3246 | margin-right: 0.75rem; 3247 | } 3248 | 3249 | .sm\:mt-0 { 3250 | margin-top: 0px; 3251 | } 3252 | 3253 | .sm\:mr-12 { 3254 | margin-right: 3rem; 3255 | } 3256 | 3257 | .sm\:mr-2 { 3258 | margin-right: 0.5rem; 3259 | } 3260 | 3261 | .sm\:ml-6 { 3262 | margin-left: 1.5rem; 3263 | } 3264 | 3265 | .sm\:mr-6 { 3266 | margin-right: 1.5rem; 3267 | } 3268 | 3269 | .sm\:mb-0 { 3270 | margin-bottom: 0px; 3271 | } 3272 | 3273 | .sm\:mb-12 { 3274 | margin-bottom: 3rem; 3275 | } 3276 | 3277 | .sm\:block { 3278 | display: block; 3279 | } 3280 | 3281 | .sm\:w-1\/2 { 3282 | width: 50%; 3283 | } 3284 | 3285 | .sm\:flex-row { 3286 | flex-direction: row; 3287 | } 3288 | 3289 | .sm\:justify-end { 3290 | justify-content: flex-end; 3291 | } 3292 | 3293 | .sm\:px-3 { 3294 | padding-left: 0.75rem; 3295 | padding-right: 0.75rem; 3296 | } 3297 | 3298 | .sm\:px-12 { 3299 | padding-left: 3rem; 3300 | padding-right: 3rem; 3301 | } 3302 | 3303 | .sm\:pr-12 { 3304 | padding-right: 3rem; 3305 | } 3306 | 3307 | .sm\:pr-6 { 3308 | padding-right: 1.5rem; 3309 | } 3310 | 3311 | .sm\:text-start { 3312 | text-align: start; 3313 | } 3314 | 3315 | .sm\:text-lg { 3316 | font-size: 1.125rem; 3317 | line-height: 1.75rem; 3318 | } 3319 | 3320 | .sm\:text-\[22px\] { 3321 | font-size: 22px; 3322 | } 3323 | } 3324 | 3325 | @media (min-width: 768px) { 3326 | .md\:-right-\[5\%\] { 3327 | right: -5%; 3328 | } 3329 | 3330 | .md\:top-0 { 3331 | top: 0px; 3332 | } 3333 | 3334 | .md\:-left-\[20\%\] { 3335 | left: -20%; 3336 | } 3337 | 3338 | .md\:order-1 { 3339 | order: 1; 3340 | } 3341 | 3342 | .md\:order-2 { 3343 | order: 2; 3344 | } 3345 | 3346 | .md\:col-span-8 { 3347 | grid-column: span 8 / span 8; 3348 | } 3349 | 3350 | .md\:col-span-5 { 3351 | grid-column: span 5 / span 5; 3352 | } 3353 | 3354 | .md\:col-span-10 { 3355 | grid-column: span 10 / span 10; 3356 | } 3357 | 3358 | .md\:col-span-2 { 3359 | grid-column: span 2 / span 2; 3360 | } 3361 | 3362 | .md\:col-span-6 { 3363 | grid-column: span 6 / span 6; 3364 | } 3365 | 3366 | .md\:col-span-4 { 3367 | grid-column: span 4 / span 4; 3368 | } 3369 | 3370 | .md\:col-span-7 { 3371 | grid-column: span 7 / span 7; 3372 | } 3373 | 3374 | .md\:col-span-1 { 3375 | grid-column: span 1 / span 1; 3376 | } 3377 | 3378 | .md\:col-span-3 { 3379 | grid-column: span 3 / span 3; 3380 | } 3381 | 3382 | .md\:col-span-9 { 3383 | grid-column: span 9 / span 9; 3384 | } 3385 | 3386 | .md\:col-start-3 { 3387 | grid-column-start: 3; 3388 | } 3389 | 3390 | .md\:col-start-2 { 3391 | grid-column-start: 2; 3392 | } 3393 | 3394 | .md\:col-start-7 { 3395 | grid-column-start: 7; 3396 | } 3397 | 3398 | .md\:col-start-4 { 3399 | grid-column-start: 4; 3400 | } 3401 | 3402 | .md\:col-start-5 { 3403 | grid-column-start: 5; 3404 | } 3405 | 3406 | .md\:col-start-6 { 3407 | grid-column-start: 6; 3408 | } 3409 | 3410 | .md\:col-end-10 { 3411 | grid-column-end: 10; 3412 | } 3413 | 3414 | .md\:col-end-12 { 3415 | grid-column-end: 12; 3416 | } 3417 | 3418 | .md\:my-12 { 3419 | margin-top: 3rem; 3420 | margin-bottom: 3rem; 3421 | } 3422 | 3423 | .md\:my-0 { 3424 | margin-top: 0px; 3425 | margin-bottom: 0px; 3426 | } 3427 | 3428 | .md\:my-24 { 3429 | margin-top: 6rem; 3430 | margin-bottom: 6rem; 3431 | } 3432 | 3433 | .md\:mb-0 { 3434 | margin-bottom: 0px; 3435 | } 3436 | 3437 | .md\:mt-0 { 3438 | margin-top: 0px; 3439 | } 3440 | 3441 | .md\:mr-4 { 3442 | margin-right: 1rem; 3443 | } 3444 | 3445 | .md\:ml-12 { 3446 | margin-left: 3rem; 3447 | } 3448 | 3449 | .md\:mt-12 { 3450 | margin-top: 3rem; 3451 | } 3452 | 3453 | .md\:mb-12 { 3454 | margin-bottom: 3rem; 3455 | } 3456 | 3457 | .md\:mt-14 { 3458 | margin-top: 3.5rem; 3459 | } 3460 | 3461 | .md\:mr-12 { 3462 | margin-right: 3rem; 3463 | } 3464 | 3465 | .md\:mb-16 { 3466 | margin-bottom: 4rem; 3467 | } 3468 | 3469 | .md\:mb-6 { 3470 | margin-bottom: 1.5rem; 3471 | } 3472 | 3473 | .md\:mt-6 { 3474 | margin-top: 1.5rem; 3475 | } 3476 | 3477 | .md\:mb-2 { 3478 | margin-bottom: 0.5rem; 3479 | } 3480 | 3481 | .md\:mt-2 { 3482 | margin-top: 0.5rem; 3483 | } 3484 | 3485 | .md\:block { 3486 | display: block; 3487 | } 3488 | 3489 | .md\:h-full { 3490 | height: 100%; 3491 | } 3492 | 3493 | .md\:w-3\/4 { 3494 | width: 75%; 3495 | } 3496 | 3497 | .md\:w-1\/4 { 3498 | width: 25%; 3499 | } 3500 | 3501 | .md\:w-\[60vw\] { 3502 | width: 60vw; 3503 | } 3504 | 3505 | .md\:w-\[50vw\] { 3506 | width: 50vw; 3507 | } 3508 | 3509 | .md\:w-screen { 3510 | width: 100vw; 3511 | } 3512 | 3513 | .md\:w-1\/2 { 3514 | width: 50%; 3515 | } 3516 | 3517 | .md\:grid-cols-2 { 3518 | grid-template-columns: repeat(2, minmax(0, 1fr)); 3519 | } 3520 | 3521 | .md\:grid-cols-3 { 3522 | grid-template-columns: repeat(3, minmax(0, 1fr)); 3523 | } 3524 | 3525 | .md\:flex-row { 3526 | flex-direction: row; 3527 | } 3528 | 3529 | .md\:items-start { 3530 | align-items: flex-start; 3531 | } 3532 | 3533 | .md\:items-end { 3534 | align-items: flex-end; 3535 | } 3536 | 3537 | .md\:justify-start { 3538 | justify-content: flex-start; 3539 | } 3540 | 3541 | .md\:justify-end { 3542 | justify-content: flex-end; 3543 | } 3544 | 3545 | .md\:justify-center { 3546 | justify-content: center; 3547 | } 3548 | 3549 | .md\:gap-8 { 3550 | gap: 2rem; 3551 | } 3552 | 3553 | .md\:gap-6 { 3554 | gap: 1.5rem; 3555 | } 3556 | 3557 | .md\:gap-7 { 3558 | gap: 1.75rem; 3559 | } 3560 | 3561 | .md\:gap-0 { 3562 | gap: 0px; 3563 | } 3564 | 3565 | .md\:gap-3 { 3566 | gap: 0.75rem; 3567 | } 3568 | 3569 | .md\:p-12 { 3570 | padding: 3rem; 3571 | } 3572 | 3573 | .md\:p-4 { 3574 | padding: 1rem; 3575 | } 3576 | 3577 | .md\:p-6 { 3578 | padding: 1.5rem; 3579 | } 3580 | 3581 | .md\:p-8 { 3582 | padding: 2rem; 3583 | } 3584 | 3585 | .md\:p-16 { 3586 | padding: 4rem; 3587 | } 3588 | 3589 | .md\:py-24 { 3590 | padding-top: 6rem; 3591 | padding-bottom: 6rem; 3592 | } 3593 | 3594 | .md\:py-28 { 3595 | padding-top: 7rem; 3596 | padding-bottom: 7rem; 3597 | } 3598 | 3599 | .md\:py-32 { 3600 | padding-top: 8rem; 3601 | padding-bottom: 8rem; 3602 | } 3603 | 3604 | .md\:px-6 { 3605 | padding-left: 1.5rem; 3606 | padding-right: 1.5rem; 3607 | } 3608 | 3609 | .md\:px-20 { 3610 | padding-left: 5rem; 3611 | padding-right: 5rem; 3612 | } 3613 | 3614 | .md\:px-24 { 3615 | padding-left: 6rem; 3616 | padding-right: 6rem; 3617 | } 3618 | 3619 | .md\:px-8 { 3620 | padding-left: 2rem; 3621 | padding-right: 2rem; 3622 | } 3623 | 3624 | .md\:px-12 { 3625 | padding-left: 3rem; 3626 | padding-right: 3rem; 3627 | } 3628 | 3629 | .md\:py-6 { 3630 | padding-top: 1.5rem; 3631 | padding-bottom: 1.5rem; 3632 | } 3633 | 3634 | .md\:py-36 { 3635 | padding-top: 9rem; 3636 | padding-bottom: 9rem; 3637 | } 3638 | 3639 | .md\:py-2 { 3640 | padding-top: 0.5rem; 3641 | padding-bottom: 0.5rem; 3642 | } 3643 | 3644 | .md\:py-3 { 3645 | padding-top: 0.75rem; 3646 | padding-bottom: 0.75rem; 3647 | } 3648 | 3649 | .md\:px-4 { 3650 | padding-left: 1rem; 3651 | padding-right: 1rem; 3652 | } 3653 | 3654 | .md\:py-12 { 3655 | padding-top: 3rem; 3656 | padding-bottom: 3rem; 3657 | } 3658 | 3659 | .md\:px-14 { 3660 | padding-left: 3.5rem; 3661 | padding-right: 3.5rem; 3662 | } 3663 | 3664 | .md\:pr-6 { 3665 | padding-right: 1.5rem; 3666 | } 3667 | 3668 | .md\:pb-24 { 3669 | padding-bottom: 6rem; 3670 | } 3671 | 3672 | .md\:pt-24 { 3673 | padding-top: 6rem; 3674 | } 3675 | 3676 | .md\:pt-60 { 3677 | padding-top: 15rem; 3678 | } 3679 | 3680 | .md\:pl-6 { 3681 | padding-left: 1.5rem; 3682 | } 3683 | 3684 | .md\:pb-8 { 3685 | padding-bottom: 2rem; 3686 | } 3687 | 3688 | .md\:pr-48 { 3689 | padding-right: 12rem; 3690 | } 3691 | 3692 | .md\:pt-12 { 3693 | padding-top: 3rem; 3694 | } 3695 | 3696 | .md\:pt-0 { 3697 | padding-top: 0px; 3698 | } 3699 | 3700 | .md\:pb-\[100px\] { 3701 | padding-bottom: 100px; 3702 | } 3703 | 3704 | .md\:pt-\[250px\] { 3705 | padding-top: 250px; 3706 | } 3707 | 3708 | .md\:pt-20 { 3709 | padding-top: 5rem; 3710 | } 3711 | 3712 | .md\:pr-2 { 3713 | padding-right: 0.5rem; 3714 | } 3715 | 3716 | .md\:text-start { 3717 | text-align: start; 3718 | } 3719 | 3720 | .md\:text-end { 3721 | text-align: end; 3722 | } 3723 | 3724 | .md\:text-6xl { 3725 | font-size: 3.75rem; 3726 | line-height: 1; 3727 | } 3728 | 3729 | .md\:text-5xl { 3730 | font-size: 3rem; 3731 | line-height: 1; 3732 | } 3733 | 3734 | .md\:text-4xl { 3735 | font-size: 2.25rem; 3736 | line-height: 2.5rem; 3737 | } 3738 | 3739 | .md\:text-7xl { 3740 | font-size: 4.5rem; 3741 | line-height: 1; 3742 | } 3743 | 3744 | .md\:text-\[45px\] { 3745 | font-size: 45px; 3746 | } 3747 | 3748 | .md\:text-3xl { 3749 | font-size: 1.875rem; 3750 | line-height: 2.25rem; 3751 | } 3752 | 3753 | .md\:text-\[40px\] { 3754 | font-size: 40px; 3755 | } 3756 | 3757 | .md\:text-lg { 3758 | font-size: 1.125rem; 3759 | line-height: 1.75rem; 3760 | } 3761 | 3762 | .md\:text-\[55px\] { 3763 | font-size: 55px; 3764 | } 3765 | 3766 | .md\:text-\[52px\] { 3767 | font-size: 52px; 3768 | } 3769 | 3770 | .md\:text-\[50px\] { 3771 | font-size: 50px; 3772 | } 3773 | 3774 | .md\:leading-tight { 3775 | line-height: 1.25; 3776 | } 3777 | 3778 | .md\:leading-normal { 3779 | line-height: 1.5; 3780 | } 3781 | 3782 | .md\:leading-snug { 3783 | line-height: 1.375; 3784 | } 3785 | 3786 | .md\:leading-none { 3787 | line-height: 1; 3788 | } 3789 | 3790 | .md\:leading-\[50px\] { 3791 | line-height: 50px; 3792 | } 3793 | 3794 | .md\:leading-\[70px\] { 3795 | line-height: 70px; 3796 | } 3797 | 3798 | .md\:leading-\[65px\] { 3799 | line-height: 65px; 3800 | } 3801 | } 3802 | 3803 | @media (min-width: 1024px) { 3804 | .lg\:top-1\/2 { 3805 | top: 50%; 3806 | } 3807 | 3808 | .lg\:-left-10 { 3809 | left: -2.5rem; 3810 | } 3811 | 3812 | .lg\:order-2 { 3813 | order: 2; 3814 | } 3815 | 3816 | .lg\:order-1 { 3817 | order: 1; 3818 | } 3819 | 3820 | .lg\:col-span-6 { 3821 | grid-column: span 6 / span 6; 3822 | } 3823 | 3824 | .lg\:col-span-4 { 3825 | grid-column: span 4 / span 4; 3826 | } 3827 | 3828 | .lg\:col-span-5 { 3829 | grid-column: span 5 / span 5; 3830 | } 3831 | 3832 | .lg\:col-span-7 { 3833 | grid-column: span 7 / span 7; 3834 | } 3835 | 3836 | .lg\:col-span-3 { 3837 | grid-column: span 3 / span 3; 3838 | } 3839 | 3840 | .lg\:col-span-9 { 3841 | grid-column: span 9 / span 9; 3842 | } 3843 | 3844 | .lg\:col-span-8 { 3845 | grid-column: span 8 / span 8; 3846 | } 3847 | 3848 | .lg\:col-span-2 { 3849 | grid-column: span 2 / span 2; 3850 | } 3851 | 3852 | .lg\:col-span-11 { 3853 | grid-column: span 11 / span 11; 3854 | } 3855 | 3856 | .lg\:col-span-10 { 3857 | grid-column: span 10 / span 10; 3858 | } 3859 | 3860 | .lg\:col-span-1 { 3861 | grid-column: span 1 / span 1; 3862 | } 3863 | 3864 | .lg\:col-start-9 { 3865 | grid-column-start: 9; 3866 | } 3867 | 3868 | .lg\:col-start-3 { 3869 | grid-column-start: 3; 3870 | } 3871 | 3872 | .lg\:col-start-4 { 3873 | grid-column-start: 4; 3874 | } 3875 | 3876 | .lg\:col-start-8 { 3877 | grid-column-start: 8; 3878 | } 3879 | 3880 | .lg\:col-start-7 { 3881 | grid-column-start: 7; 3882 | } 3883 | 3884 | .lg\:col-start-2 { 3885 | grid-column-start: 2; 3886 | } 3887 | 3888 | .lg\:col-start-6 { 3889 | grid-column-start: 6; 3890 | } 3891 | 3892 | .lg\:col-end-11 { 3893 | grid-column-end: 11; 3894 | } 3895 | 3896 | .lg\:my-0 { 3897 | margin-top: 0px; 3898 | margin-bottom: 0px; 3899 | } 3900 | 3901 | .lg\:mx-12 { 3902 | margin-left: 3rem; 3903 | margin-right: 3rem; 3904 | } 3905 | 3906 | .lg\:my-12 { 3907 | margin-top: 3rem; 3908 | margin-bottom: 3rem; 3909 | } 3910 | 3911 | .lg\:mb-10 { 3912 | margin-bottom: 2.5rem; 3913 | } 3914 | 3915 | .lg\:mb-0 { 3916 | margin-bottom: 0px; 3917 | } 3918 | 3919 | .lg\:mt-0 { 3920 | margin-top: 0px; 3921 | } 3922 | 3923 | .lg\:ml-12 { 3924 | margin-left: 3rem; 3925 | } 3926 | 3927 | .lg\:-mt-16 { 3928 | margin-top: -4rem; 3929 | } 3930 | 3931 | .lg\:mr-12 { 3932 | margin-right: 3rem; 3933 | } 3934 | 3935 | .lg\:mr-2 { 3936 | margin-right: 0.5rem; 3937 | } 3938 | 3939 | .lg\:mr-6 { 3940 | margin-right: 1.5rem; 3941 | } 3942 | 3943 | .lg\:mb-6 { 3944 | margin-bottom: 1.5rem; 3945 | } 3946 | 3947 | .lg\:mt-12 { 3948 | margin-top: 3rem; 3949 | } 3950 | 3951 | .lg\:mb-12 { 3952 | margin-bottom: 3rem; 3953 | } 3954 | 3955 | .lg\:ml-0 { 3956 | margin-left: 0px; 3957 | } 3958 | 3959 | .lg\:mt-3 { 3960 | margin-top: 0.75rem; 3961 | } 3962 | 3963 | .lg\:block { 3964 | display: block; 3965 | } 3966 | 3967 | .lg\:h-\[500px\] { 3968 | height: 500px; 3969 | } 3970 | 3971 | .lg\:h-96 { 3972 | height: 24rem; 3973 | } 3974 | 3975 | .lg\:w-\[500px\] { 3976 | width: 500px; 3977 | } 3978 | 3979 | .lg\:w-96 { 3980 | width: 24rem; 3981 | } 3982 | 3983 | .lg\:w-auto { 3984 | width: auto; 3985 | } 3986 | 3987 | .lg\:w-\[50vw\] { 3988 | width: 50vw; 3989 | } 3990 | 3991 | .lg\:translate-x-0 { 3992 | --tw-translate-x: 0px; 3993 | 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)); 3994 | } 3995 | 3996 | .lg\:grid-cols-3 { 3997 | grid-template-columns: repeat(3, minmax(0, 1fr)); 3998 | } 3999 | 4000 | .lg\:grid-cols-7 { 4001 | grid-template-columns: repeat(7, minmax(0, 1fr)); 4002 | } 4003 | 4004 | .lg\:flex-col { 4005 | flex-direction: column; 4006 | } 4007 | 4008 | .lg\:justify-start { 4009 | justify-content: flex-start; 4010 | } 4011 | 4012 | .lg\:justify-end { 4013 | justify-content: flex-end; 4014 | } 4015 | 4016 | .lg\:gap-10 { 4017 | gap: 2.5rem; 4018 | } 4019 | 4020 | .lg\:gap-6 { 4021 | gap: 1.5rem; 4022 | } 4023 | 4024 | .lg\:gap-8 { 4025 | gap: 2rem; 4026 | } 4027 | 4028 | .lg\:rounded-l-none { 4029 | border-top-left-radius: 0px; 4030 | border-bottom-left-radius: 0px; 4031 | } 4032 | 4033 | .lg\:rounded-tr-none { 4034 | border-top-right-radius: 0px; 4035 | } 4036 | 4037 | .lg\:rounded-bl-\[40\%\] { 4038 | border-bottom-left-radius: 40%; 4039 | } 4040 | 4041 | .lg\:p-12 { 4042 | padding: 3rem; 4043 | } 4044 | 4045 | .lg\:p-6 { 4046 | padding: 1.5rem; 4047 | } 4048 | 4049 | .lg\:p-\[55px\] { 4050 | padding: 55px; 4051 | } 4052 | 4053 | .lg\:p-14 { 4054 | padding: 3.5rem; 4055 | } 4056 | 4057 | .lg\:px-4 { 4058 | padding-left: 1rem; 4059 | padding-right: 1rem; 4060 | } 4061 | 4062 | .lg\:px-20 { 4063 | padding-left: 5rem; 4064 | padding-right: 5rem; 4065 | } 4066 | 4067 | .lg\:px-7 { 4068 | padding-left: 1.75rem; 4069 | padding-right: 1.75rem; 4070 | } 4071 | 4072 | .lg\:px-6 { 4073 | padding-left: 1.5rem; 4074 | padding-right: 1.5rem; 4075 | } 4076 | 4077 | .lg\:px-12 { 4078 | padding-left: 3rem; 4079 | padding-right: 3rem; 4080 | } 4081 | 4082 | .lg\:px-16 { 4083 | padding-left: 4rem; 4084 | padding-right: 4rem; 4085 | } 4086 | 4087 | .lg\:px-24 { 4088 | padding-left: 6rem; 4089 | padding-right: 6rem; 4090 | } 4091 | 4092 | .lg\:px-28 { 4093 | padding-left: 7rem; 4094 | padding-right: 7rem; 4095 | } 4096 | 4097 | .lg\:py-12 { 4098 | padding-top: 3rem; 4099 | padding-bottom: 3rem; 4100 | } 4101 | 4102 | .lg\:px-14 { 4103 | padding-left: 3.5rem; 4104 | padding-right: 3.5rem; 4105 | } 4106 | 4107 | .lg\:pr-6 { 4108 | padding-right: 1.5rem; 4109 | } 4110 | 4111 | .lg\:pl-6 { 4112 | padding-left: 1.5rem; 4113 | } 4114 | 4115 | .lg\:pr-14 { 4116 | padding-right: 3.5rem; 4117 | } 4118 | 4119 | .lg\:pl-14 { 4120 | padding-left: 3.5rem; 4121 | } 4122 | 4123 | .lg\:pl-20 { 4124 | padding-left: 5rem; 4125 | } 4126 | 4127 | .lg\:pb-0 { 4128 | padding-bottom: 0px; 4129 | } 4130 | 4131 | .lg\:pr-12 { 4132 | padding-right: 3rem; 4133 | } 4134 | 4135 | .lg\:pl-0 { 4136 | padding-left: 0px; 4137 | } 4138 | 4139 | .lg\:pr-10 { 4140 | padding-right: 2.5rem; 4141 | } 4142 | 4143 | .lg\:pt-24 { 4144 | padding-top: 6rem; 4145 | } 4146 | 4147 | .lg\:pb-12 { 4148 | padding-bottom: 3rem; 4149 | } 4150 | 4151 | .lg\:pt-0 { 4152 | padding-top: 0px; 4153 | } 4154 | 4155 | .lg\:pb-5 { 4156 | padding-bottom: 1.25rem; 4157 | } 4158 | 4159 | .lg\:pb-6 { 4160 | padding-bottom: 1.5rem; 4161 | } 4162 | 4163 | .lg\:pl-12 { 4164 | padding-left: 3rem; 4165 | } 4166 | 4167 | .lg\:text-start { 4168 | text-align: start; 4169 | } 4170 | 4171 | .lg\:text-end { 4172 | text-align: end; 4173 | } 4174 | 4175 | .lg\:text-5xl { 4176 | font-size: 3rem; 4177 | line-height: 1; 4178 | } 4179 | 4180 | .lg\:text-\[45px\] { 4181 | font-size: 45px; 4182 | } 4183 | 4184 | .lg\:text-\[65px\] { 4185 | font-size: 65px; 4186 | } 4187 | 4188 | .lg\:text-\[35px\] { 4189 | font-size: 35px; 4190 | } 4191 | 4192 | .lg\:leading-\[60px\] { 4193 | line-height: 60px; 4194 | } 4195 | } 4196 | 4197 | @media (min-width: 1280px) { 4198 | .xl\:col-span-4 { 4199 | grid-column: span 4 / span 4; 4200 | } 4201 | 4202 | .xl\:col-span-3 { 4203 | grid-column: span 3 / span 3; 4204 | } 4205 | 4206 | .xl\:col-span-9 { 4207 | grid-column: span 9 / span 9; 4208 | } 4209 | 4210 | .xl\:col-span-8 { 4211 | grid-column: span 8 / span 8; 4212 | } 4213 | 4214 | .xl\:col-span-6 { 4215 | grid-column: span 6 / span 6; 4216 | } 4217 | 4218 | .xl\:col-start-9 { 4219 | grid-column-start: 9; 4220 | } 4221 | 4222 | .xl\:col-start-5 { 4223 | grid-column-start: 5; 4224 | } 4225 | 4226 | .xl\:col-start-3 { 4227 | grid-column-start: 3; 4228 | } 4229 | 4230 | .xl\:col-start-7 { 4231 | grid-column-start: 7; 4232 | } 4233 | 4234 | .xl\:ml-2 { 4235 | margin-left: 0.5rem; 4236 | } 4237 | 4238 | .xl\:mt-0 { 4239 | margin-top: 0px; 4240 | } 4241 | 4242 | .xl\:flex-row { 4243 | flex-direction: row; 4244 | } 4245 | 4246 | .xl\:p-12 { 4247 | padding: 3rem; 4248 | } 4249 | 4250 | .xl\:p-14 { 4251 | padding: 3.5rem; 4252 | } 4253 | 4254 | .xl\:p-6 { 4255 | padding: 1.5rem; 4256 | } 4257 | 4258 | .xl\:px-32 { 4259 | padding-left: 8rem; 4260 | padding-right: 8rem; 4261 | } 4262 | 4263 | .xl\:px-28 { 4264 | padding-left: 7rem; 4265 | padding-right: 7rem; 4266 | } 4267 | 4268 | .xl\:px-12 { 4269 | padding-left: 3rem; 4270 | padding-right: 3rem; 4271 | } 4272 | 4273 | .xl\:px-11 { 4274 | padding-left: 2.75rem; 4275 | padding-right: 2.75rem; 4276 | } 4277 | 4278 | .xl\:pr-12 { 4279 | padding-right: 3rem; 4280 | } 4281 | } 4282 | 4283 | @media (min-width: 1536px) { 4284 | .\32xl\:col-span-6 { 4285 | grid-column: span 6 / span 6; 4286 | } 4287 | 4288 | .\32xl\:col-start-4 { 4289 | grid-column-start: 4; 4290 | } 4291 | } 4292 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EasyFrontendHQ/react-tailwindcss-components/20195caf50394dc48e06f3d089dde5757728d4e9/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 17 | 18 | 27 | React App 28 | 29 | 30 | 31 | 32 | 33 | 34 |
35 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EasyFrontendHQ/react-tailwindcss-components/20195caf50394dc48e06f3d089dde5757728d4e9/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EasyFrontendHQ/react-tailwindcss-components/20195caf50394dc48e06f3d089dde5757728d4e9/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import {BrowserRouter as Router, Route, Switch} from "react-router-dom"; 3 | import List from "./components/List"; 4 | import TailwindRoutes from "./components/tailwind"; 5 | 6 | function App() { 7 | return ( 8 |
9 | 10 |
11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 | ); 19 | } 20 | 21 | export default App; 22 | -------------------------------------------------------------------------------- /src/components/List.js: -------------------------------------------------------------------------------- 1 | import React, {useEffect} from "react"; 2 | import {Link} from "react-router-dom"; 3 | 4 | const routes = [ 5 | '/navigations', 6 | '/signup-forms', 7 | '/signin-forms', 8 | '/contact-us', 9 | '/faqs', 10 | '/team-members', 11 | '/services', 12 | '/testimonials', 13 | '/pricings', 14 | '/portfolios', 15 | '/client-logos', 16 | '/hero-headers', 17 | '/features', 18 | '/call-to-actions', 19 | '/blogs', 20 | '/copyrights', 21 | '/about-us', 22 | '/buy-ticket-form', 23 | '/careers', 24 | '/coming-soon', 25 | '/contents', 26 | '/cookies', 27 | '/numbers', 28 | '/rich-contents', 29 | '/how-it-works', 30 | '/schedule', 31 | '/httpcodes', 32 | '/incentives', 33 | '/blogs-details', 34 | '/hero-headers-small', 35 | '/forms', 36 | '/footers', 37 | '/travel', 38 | '/eproduct-category', 39 | '/eproduct-cart', 40 | '/eproduct-feature', 41 | '/eproduct-grid', 42 | '/eproduct-list', 43 | '/eproduct-checkout', 44 | '/eproduct-overview', 45 | '/eproduct-quick-overview', 46 | '/eproduct-review', 47 | '/eproduct-specification', 48 | '/eproduct-order', 49 | '/e-order-history', 50 | '/eproduct-ranking', 51 | '/ecommerce-profile', 52 | '/eproduct-payment', 53 | ]; 54 | 55 | const List = () => { 56 | 57 | useEffect(() => { 58 | const sheet = document.createElement("link"); 59 | sheet.rel = "stylesheet"; 60 | sheet.href = "/css/bootstrap.min.css"; 61 | sheet.type = "text/css"; 62 | document.head.appendChild(sheet); 63 | }, []); 64 | 65 | return
66 | 73 |
; 74 | }; 75 | 76 | export default List; 77 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/AboutUs.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | import AboutUs1 from "./aboutUs/AboutUs1"; 3 | 4 | const AboutUs = () => { 5 | return ( 6 | 7 | 8 |
9 | 10 | ); 11 | }; 12 | export default AboutUs; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/BlogDetails.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import BlogDetails1 from "./blogDetails/BlogDetails1"; 3 | 4 | const BlogDetails = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default BlogDetails; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Blogs.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Blog1 from "./blogs/Blog1"; 3 | 4 | const Blogs = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Blogs; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/BuyTicket.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import BuyTicket1 from "./buyTicketForm/BuyTicket1"; 3 | 4 | function BuyTicket() { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | } 12 | export default BuyTicket; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Careers.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Careers1 from "./careers/Careers1"; 3 | 4 | function Careers() { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | } 12 | export default Careers; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/ClientLogos.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import ClientLogo1 from "./clientLogos/ClientLogo1"; 3 | 4 | const ClientLogos = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default ClientLogos; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/CollToActions.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import CallToAction1 from "./callToActions/CallToAction1"; 3 | 4 | const CallToActions = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default CallToActions; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/ComingSoon.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import ComingSoon1 from "./comingSoon/ComingSoon1"; 3 | 4 | function ComingSoon() { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | } 12 | export default ComingSoon; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/ContactUs.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import ContactUs1 from "./contactUs/ContactUs1"; 3 | 4 | const ContactUs = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default ContactUs; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Contents.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Contents1 from "./contents/Contents1"; 3 | 4 | const Contents = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | export default Contents; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Cookies.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Cookies1 from "./cookies/Cookies1"; 3 | 4 | const Cookies = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | export default Cookies; 13 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Copyrights.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Copyright1 from "./copyrights/Copyright1"; 3 | 4 | const Copyrights = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Copyrights; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EOHistory.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EOHistory1 from "./eOHistory/EOHistory1"; 3 | 4 | const EOHistory = () => { 5 | return ( 6 | 7 | {/* 8 |
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EOHistory; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPCart.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPCart1 from "./epCart/EPCart1"; 3 | 4 | const EPCart = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPCart; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPCategory.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPCategory1 from "./ecommerceCategory/EPCategory1"; 3 | 4 | const EPCategory = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPCategory; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPCheckout.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPCheckout1 from "./epCheckout/EPCheckout1"; 3 | 4 | const EPCheckout = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPCheckout; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPFeature.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPFeature1 from "./epFeature/EPFeature1"; 3 | 4 | const EPFeature = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPFeature; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPGrid.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPGrid1 from "./epGrid/EPGrid1"; 3 | 4 | const EPGrid = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPGrid; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPList.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPList1 from "./epList/EPList1"; 3 | 4 | const EPList = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPList; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPOrder.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPOrder1 from "./epOrder/EPOrder1"; 3 | 4 | const EPOrder = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPOrder; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPOverview.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPOverview1 from "./epOverview/EPOverview1"; 3 | 4 | const EPOverview = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPOverview; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPPayment.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | // import EPPayment1 from "./epPayment/EPPayment1"; 3 | 4 | const EPPayment = () => { 5 | return ( 6 | <> 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPPayment; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPQOverview.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPQOverview1 from "./epqOverview/EPQOverview1"; 3 | 4 | const EPQOverview = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPQOverview; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPRanking.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | // import EPRanking1 from "./epRanking/EPRanking1"; 4 | 5 | const EPRanking = () => { 6 | return ( 7 | <> 8 | {/**/} 9 | {/*
*/} 10 | 11 | ); 12 | }; 13 | 14 | export default EPRanking; 15 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPReview.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPReview1 from "./epReview/EPReview1"; 3 | 4 | const EPReview = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPReview; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EPSpecification.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPSpecification1 from "./epSpecification/EPSpecification1"; 3 | 4 | const EPSpecification = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EPSpecification; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/EProfile.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import EPProfile1 from "./eProfile/EPProfile1"; 3 | 4 | const EProfile = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default EProfile; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Faqs.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Faq1 from "./faqs/Faq1"; 3 | 4 | const Faqs = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Faqs; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Features.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Feature1 from "./featureds/Feature1"; 3 | 4 | const Features = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Features; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Footer.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Footer1 from "./footer/Footer1"; 3 | 4 | const Footer = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Footer; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Forms.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Forms1 from "./forms/Forms1"; 3 | 4 | const Forms = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Forms; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/HeroHeaderSmall.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import HeroHeaderSmall1 from "./heroHeaderSmall/HeroHeaderSmall1"; 3 | 4 | const HeroHeaderSmall = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default HeroHeaderSmall; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/HeroHeaders.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import HeroHeader1 from "./heroHeader/HeroHeader1"; 3 | 4 | const HeroHeaders = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default HeroHeaders; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/HowItWorks.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import HowItWorks1 from "./howItWorks/HowItWorks1"; 3 | 4 | const HowItWorks = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default HowItWorks; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/HttpCodes.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import HttpCodes1 from "./httpCodes/HttpCodes1"; 3 | 4 | const HttpCodes = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default HttpCodes; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Incentives.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Incentives1 from "./incentives/Incentives1"; 3 | 4 | const Incentives = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Incentives; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Navigations.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Navigation1 from "./navigations/Navigation1"; 3 | 4 | const Navigations = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Navigations; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Numbers.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Numbers1 from "./numbers/Numbers1"; 3 | 4 | const Numbers = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Numbers; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Portfolios.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Portfolio1 from "./portfolios/Portfolio1"; 3 | 4 | const Portfolios = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Portfolios; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Pricings.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Pricing1 from "./pricings/Pricing1"; 3 | 4 | const Pricings = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Pricings; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/RichContents.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import RichContents1 from "./richContents/RichContents1"; 3 | 4 | const RichContents = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default RichContents; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Schedule.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Schedule1 from "./schedule/Schedule1"; 3 | 4 | const Schedule = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Schedule; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Services.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Service1 from "./services/Service1"; 3 | 4 | const Services = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Services; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/SignUpForms.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import SignUp1 from "./signupForms/SignUp1"; 3 | 4 | const SignUpForms = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default SignUpForms; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/SigninForms.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import SignIn1 from "./signinForms/SignIn1"; 3 | 4 | const SignInForms = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default SignInForms; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/TeamMembers.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import TeamMember1 from "./team-members/TeamMember1"; 3 | 4 | const TeamMembers = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default TeamMembers; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Testimonials.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment } from "react"; 2 | // import Testimonial1 from "./testimonials/Testimonial1"; 3 | 4 | const Testimonials = () => { 5 | return ( 6 | 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Testimonials; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/Travel.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | // import Travel1 from "./Travel/Travel1"; 3 | 4 | const Travel = () => { 5 | return ( 6 | <> 7 | {/**/} 8 | {/*
*/} 9 | 10 | ); 11 | }; 12 | 13 | export default Travel; 14 | -------------------------------------------------------------------------------- /src/components/tailwind/categories/aboutUs/AboutUs1.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | /* 4 | { 5 | "react": "React", 6 | } 7 | */ 8 | 9 | const AboutUs1 = () => { 10 | return ( 11 |
12 |
13 |
14 |
15 |

16 | Developing Amazing Things with Passion since 2016. 17 |

18 |
19 |
20 |

21 | Created forth two. Behold appear first, kind all i saying fowl man 22 | itself moved which every open shall moved subdue appear. Saying 23 | life wherein stars. Give dry, own, male had that us third lesser 24 | over deep. May every bring in it Whose. Female earth heaven won't 25 | behold female. 26 |

27 |

28 | Moved bearing give a two after. Had. Seas. Man they're. Grass 29 | above kind saying thing for that void sixth fly His after it. 30 |

31 |

32 | The set doesn't moved. Deep don't fruit fowl gathering heaven days 33 | moving creeping under from i air. Set it fifth Meat wasness. every 34 | bring in it Whose. Female earth heaven won't behold female. 35 |

36 |
37 |
38 |
39 |
40 | ); 41 | }; 42 | 43 | export default AboutUs1; 44 | -------------------------------------------------------------------------------- /src/components/tailwind/index.js: -------------------------------------------------------------------------------- 1 | import React, { Fragment, useEffect } from "react"; 2 | import { Route, Switch, useRouteMatch } from "react-router-dom"; 3 | // import "./tailwind.min.css"; 4 | import List from "../List"; 5 | import OptionBar from "../../optionBar/OptionBar"; 6 | 7 | // Categories 8 | import Navigations from "./categories/Navigations"; 9 | import SignUpForms from "./categories/SignUpForms"; 10 | import SigninForms from "./categories/SigninForms"; 11 | import ContactUs from "./categories/ContactUs"; 12 | import Faqs from "./categories/Faqs"; 13 | import TeamMembers from "./categories/TeamMembers"; 14 | import Services from "./categories/Services"; 15 | import Testimonials from "./categories/Testimonials"; 16 | import Pricings from "./categories/Pricings"; 17 | import Portfolios from "./categories/Portfolios"; 18 | import ClientLogos from "./categories/ClientLogos"; 19 | import HeroHeaders from "./categories/HeroHeaders"; 20 | import Features from "./categories/Features"; 21 | import CallToActions from "./categories/CollToActions"; 22 | import Blogs from "./categories/Blogs"; 23 | import Copyrights from "./categories/Copyrights"; 24 | import AboutUs from "./categories/AboutUs"; 25 | import BuyTicket from "./categories/BuyTicket"; 26 | import Careers from "./categories/Careers"; 27 | import ComingSoon from "./categories/ComingSoon"; 28 | import Contents from "./categories/Contents"; 29 | import Cookies from "./categories/Cookies"; 30 | import EPCategory from "./categories/EPCategory"; 31 | import EPCart from "./categories/EPCart"; 32 | import EPFeature from "./categories/EPFeature"; 33 | import EPGrid from "./categories/EPGrid"; 34 | import EPList from "./categories/EPList"; 35 | import EPCheckout from "./categories/EPCheckout"; 36 | import EPOverview from "./categories/EPOverview"; 37 | import EPQOverview from "./categories/EPQOverview"; 38 | import EPReview from "./categories/EPReview"; 39 | import EPSpecification from "./categories/EPSpecification"; 40 | import EPOrder from "./categories/EPOrder"; 41 | import EOHistory from "./categories/EOHistory"; 42 | import Numbers from "./categories/Numbers"; 43 | import RichContents from "./categories/RichContents"; 44 | import HowItWorks from "./categories/HowItWorks"; 45 | import Schedule from "./categories/Schedule"; 46 | import HttpCodes from "./categories/HttpCodes"; 47 | import Incentives from "./categories/Incentives"; 48 | import BlogDetails from "./categories/BlogDetails"; 49 | import HeroHeaderSmall from "./categories/HeroHeaderSmall"; 50 | import Forms from "./categories/Forms"; 51 | import Footer from "./categories/Footer"; 52 | import EPRanking from "./categories/EPRanking"; 53 | import EProfile from "./categories/EProfile"; 54 | import EPPayment from "./categories/EPPayment"; 55 | import Travel from "./categories/Travel"; 56 | 57 | const TailwindRoutes = () => { 58 | const { url } = useRouteMatch(); 59 | 60 | useEffect(() => { 61 | const sheet = document.createElement("link"); 62 | sheet.rel = "stylesheet"; 63 | sheet.href = "/css/tailwind.min.css"; 64 | sheet.type = "text/css"; 65 | document.head.appendChild(sheet); 66 | }, []); 67 | 68 | return ( 69 | 70 | 71 | 72 | 73 | {/* 74 | * UI Blocks 75 | */} 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | {/* 111 | * Ecommerce 112 | */} 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 124 | 125 | 129 | 130 | {/* TODO: check this category */} 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | ); 140 | }; 141 | 142 | export default TailwindRoutes; 143 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import App from "./App"; 4 | 5 | ReactDOM.render( 6 | 7 | 8 | , 9 | document.getElementById("root") 10 | ); 11 | -------------------------------------------------------------------------------- /src/optionBar/OptionBar.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect } from "react"; 2 | import "./style.css"; 3 | import { Link } from "react-router-dom"; 4 | 5 | const colorSchemes = [ 6 | { label: "Light", value: "light", style: { backgroundColor: "#fff" } }, 7 | { label: "Gray", value: "gray", style: { backgroundColor: "#d8e2ef" } }, 8 | { 9 | label: "Dark Gray", 10 | value: "dark-gray", 11 | style: { backgroundColor: "#5e6e82" }, 12 | }, 13 | { label: "Dark", value: "dark", style: { backgroundColor: "#000" } }, 14 | ]; 15 | 16 | const primaryColorSchemes = [ 17 | { 18 | label: "Primary", 19 | value: "primary", 20 | style: { backgroundColor: "rgb(0, 122, 255)" }, 21 | }, 22 | { 23 | label: "Orange", 24 | value: "orange", 25 | style: { backgroundColor: "rgb(245, 158, 11)" }, 26 | }, 27 | { 28 | label: "Red", 29 | value: "red", 30 | style: { backgroundColor: "rgb(178, 39, 39)" }, 31 | }, 32 | ]; 33 | 34 | const bootstrapHeadInfo = [ 35 | // { url: "../../assets/packages/bootstrap/bootstrap.min.css", type: "style" }, 36 | { 37 | url: "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css", 38 | type: "style", 39 | }, 40 | // { url: "../../assets/packages/bootstrap/bootstrap.bundle.min.js", type: "script" }, 41 | { 42 | url: "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js", 43 | type: "script", 44 | }, 45 | ]; 46 | const headInfo = [ 47 | // demo color scheme (REQUIRED) 48 | { 49 | url: "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap", 50 | type: "style", 51 | }, 52 | { 53 | url: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap", 54 | type: "style", 55 | }, 56 | { url: "../../assets/demo/style.css", type: "style" }, 57 | 58 | { url: "../../assets/packages/jquery-3.6.0.min.js", type: "script" }, 59 | { 60 | url: "https://fonts.googleapis.com/css2?family=Roboto&display=swap", 61 | type: "style", 62 | }, 63 | { url: "../../assets/packages/fontawesome/all.min.css", type: "style" }, 64 | // {url: '../../assets/packages/owl-carousel/owl.carousel.min.js', type: 'script'}, 65 | ]; 66 | 67 | const OptionBar = ({}) => { 68 | document.body.classList.add("optionbar-enabled"); 69 | 70 | const changeColorScheme = (color) => { 71 | document.body.classList.remove("light", "gray", "dark", "dark-gray"); 72 | 73 | switch (color) { 74 | case "light": 75 | document.body.classList.add("light"); 76 | window.localStorage.setItem("colorScheme", "light"); 77 | break; 78 | case "gray": 79 | document.body.classList.add("gray"); 80 | window.localStorage.setItem("colorScheme", "gray"); 81 | break; 82 | case "dark": 83 | document.body.classList.add("dark"); 84 | window.localStorage.setItem("colorScheme", "dark"); 85 | break; 86 | case "dark-gray": 87 | document.body.classList.add("dark-gray"); 88 | window.localStorage.setItem("colorScheme", "dark-gray"); 89 | break; 90 | default: 91 | break; 92 | } 93 | }; 94 | 95 | const changePrimaryColorScheme = (color) => { 96 | document.body.classList.remove("ezy-primary", "ezy-orange", "ezy-red"); 97 | 98 | switch (color) { 99 | case "primary": 100 | document.body.classList.add("ezy-primary"); 101 | window.localStorage.setItem("primaryColorScheme", "primary"); 102 | break; 103 | case "orange": 104 | document.body.classList.add("ezy-orange"); 105 | window.localStorage.setItem("primaryColorScheme", "orange"); 106 | break; 107 | case "red": 108 | document.body.classList.add("ezy-red"); 109 | window.localStorage.setItem("primaryColorScheme", "red"); 110 | break; 111 | default: 112 | break; 113 | } 114 | }; 115 | 116 | useEffect(() => { 117 | const primaryColorScheme = 118 | window.localStorage.getItem("primaryColorScheme"); 119 | const colorScheme = window.localStorage.getItem("colorScheme"); 120 | 121 | changePrimaryColorScheme(primaryColorScheme); 122 | changeColorScheme(colorScheme); 123 | }, []); 124 | 125 | return ( 126 |
127 |
128 |
129 | {colorSchemes.map((color, i) => ( 130 |
138 |
139 | {primaryColorSchemes.map((color, i) => ( 140 |
148 |
149 |
150 | 162 | {/**/} 163 | {/* Back*/} 164 | {/**/} 165 |
166 |
167 | ); 168 | }; 169 | 170 | export default OptionBar; 171 | -------------------------------------------------------------------------------- /src/optionBar/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: #fff3d8 !important; 3 | padding-top: 62px; 4 | } 5 | .demo-top-navbar { 6 | background-color: #fff; 7 | position: fixed; 8 | top: 0; 9 | left: 0; 10 | right: 0; 11 | padding: 6px 32px; 12 | z-index: 1111; 13 | display: flex; 14 | align-items: center; 15 | justify-content: center; 16 | box-shadow: 0 8px 27px rgba(0, 0, 0, 0.13); 17 | } 18 | 19 | .demo-top-navbar div { 20 | display: flex; 21 | } 22 | 23 | .demo-top-navbar button, 24 | .demo-top-navbar a { 25 | border: 1px solid #ccc; 26 | padding: 0; 27 | border-radius: 50px; 28 | margin-right: 6px; 29 | 30 | display: inline-flex; 31 | text-decoration: none; 32 | height: 30px; 33 | width: 30px; 34 | align-items: center; 35 | justify-content: center; 36 | } 37 | 38 | .demo-top-navbar .back-button { 39 | background-color: #c7254e; 40 | color: #fff; 41 | } 42 | 43 | body.ezy-checktypo, 44 | body.ezy-checktypo p { 45 | font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, 46 | Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; 47 | } 48 | .ezy-checktypo h1, 49 | .ezy-checktypo h2, 50 | .ezy-checktypo h3, 51 | .ezy-checktypo h4, 52 | .ezy-checktypo h5, 53 | .ezy-checktypo h6 { 54 | font-family: DM Serif Display, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 55 | Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; 56 | } 57 | 58 | /* Option Card */ 59 | .ezy-option-card { 60 | background-color: rgb(78 54 245); 61 | color: white; 62 | margin: 10px; 63 | padding: 10px 16px; 64 | display: inline-flex; 65 | align-items: center; 66 | gap: 20px; 67 | font-size: 13px; 68 | font-weight: 500; 69 | border-radius: 22px; 70 | } 71 | .ezy-option-card > span { 72 | display: flex; 73 | align-items: center; 74 | } 75 | .ezy-option-card > span > b { 76 | border: 1px solid #998aff; 77 | padding: 1px 10px; 78 | border-radius: 22px; 79 | margin-left: 5px; 80 | font-weight: 600; 81 | } 82 | 83 | .ezy-color-scheme-group { 84 | margin-bottom: 3px; 85 | } 86 | .ezy-color-scheme-group, 87 | .ezy-primary-color-scheme-group { 88 | height: 30px; 89 | } 90 | 91 | .ezy-color-scheme-group, 92 | .ezy-primary-color-scheme-group { 93 | border-right: 1px solid #ddd; 94 | padding: 0 16px 0 0; 95 | margin: 0 16px 0 0; 96 | } 97 | 98 | .ezy-orange * { 99 | --ezy-theme-color: rgb(245, 158, 11); 100 | --ezy-theme-color-rgb: 245, 158, 11; 101 | } 102 | .ezy-red * { 103 | --ezy-theme-color: rgb(2178, 39, 39); 104 | --ezy-theme-color-rgb: 2178, 39, 39; 105 | } 106 | 107 | /*//*/ 108 | [class*="ezy__epqoverview"].modal, 109 | [class*="ezy__signin"].modal, 110 | [class*="ezy__signup"].modal, 111 | [class*="ezy__travel"].modal { 112 | display: block; 113 | position: relative; 114 | opacity: 1; 115 | padding: 30px 0; 116 | } 117 | -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import "@testing-library/jest-dom"; 6 | --------------------------------------------------------------------------------