*,:after,:before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } /*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/ *,:after,:before { box-sizing: border-box; border: 0 solid #e5e5e5 } :after,:before { --tw-content: "" } :host,html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,pre,samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button,input,optgroup,select,textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none } button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } 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 } fieldset { margin: 0 } fieldset,legend { padding: 0 } menu,ol,ul { list-style: none; margin: 0; padding: 0 } dialog { padding: 0 } textarea { resize: vertical } input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #a3a3a3 } input::placeholder,textarea::placeholder { opacity: 1; color: #a3a3a3 } [role=button],button { cursor: pointer } :disabled { cursor: default } audio,canvas,embed,iframe,img,object,svg,video { display: block; vertical-align: middle } img,video { max-width: 100%; height: auto } [hidden] { display: none } [multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #737373; border-width: 1px; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000 } [multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); border-color: #2563eb } input::-moz-placeholder,textarea::-moz-placeholder { color: #737373; opacity: 1 } input::placeholder,textarea::placeholder { color: #737373; opacity: 1 } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0 } select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact } [multiple],[size]:where(select:not([size="1"])) { background-image: none; background-position: 0 0; background-repeat: unset; background-size: initial; padding-right: .75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset } [type=checkbox],[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #737373; border-width: 1px; --tw-shadow: 0 0 #0000 } [type=checkbox] { border-radius: 0 } [type=radio] { border-radius: 100% } [type=checkbox]:focus,[type=radio]:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } [type=checkbox]:checked,[type=radio]:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat } [type=checkbox]:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E") } @media (forced-colors:active) { [type=checkbox]:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=radio]:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") } @media (forced-colors:active) { [type=radio]:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover { border-color: transparent; background-color: currentColor } [type=checkbox]:indeterminate { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat } @media (forced-colors:active) { [type=checkbox]:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover { border-color: transparent; background-color: currentColor } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit } [type=file]:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .-left-28 { left: -7rem } .-right-1 { right: -.25rem } .bottom-12 { bottom: 3rem } .left-0 { left: 0 } .top-0 { top: 0 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .mx-auto { margin-left: auto; margin-right: auto } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .my-auto { margin-top: auto; margin-bottom: auto } .-mr-1 { margin-right: -.25rem } .mb-16 { margin-bottom: 4rem } .mb-2 { margin-bottom: .5rem } .mb-20 { margin-bottom: 5rem } .mb-4 { margin-bottom: 1rem } .mb-6 { margin-bottom: 1.5rem } .mb-8 { margin-bottom: 2rem } .mb-auto { margin-bottom: auto } .ml-0 { margin-left: 0 } .ml-auto { margin-left: auto } .mr-1 { margin-right: .25rem } .mr-2 { margin-right: .5rem } .mr-auto { margin-right: auto } .mt-20 { margin-top: 5rem } .mt-24 { margin-top: 6rem } .mt-28 { margin-top: 7rem } .mt-4 { margin-top: 1rem } .mt-6 { margin-top: 1.5rem } .mt-auto { margin-top: auto } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .hidden { display: none } .h-0 { height: 0 } .h-10 { height: 2.5rem } .h-4 { height: 1rem } .h-5 { height: 1.25rem } .h-7 { height: 1.75rem } .h-8 { height: 2rem } .h-9 { height: 2.25rem } .h-full { height: 100% } .h-px { height: 1px } .w-10 { width: 2.5rem } .w-11 { width: 2.75rem } .w-28 { width: 7rem } .w-36 { width: 9rem } .w-4 { width: 1rem } .w-5 { width: 1.25rem } .w-7 { width: 1.75rem } .w-72 { width: 18rem } .w-8 { width: 2rem } .w-full { width: 100% } .max-w-3xl { max-width: 48rem } .max-w-\[970px\] { max-width: 970px } .max-w-md { max-width: 28rem } .max-w-mono-lg { max-width: 75.625rem } .max-w-mono-xl { max-width: 77.5rem } .max-w-sm { max-width: 24rem } .max-w-xl { max-width: 36rem } .max-w-xs { max-width: 20rem } .shrink-0 { flex-shrink: 0 } .grow { flex-grow: 1 } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; 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)) } .cursor-pointer { cursor: pointer } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-wrap { flex-wrap: wrap } .items-center { align-items: center } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem } .gap-y-10 { row-gap: 2.5rem } .space-x-4>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem*var(--tw-space-x-reverse)); margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))) } .space-x-5>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem*var(--tw-space-x-reverse)); margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse))) } .space-y-16>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem*var(--tw-space-y-reverse)) } .space-y-2>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem*var(--tw-space-y-reverse)) } .space-y-2\.5>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.625rem*var(--tw-space-y-reverse)) } .space-y-5>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem*var(--tw-space-y-reverse)) } .space-y-6>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem*var(--tw-space-y-reverse)) } .space-y-9>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.25rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.25rem*var(--tw-space-y-reverse)) } .overflow-hidden { overflow: hidden } .rounded-3xl { border-radius: 1.5rem } .rounded-\[60px\] { border-radius: 60px } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: .5rem } .rounded-md { border-radius: .375rem } .border { border-width: 1px } .border-b { border-bottom-width: 1px } .border-mono-blue { --tw-border-opacity: 1; border-color: rgb(0 34 73/var(--tw-border-opacity)) } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)) } .border-opacity-10 { --tw-border-opacity: 0.1 } .border-opacity-30 { --tw-border-opacity: 0.3 } .bg-\[\#EFEDE6\] { --tw-bg-opacity: 1; background-color: rgb(239 237 230/var(--tw-bg-opacity)) } .bg-mono-blue { --tw-bg-opacity: 1; background-color: rgb(0 34 73/var(--tw-bg-opacity)) } .bg-mono-light { --tw-bg-opacity: 1; background-color: rgb(244 242 234/var(--tw-bg-opacity)) } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .p-4 { padding: 1rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-20 { padding-top: 5rem; padding-bottom: 5rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .pb-10 { padding-bottom: 2.5rem } .pb-12 { padding-bottom: 3rem } .pb-6 { padding-bottom: 1.5rem } .pl-4 { padding-left: 1rem } .pr-3\.5 { padding-right: .875rem } .pr-4 { padding-right: 1rem } .pt-10 { padding-top: 2.5rem } .pt-36 { padding-top: 9rem } .pt-8 { padding-top: 2rem } .text-center { text-align: center } .font-sans { font-family: Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xs { font-size: .75rem; line-height: 1rem } .font-black { font-weight: 900 } .font-medium { font-weight: 500 } .font-semibold { font-weight: 600 } .leading-\[1\.3\] { line-height: 1.3 } .leading-normal { line-height: 1.5 } .leading-relaxed { line-height: 1.625 } .leading-tight { line-height: 1.25 } .text-mono-blue { --tw-text-opacity: 1; color: rgb(0 34 73/var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .opacity-100 { opacity: 1 } .opacity-50 { opacity: .5 } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-gray-700 { --tw-shadow-color: #404040; --tw-shadow: var(--tw-shadow-colored) } .outline-none { outline: 2px solid transparent; outline-offset: 2px } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-200 { transition-duration: .2s } .hover\:animate-animationPaused:hover { animation: paused } @keyframes scrollerDown { 0% { transform: translateY(-10em) } to { transform: translateY(14em) } } .lg\:animate-scrollerDown { animation: scrollerDown 12s linear infinite } @keyframes scrollerUp { 0% { transform: translateY(10em) } to { transform: translateY(-14em) } } .lg\:animate-scrollerUp { animation: scrollerUp 12s linear infinite } @keyframes marqueeLeft { 0% { transform: translate(0) } to { transform: translate(-100%) } } .animate-marqueeLeft { animation: marqueeLeft 20s linear infinite } @keyframes marqueeRight { 0% { transform: translate(-100%) } to { transform: translate(0) } } .animate-marqueeRight { animation: marqueeRight 20s linear infinite } .btn { display: inline-flex; height: 3rem; align-items: center; justify-content: center; white-space: nowrap; border-radius: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-weight: 500 } @media (min-width: 640px) { .btn { height:2.5rem } } .btn-outline { display: inline-flex; height: 3rem; align-items: center; justify-content: center; white-space: nowrap; border-radius: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-weight: 500 } @media (min-width: 640px) { .btn-outline { height:2.5rem } } .btn-outline { border-width: 1px; border-color: currentColor; color: currentColor } .btn-green { display: inline-flex; height: 3rem; align-items: center; justify-content: center; white-space: nowrap; border-radius: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-weight: 500 } @media (min-width: 640px) { .btn-green { height:2.5rem } } .btn-green { background-color: rgb(25 199 115/var(--tw-bg-opacity)); color: rgb(255 255 255/var(--tw-text-opacity)) } .btn-green,.dark .btn-green { --tw-bg-opacity: 1; --tw-text-opacity: 1 } .dark .btn-green { background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(0 34 73/var(--tw-text-opacity)) } .btn-blue { display: inline-flex; height: 3rem; align-items: center; justify-content: center; white-space: nowrap; border-radius: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-weight: 500 } @media (min-width: 640px) { .btn-blue { height:2.5rem } } .btn-blue { background-color: rgb(0 34 73/var(--tw-bg-opacity)); color: rgb(255 255 255/var(--tw-text-opacity)) } .btn-blue,.dark .btn-blue { --tw-bg-opacity: 1; --tw-text-opacity: 1 } .dark .btn-blue { background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(0 34 73/var(--tw-text-opacity)) } .service-item { display: flex; flex-direction: column; align-items: flex-start } .service-item-icon { margin-bottom: 1rem; display: inline-flex; height: 2.75rem; width: 2.75rem; align-items: center; justify-content: center; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(0 34 73/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .dark .service-item-icon { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 34 73/var(--tw-text-opacity)) } .service-item-title { margin-bottom: .75rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500 } @media (min-width: 768px) { .service-item-title { margin-bottom:1.25rem; font-size: 1.5rem; line-height: 2rem } } @media (min-width: 1024px) { .service-item-title { font-size:28px } } .mono-red { background-color: #fb514e } .mono-blue { background-color: #002249 } .blue { background-color: #c0e5fe } .green { background-color: rgba(142,238,185,.6) } .rounded-4 { border-radius: 16px } .h-50 { height: 232px!important } .h-100 { height: 464px!important } .h-150 { height: 600px!important } .hover\:bg-mono-blue:hover { --tw-bg-opacity: 1; background-color: rgb(0 34 73/var(--tw-bg-opacity)) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .hover\:underline:hover { text-decoration-line: underline } .dark\:border-mono-light:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(244 242 234/var(--tw-border-opacity)) } .dark\:border-white:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)) } .dark\:border-opacity-20:is(.dark *) { --tw-border-opacity: 0.2 } .dark\:bg-\[\#4C6FFF\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(76 111 255/var(--tw-bg-opacity)) } .dark\:bg-mono-blue:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(0 34 73/var(--tw-bg-opacity)) } .dark\:bg-mono-light:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(244 242 234/var(--tw-bg-opacity)) } .dark\:bg-white:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .dark\:text-\[\#FFB6B6\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 182 182/var(--tw-text-opacity)) } .dark\:text-mono-blue:is(.dark *) { --tw-text-opacity: 1; color: rgb(0 34 73/var(--tw-text-opacity)) } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } @media (min-width: 640px) { .sm\:static { position:static } .sm\:mb-0 { margin-bottom: 0 } .sm\:mt-0 { margin-top: 0 } .sm\:flex { display: flex } .sm\:hidden { display: none } .sm\:w-36 { width: 9rem } .sm\:w-auto { width: auto } .sm\:flex-row { flex-direction: row } .sm\:space-x-4>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem*var(--tw-space-x-reverse)); margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))) } .sm\:overflow-visible { overflow: visible } .sm\:bg-transparent { background-color: transparent } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .sm\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem } .sm\:text-base { font-size: 1rem; line-height: 1.5rem } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem } .sm\:font-medium { font-weight: 500 } .sm\:text-mono-blue { --tw-text-opacity: 1; color: rgb(0 34 73/var(--tw-text-opacity)) } .dark\:sm\:bg-transparent:is(.dark *) { background-color: transparent } .dark\:sm\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } } @media (min-width: 768px) { .md\:left-0 { left:0 } .md\:top-4 { top: 1rem } .md\:mx-0 { margin-left: 0; margin-right: 0 } .md\:my-0 { margin-top: 0 } .md\:mb-0,.md\:my-0 { margin-bottom: 0 } .md\:ml-16 { margin-left: 4rem } .md\:ml-4 { margin-left: 1rem } .md\:mr-16 { margin-right: 4rem } .md\:mt-0 { margin-top: 0 } .md\:mt-12 { margin-top: 3rem } .md\:mt-24 { margin-top: 6rem } .md\:block { display: block } .md\:w-60 { width: 15rem } .md\:w-auto { width: auto } .md\:max-w-\[320px\] { max-width: 320px } .md\:max-w-full { max-width: 100% } .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .md\:flex-row { flex-direction: row } .md\:items-start { align-items: flex-start } .md\:justify-start { justify-content: flex-start } .md\:justify-end { justify-content: flex-end } .md\:space-x-6>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem*var(--tw-space-x-reverse)); margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse))) } .md\:space-x-9>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.25rem*var(--tw-space-x-reverse)); margin-left: calc(2.25rem*(1 - var(--tw-space-x-reverse))) } .md\:space-y-0>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px*var(--tw-space-y-reverse)) } .md\:space-y-12>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem*var(--tw-space-y-reverse)) } .md\:border-0 { border-width: 0 } .md\:border-l { border-left-width: 1px } .md\:border-transparent { border-color: transparent } .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem } .md\:pb-0 { padding-bottom: 0 } .md\:pl-28 { padding-left: 7rem } .md\:pt-16 { padding-top: 4rem } .md\:pt-4 { padding-top: 1rem } .md\:text-left { text-align: left } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .md\:text-\[3\.5rem\] { font-size: 3.5rem } .md\:opacity-0 { opacity: 0 } .md\:hover\:border-mono-blue:hover { --tw-border-opacity: 1; border-color: rgb(0 34 73/var(--tw-border-opacity)) } .group:hover .md\:group-hover\:opacity-100 { opacity: 1 } .dark\:md\:border-transparent:is(.dark *) { border-color: transparent } .dark\:md\:hover\:border-mono-light:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(244 242 234/var(--tw-border-opacity)) } } @media (min-width: 1024px) { .lg\:-top-4 { top:-1rem } .lg\:right-14 { right: 3.5rem } .lg\:top-14 { top: 3.5rem } .lg\:mb-0 { margin-bottom: 0 } .lg\:mb-14 { margin-bottom: 3.5rem } .lg\:mb-40 { margin-bottom: 10rem } .lg\:mb-6 { margin-bottom: 1.5rem } .lg\:mb-9 { margin-bottom: 2.25rem } .lg\:ml-0 { margin-left: 0 } .lg\:ml-28 { margin-left: 7rem } .lg\:ml-auto { margin-left: auto } .lg\:mr-0 { margin-right: 0 } .lg\:mt-12 { margin-top: 3rem } .lg\:mt-32 { margin-top: 8rem } .lg\:mt-40 { margin-top: 10rem } .lg\:mt-8 { margin-top: 2rem } .lg\:block { display: block } .lg\:w-72 { width: 18rem } .lg\:w-\[400px\] { width: 400px } .lg\:w-auto { width: auto } .lg\:max-w-\[12ch\] { max-width: 12ch } .lg\:max-w-none { max-width: none } .lg\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .lg\:flex-col { flex-direction: column } .lg\:flex-nowrap { flex-wrap: nowrap } .lg\:items-start { align-items: flex-start } .lg\:items-center { align-items: center } .lg\:justify-start { justify-content: flex-start } .lg\:gap-y-24 { row-gap: 6rem } .lg\:border-0 { border-width: 0 } .lg\:px-0 { padding-left: 0; padding-right: 0 } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem } .lg\:pb-0 { padding-bottom: 0 } .lg\:pb-16 { padding-bottom: 4rem } .lg\:pt-24 { padding-top: 6rem } .lg\:text-6xl { font-size: 3.75rem; line-height: 1 } .lg\:text-\[40px\] { font-size: 40px } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .lg\:leading-\[1\.12\] { line-height: 1.12 } } @media (min-width: 1280px) { .xl\:-top-8 { top:-2rem } .xl\:mx-auto { margin-left: auto; margin-right: auto } .xl\:ml-0 { margin-left: 0 } .xl\:ml-14 { margin-left: 3.5rem } .xl\:mr-0 { margin-right: 0 } .xl\:mr-28 { margin-right: 7rem } .xl\:w-\[518px\] { width: 518px } .xl\:max-w-\[410px\] { max-width: 410px } .xl\:max-w-\[44ch\] { max-width: 44ch } .xl\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem } .xl\:pt-10 { padding-top: 2.5rem } .xl\:text-7xl { font-size: 4.5rem; line-height: 1 } .xl\:leading-\[1\.12\] { line-height: 1.12 } }