/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ *, ::after, ::before { -moz-box-sizing: border-box; box-sizing: border-box; } html { -moz-tab-size: 4; tab-size: 4; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } hr { height: 0; color: inherit; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, select { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { outline: 1px dotted ButtonText; } :-moz-ui-invalid { box-shadow: none; } legend { padding: 0; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; } button { background-color: transparent; background-image: none; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } html { 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'; line-height: 1.5; } body { font-family: inherit; line-height: inherit; } *, ::after, ::before { -moz-box-sizing: border-box; box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr { border-top-width: 1px; } img { border-style: solid; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #9ca3af; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } [role='button'], button { cursor: pointer; } :-moz-focusring { outline: auto; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } *, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-transform: translateX(var(--tw-translate-x)) translateY(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)); --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .invisible { visibility: hidden; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-4 { grid-column: span 4 / span 4; } .float-right { float: right; } .mx-auto { margin-left: auto; margin-right: auto; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mt-5 { margin-top: 1.25rem; } .mr-2 { margin-right: 0.5rem; } .mb-24 { margin-bottom: 6rem; } .mb-6 { margin-bottom: 1.5rem; } .mr-4 { margin-right: 1rem; } .mt-4 { margin-top: 1rem; } .ml-3 { margin-left: 0.75rem; } .mr-3 { margin-right: 0.75rem; } .-mt-12 { margin-top: -3rem; } .mb-2 { margin-bottom: 0.5rem; } .mt-1 { margin-top: 0.25rem; } .mb-4 { margin-bottom: 1rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-0 { margin-top: 0; } .ml-2 { margin-left: 0.5rem; } .mt-6 { margin-top: 1.5rem; } .ml-4 { margin-left: 1rem; } .mt-2 { margin-top: 0.5rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .grid { display: grid; } .hidden { display: none; } .h-32 { height: 8rem; } .h-24 { height: 6rem; } .h-full { height: 100%; } .h-screen { height: 100vh; } .h-auto { height: auto; } .h-6 { height: 1.5rem; } .h-3 { height: 0.75rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .w-full { width: 100%; } .w-6 { width: 1.5rem; } .w-3\/4 { width: 75%; } .w-3 { width: 0.75rem; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .max-w-7xl { max-width: 80rem; } .max-w-lg { max-width: 32rem; } .max-w-none { max-width: none; } .max-w-4xl { max-width: 56rem; } .max-w-prose { max-width: 65ch; } .flex-shrink { -webkit-flex-shrink: 1; -ms-flex: 0 1; flex-shrink: 1; } .origin-top-right { -webkit-transform-origin: top right; transform-origin: top right; } .-translate-y-2 { --tw-translate-y: -0.5rem; -webkit-transform: var(--tw-transform); transform: var(--tw-transform); } .scale-95 { --tw-scale-x: 0.95; --tw-scale-y: 0.95; -webkit-transform: var(--tw-transform); transform: var(--tw-transform); } .transform { -webkit-transform: var(--tw-transform); transform: var(--tw-transform); } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .gap-6 { gap: 1.5rem; } .gap-x-2 { -moz-column-gap: 0.5rem; -webkit-column-gap: 0.5rem; column-gap: 0.5rem; } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: -webkit-calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-bottom-width: -webkit-calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); } .overflow-hidden { overflow: hidden; } .rounded-md { border-radius: 0.375rem; } .rounded-lg { border-radius: 0.5rem; } .rounded-full { border-radius: 9999px; } .border { border-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-gray-100 { --tw-border-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-border-opacity)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); } .bg-primary-600 { --tw-bg-opacity: 1; background-color: rgba(147, 51, 234, var(--tw-bg-opacity)); } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-cover-image { background-image: url('../../img/cover.jpg'); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .p-4 { padding: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pt-4 { padding-top: 1rem; } .pr-2 { padding-right: 0.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-4 { padding-bottom: 1rem; } .pr-12 { padding-right: 3rem; } .pt-3 { padding-top: 0.75rem; } .pt-6 { padding-top: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pr-3 { padding-right: 0.75rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-5xl { font-size: 3rem; line-height: 1; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-bold { font-weight: 700; } .leading-10 { line-height: 2.5rem; } .leading-5 { line-height: 1.25rem; } .tracking-tight { letter-spacing: -0.025em; } .text-gray-900 { --tw-text-opacity: 1; color: rgba(17, 24, 39, var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgba(107, 114, 128, var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgba(156, 163, 175, var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgba(55, 65, 81, var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgba(75, 85, 99, var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .text-gray-800 { --tw-text-opacity: 1; color: rgba(31, 41, 55, var(--tw-text-opacity)); } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .transition-all { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; } .transition { -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; } .duration-300 { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .duration-100 { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .duration-150 { -webkit-transition-duration: 150ms; transition-duration: 150ms; } .ease-in-out { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .first\:border-0:first-child { border-width: 0; } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgba(75, 85, 99, var(--tw-text-opacity)); } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgba(107, 114, 128, var(--tw-text-opacity)); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .active\:bg-gray-50:active { --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); } .active\:text-gray-800:active { --tw-text-opacity: 1; color: rgba(31, 41, 55, var(--tw-text-opacity)); } @media (min-width: 640px) { .sm\:inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .sm\:hidden { display: none; } .sm\:w-3\/4 { width: 75%; } .sm\:flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:leading-none { line-height: 1; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:top-32 { top: 8rem; } .md\:order-last { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .md\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .md\:mx-16 { margin-left: 4rem; margin-right: 4rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mr-8 { margin-right: 2rem; } .md\:block { display: block; } .md\:flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .md\:hidden { display: none; } .md\:h-80 { height: 20rem; } .md\:h-full { height: 100%; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/4 { width: 25%; } .md\:w-3\/4 { width: 75%; } .md\:w-auto { width: auto; } .md\:max-w-none { max-width: none; } .md\:max-w-lg { max-width: 32rem; } .md\:flex-grow { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .md\:items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .md\:overflow-visible { overflow: visible; } .md\:rounded-none { border-radius: 0; } .md\:border-transparent { border-color: transparent; } .md\:bg-transparent { background-color: transparent; } .md\:p-0 { padding: 0; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-0 { padding-top: 0; padding-bottom: 0; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-0 { padding-left: 0; padding-right: 0; } .md\:px-12 { padding-left: 3rem; padding-right: 3rem; } .md\:pt-0 { padding-top: 0; } .md\:text-center { text-align: center; } .md\:text-6xl { font-size: 3.75rem; line-height: 1; } .md\:text-5xl { font-size: 3rem; line-height: 1; } } @media (min-width: 1024px) { .lg\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } .lg\:my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .lg\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .lg\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .lg\:block { display: block; } .lg\:justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:text-7xl { font-size: 4.5rem; line-height: 1; } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } } .bg-animated-rectangle .circles { position: absolute; top: 0; left: 0; width: 100%; height: 98vh; overflow: hidden; z-index: 0; } .bg-animated-rectangle .circles li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 238, 200, 0.6); -webkit-animation: animate 25s linear infinite; animation: animate 25s linear infinite; bottom: -150px; } .bg-animated-rectangle .circles li:first-child { left: 25%; width: 80px; height: 80px; -webkit-animation-delay: 0s; animation-delay: 0s; } .bg-animated-rectangle .circles li:nth-child(2) { left: 10%; width: 20px; height: 20px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 12s; animation-duration: 12s; } .bg-animated-rectangle .circles li:nth-child(3) { left: 70%; width: 20px; height: 20px; -webkit-animation-delay: 4s; animation-delay: 4s; } .bg-animated-rectangle .circles li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 18s; animation-duration: 18s; } .bg-animated-rectangle .circles li:nth-child(5) { left: 65%; width: 20px; height: 20px; -webkit-animation-delay: 0s; animation-delay: 0s; } .bg-animated-rectangle .circles li:nth-child(6) { left: 75%; width: 110px; height: 110px; -webkit-animation-delay: 3s; animation-delay: 3s; } .bg-animated-rectangle .circles li:nth-child(7) { left: 35%; width: 150px; height: 150px; -webkit-animation-delay: 7s; animation-delay: 7s; } .bg-animated-rectangle .circles li:nth-child(8) { left: 50%; width: 25px; height: 25px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 45s; animation-duration: 45s; } .bg-animated-rectangle .circles li:nth-child(9) { left: 20%; width: 15px; height: 15px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 35s; animation-duration: 35s; } .bg-animated-rectangle .circles li:nth-child(10) { left: 85%; width: 150px; height: 150px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 11s; animation-duration: 11s; } @-webkit-keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); opacity: 1; border-radius: 0; } 100% { -webkit-transform: translateY(-1000px) rotate(720deg); transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } @keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); opacity: 1; border-radius: 0; } 100% { -webkit-transform: translateY(-1000px) rotate(720deg); transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } .wedocs-single-wrap { width: auto !important; display: block !important; } .wedocs-single-wrap .wedocs-sidebar { width: 100% !important; } .breadcrumb { --uiBreadcrumbDividerColor: var(--breadcrumbDividerColor, inherit); --uiBreadcrumbDividerSize: var(--breadcrumbDividerSize, 1rem); --uiBreadcrumbIndent: var(--breadcrumbIndent, 0.75rem); --breadcrumbDividerSize: 20px; } .breadcrumb .breadcrumb__group:last-child .breadcrumb__divider { display: none; } .breadcrumb__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--uiBreadcrumbIndent); } .breadcrumb__group { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .breadcrumb__divider { margin-left: var(--uiBreadcrumbIndent); font-size: var(--uiBreadcrumbDividerSize); } .breadcrumb { --uiBreadcrumbTextColor: var(--breadcrumbTextColor); --uiBreadcrumbTextColorActive: var(--breadcrumbTextColorActive); --breadcrumbDividerColor: var(--uiBreadcrumbTextColor); --rLinkTextColor: var(--uiBreadcrumbTextColor); } .breadcrumb__divider { color: var(--uiBreadcrumbDividerColor); } span.breadcrumb__point { color: var(--uiBreadcrumbTextColorActive); } .ez-toc-list { display: block !important; } .ez-toc-list li:before { display: none !important; } .ez-toc-list a { padding: 0.5rem 0; display: block; font-size: 0.875rem; } .enlighter-default { border-radius: 0 !important; font-size: 14px !important; padding: 5px !important; } .container-lazyload { padding: 5px 0; margin-bottom: 5px; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(156, 163, 175, var(--tw-border-opacity)); } .container-lazyload + p, .container-lazyload + p + p { display: none; } .container-lazyload + h2, .container-lazyload + h3, .container-lazyload + h4, .container-lazyload + h5, .container-lazyload + h6, .container-lazyload + p:not(:empty), .container-lazyload + ul { margin-top: 15px; display: block; } .container-lazyload iframe { min-height: 450px; } .container-lazyload .lazy-load-div { height: 50px !important; width: 70px !important; margin: 0 10px 0 0; } .container-lazyload .lazy-load-div::before { font-size: 30px; opacity: 1; padding-top: 5px; } .container-lazyload .lazy-load-info .titletext { display: block !important; font-size: 15px !important; opacity: 1 !important; color: #000 !important; padding: 0 0 0 90px !important; margin-left: -35px !important; } .container-lazyload a.lazy-load-youtube { display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .container-lazyload .lazy-load-youtube { height: 52px !important; width: 100% !important; background: #fff !important; border: 1px solid #d9d9d9; border-radius: 5px; } .bg-clip-text { -webkit-background-clip: text; } .page .prose { max-width: 100%; } .elementor-container { max-width: 100% !important; } .bingopress-container { max-width: 85rem; } #body-content a:not(.elementor-button-link) { color: #0e7bff; border-bottom: 1px solid; } body { overflow-x: hidden !important; max-width: 100%; } body.single article .single-content-container p { color: #6b7280; text-align: justify; } body.single article code { font-size: 14px; color: #111; text-shadow: 0 1px 0 #fff; background-color: #f7f7f7; padding: 5px; border: 1px solid #ccc; border-radius: 7px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; margin: 0 1px; } body.single article code:after, body.single article code:before { content: ''; } body.single article h2 { margin-top: 1.5em; } @media screen and (min-width: 768px) { body.single article .post-featured-image { min-height: 200px; } } body.single article .post-info a { text-decoration: none; color: rgba(156, 163, 175, var(--tw-text-opacity)); } body.single article .inpage-pagination .nav-links, body.single article .inpage-pagination .page-links { line-height: 3rem; } body.single article .inpage-pagination .current { color: #fff; font-weight: 700; --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } body.single article .inpage-pagination a { text-decoration: none; } body.single article .inpage-pagination a, body.single article .inpage-pagination span { padding: 0.75rem 1rem; font-size: 1.25rem; background: #fff; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } body.single article .inpage-pagination a:hover, body.single article .inpage-pagination span:hover { color: #fff; --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } body.single article .prose ol { padding-left: 20px; list-style-type: decimal; } body.single article .prose ol > li { padding-left: 15px; } body.single article .prose ol > li:before { content: ''; } body.single article .prose .aligncenter { margin: 2em auto; } .post-grid { -webkit-columns: 1 200px; -moz-columns: 1 200px; columns: 1 200px; padding: 0 2rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } @media screen and (min-width: 1100px) { .post-grid { -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; padding: 0; } } .post-grid a { text-decoration: none; } .post-grid .grid-item { margin: 0 0 1rem 0; display: inline-block; width: 100%; } .post-grid div:first-child { height: auto; } .post-grid div:nth-child(2) { height: auto; } .post-grid div:nth-child(3) { height: auto; } .post-grid div:nth-child(4) { height: auto; } .post-grid div:nth-child(5) { height: auto; } .post-grid div:nth-child(6) { height: auto; } .post-grid div:nth-child(7) { height: auto; } .post-grid div:nth-child(8) { height: auto; } .post-grid div:nth-child(9) { height: auto; } .post-grid div:nth-child(10) { height: auto; } .post-grid div:nth-child(11) { height: auto; } .post-grid div:nth-child(12) { height: auto; } .post-grid div:nth-child(13) { height: auto; } .post-grid div:nth-child(14) { height: auto; } .post-grid div:nth-child(15) { height: auto; } .post-grid div:nth-child(16) { height: auto; } .post-grid div:nth-child(17) { height: auto; } .post-grid div:nth-child(18) { height: auto; } .post-grid div:nth-child(19) { height: auto; } .post-grid div:nth-child(20) { height: auto; } .post-grid div:nth-child(21) { height: auto; } .post-grid div:nth-child(22) { height: auto; } .post-grid div:nth-child(23) { height: auto; } .post-grid div:nth-child(24) { height: auto; } .post-grid div:nth-child(25) { height: auto; } .post-grid div:nth-child(26) { height: auto; } .post-grid div:nth-child(27) { height: auto; } .post-grid div:nth-child(28) { height: auto; } .post-grid div:nth-child(29) { height: auto; } .post-grid div:nth-child(30) { height: auto; } .post-grid div:nth-child(31) { height: auto; } .post-grid div:nth-child(32) { height: auto; } .post-grid div:nth-child(33) { height: auto; } .post-grid div:nth-child(34) { height: auto; } .post-grid div:nth-child(35) { height: auto; } .post-grid div:nth-child(36) { height: auto; } .archive-pagination .screen-reader-text { display: none; } .archive-pagination .nav-links, .archive-pagination .page-links { line-height: 3rem; } .archive-pagination .current { color: #fff; font-weight: 700; --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } .archive-pagination a { text-decoration: none; } .archive-pagination a, .archive-pagination span { padding: 0.75rem 1rem; font-size: 1.25rem; background: #fff; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); } .archive-pagination a:hover, .archive-pagination span:hover { color: #fff; --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } header .menu-main-menu-container { width: 100%; } @media screen and (max-width: 767px) { header .menu-main-menu-container { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-border-opacity)); } } header .menu-primary-container { width: 100%; } header .menu_primary .current-menu-item a { font-weight: 700; } header .menu_primary a { display: inline-block; } header .menu_primary .sub-menu-desktop-toggle, header .menu_primary .sub-menu-mobile-toggle { display: inline-block; text-align: center; width: 2rem; padding-left: 0.5rem; } @media screen and (max-width: 767px) { header .menu_primary { width: 100%; padding: 0 1.5rem; font-size: 1rem; } header .menu_primary li { display: block; } header .menu_primary a { padding: 0.75rem 0; } header .menu_primary a:last-child { border-bottom-width: 0; } header .menu_primary .sub-menu { display: none; padding: 0 1rem; } } @media screen and (min-width: 768px) { header .menu_primary { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: right; } header .menu_primary > li { position: relative; margin: 0 1rem; } header .menu_primary > .menu-item-has-children .sub-menu { display: none; position: absolute; width: 12rem; background: #fff; top: 0; left: 100%; padding: 1rem 1.5rem; margin: 0 0.25rem; border: 1px solid #e6eeef; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; visibility: hidden; display: none; } header .menu_primary > .menu-item-has-children .sub-menu a { display: inline-block; padding-top: 0.75rem; padding-bottom: 0.75rem; } header .menu_primary > .menu-item-has-children .sub-menu-active { display: block; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } header .menu_primary > .menu-item-has-children > .sub-menu { display: block; top: 100% !important; left: 0 !important; margin-top: 1rem; margin-left: 0; width: 12rem; } header .menu_primary > .menu-item-has-children > .sub-menu:before { position: absolute; background: #fff; content: ''; width: 12px; height: 12px; top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 40px; border-left: 1px solid #e6eeef; border-top: 1px solid #e6eeef; } header .menu_primary > .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu { display: none; position: absolute; width: 12rem; background: #fff; top: 0; left: 100%; padding: 1rem 1.5rem; margin: 0 0.25rem; border: 1px solid #e6eeef; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; visibility: hidden; display: none; } header .menu_primary > .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu a { display: inline-block; padding-top: 0.75rem; padding-bottom: 0.75rem; } header .menu_primary > .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu-active { display: block; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } } #site-nav, .section-hero-heading { background-color: #f7f7f7; } .error404 #site-nav, .home #site-nav, .page-id-5460 #site-nav { background-color: #fff; } #menu-nav .custom-logo { width: auto; height: 1.5rem; } #menu-mobile-nav { display: none; } @media screen and (max-width: 768px) { .admin-bar #menu-mobile-nav { padding-top: 4rem; } } #footer-widgets div.footer-widget { list-style: none; } #footer-widgets h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .post-tags a { border-radius: 0.75rem; margin-right: 0.75rem; } a:hover { color: #0e7bff; } .wp-loginform input, .wp-loginform textarea { height: 60px; line-height: 55px; background: #f9fbfc; box-shadow: none; padding-left: 30px; font-weight: 400; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 6px; border: 1px solid #d9e1e3; width: 100%; margin-top: 5px; font-size: 14px; display: block; } .wp-loginform #rememberme { height: auto; width: auto; display: inline-block; } .wp-loginform input[type='submit'] { background-color: #554fe8; color: #fff; } .wpcf7 h6 { font-weight: 700; } .wpcf7 input, .wpcf7 textarea { height: 60px; line-height: 55px; background: #f9fbfc; box-shadow: none; padding-left: 30px; font-weight: 400; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 6px; border: 1px solid #d9e1e3; width: 100%; margin-top: 5px; font-size: 14px; } .wpcf7 textarea { width: 100%; height: auto; } .wpcf7 input[type='submit'] { background-color: #554fe8; color: #fff; } #wpadminbar { position: fixed; } .search-results article { width: 100%; } .jconfirm { z-index: 99999 !important; } .jconfirm .container { max-width: none; } .jconfirm img { border-style: none; } .jconfirm .jconfirm-bg { border-color: #f3f4f6; opacity: 0.5; } .jconfirm .jconfirm-box-container { width: 100%; } .jconfirm .jconfirm-box { padding: 0; border: 1px solid #d1d5db; border-radius: 1rem; -webkit-filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } .jconfirm .jconfirm-box .jconfirm-title-c { cursor: move; background: #f1f5f9; height: 10px; padding: 0; } .jconfirm .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm .jconfirm-box .jconfirm-title-c .jconfirm-title { display: none; } .jconfirm .jconfirm-box ul.jconfirm-navigation { position: absolute; right: 0; margin-right: 3rem; } .jconfirm .jconfirm-box ul.jconfirm-navigation li { float: right; margin: 0 0.5rem; } .jconfirm .jconfirm-box ul.jconfirm-navigation li.jconfirm-hotkey { background-color: #f6f6f6; border: 1px solid #c7c7c7; color: #807a7a; padding: 0.25rem 0.75rem; font-size: 0.5rem; top: 17px; border-radius: 5px; position: relative; z-index: 9999; margin: 5px 15px 0 0; -webkit-animation: fadeInUp; animation: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; } .jconfirm .jconfirm-box ul.jconfirm-navigation li.jconfirm-maximize { position: relative; opacity: 1; font-size: 1rem !important; border: 0; top: 18px; padding: 3px; margin: 5px 0 0 0; -webkit-animation: fadeInUp; animation: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; z-index: 9999; } .jconfirm .jconfirm-box ul.jconfirm-navigation li.jconfirm-maximize i { display: block; } .jconfirm .jconfirm-box ul.jconfirm-navigation li.jconfirm-maximize div { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { opacity: 1; font-size: 1rem !important; border: 0; top: 0; padding: 3px; -webkit-animation: fadeInUp; animation: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; z-index: 9999; } .jconfirm .jconfirm-box div.jconfirm-closeIcon i { display: block; } .jconfirm .jconfirm-box div.jconfirm-closeIcon div { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { height: auto !important; margin-bottom: 0; } .jconfirm .jconfirm-box .jconfirm-clear { margin-bottom: -10px; } @media only screen and (max-width: 780px) { .jconfirm { border-radius: 0 !important; } .jconfirm .jconfirm-holder { padding: 0 !important; } .jconfirm .jconfirm-box-container { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; bottom: 0; position: absolute; } .jconfirm .jconfirm-box { width: 100vw !important; border-radius: 0 !important; } } .jconfirm.bingopress-modal-notdraggable .jconfirm-title-c { display: none !important; } .jconfirm.jconfirm-xsmall .jconfirm-box { width: 20%; } @media only screen and (max-width: 990px) { .jconfirm.jconfirm-xsmall .jconfirm-box { width: 50%; } } .jconfirm.jconfirm-small .jconfirm-box { width: 30%; } @media only screen and (max-width: 990px) { .jconfirm.jconfirm-small .jconfirm-box { width: 50%; } } .jconfirm.jconfirm-medium .jconfirm-box { width: 50%; } .jconfirm.jconfirm-large .jconfirm-box { width: 80%; } .jconfirm.jconfirm-xlarge .jconfirm-box { width: 100%; } .jconfirm.jconfirm-maximized { border-radius: 0 !important; } .jconfirm.jconfirm-maximized .jconfirm-box-container { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; top: 0; bottom: auto; } .jconfirm.jconfirm-maximized .jconfirm-holder { padding: 0 !important; } .jconfirm.jconfirm-maximized .jconfirm-box { width: 100vw !important; height: 100vh !important; border-radius: 0 !important; overflow: hidden !important; } .jconfirm.jconfirm-maximized div.jconfirm-content-pane { height: 100% !important; max-height: 100% !important; } .jconfirm.jconfirm-maximized #bingopress-search-results { max-height: 83vh; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }