@font-face{font-family:"fa 300";src:url(../fonts/fa-light-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap} :root { --_colors---dark-blue: #00092c; --_colors---navy: #001c8c; --_colors---light-blue: #00c8ff; --_colors---grey: #e1f6ff; --container-padding: 100px; --_colors---circle-green: #22ffb2; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { color: var(--_colors---dark-blue); font-family: DM Sans, sans-serif; font-size: 16px; line-height: 1.33; } h1 { color: #fff; text-align: center; letter-spacing: -.75px; margin-top: 0; margin-bottom: 24px; font-size: 56px; font-weight: 500; line-height: 1; } h2 { text-align: center; letter-spacing: -.75px; max-width: 800px; margin: 10px auto 100px; font-size: 44px; font-weight: 500; line-height: 1.1; } h3 { letter-spacing: -.5px; margin-top: 10px; margin-bottom: 20px; font-size: 32px; font-weight: 500; line-height: 1.1; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 24px; } p { margin-bottom: 10px; font-size: 17px; } li { padding-left: 26px; } img { max-width: 100%; display: inline-block; } .hero-section { grid-column-gap: 80px; grid-row-gap: 80px; background-color: #000; background-image: radial-gradient(circle closest-corner at 50% 100%, #00c8ffcc, #00c8ff00), radial-gradient(circle farthest-corner at 50% 100%, var(--_colors---navy) 24%, #000825 72%); color: var(--_colors---dark-blue); flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; padding-top: 140px; padding-bottom: 140px; display: flex; overflow: hidden; } .hero-section.subhero { background-image: radial-gradient(circle closest-corner at 50% 100%, #00c8ffcc, #00c8ff00), radial-gradient(circle farthest-corner at 50% 100%, var(--_colors---navy) 24%, #000825 60%); color: var(--_colors---dark-blue); padding-bottom: 60px; } .container { max-width: 1240px; padding-left: 20px; padding-right: 20px; position: relative; } .container.narrow { max-width: 980px; } .container.flex-nav { justify-content: space-between; align-items: center; display: flex; } .container.center.foot { z-index: 2; } .container.full { flex: 1; } .container._100per { width: 100%; } .container._100per.hide { display: none; } .under-h1 { color: #fffc; text-align: center; flex: 1; max-width: 720px; margin-bottom: 32px; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 400; line-height: 1.33; } .under-h1.foot { color: #fff; text-align: left; max-width: none; margin-bottom: 8px; } .under-h1.foot._2 { margin-top: -8px; margin-bottom: 30px; } .under-h1.foot._3 { margin-top: 4px; margin-bottom: 30px; } .cta { grid-column-gap: 12px; grid-row-gap: 12px; color: var(--_colors---dark-blue); letter-spacing: -.25px; background-color: #fff; border-radius: 200px; justify-content: center; align-items: center; padding: 12px 12px 12px 32px; font-size: 19px; font-weight: 600; text-decoration: none; transition: all .2s; display: flex; box-shadow: 0 15px 30px #0153; } .cta:hover { transform: translate(0, 5px); box-shadow: 0 10px 20px #00115547; } .cta.blue { background-color: var(--_colors---navy); color: #fff; } .cta.traders { background-color: var(--_colors---light-blue); box-shadow: none; margin-top: 8px; padding: 8px 8px 8px 24px; font-size: 17px; } .cta.photo { box-shadow: none; margin-top: 10px; padding: 0 32px 0 0; } .center { text-align: center; } .div-block { grid-column-gap: 24px; grid-row-gap: 24px; text-align: left; justify-content: flex-start; align-items: center; display: flex; } .div-block.hero { justify-content: center; align-items: center; } .cta-icon-right { aspect-ratio: 1; background-color: var(--_colors---light-blue); color: #fff; background-image: none; border-radius: 50%; justify-content: center; align-items: center; width: 48px; font-family: "Fa 300", Arial, sans-serif; font-weight: 300; display: flex; } .cta-icon-right.navy { background-color: var(--_colors---light-blue); } .cta-icon-right.trader { background-color: var(--_colors---grey); color: var(--_colors---dark-blue); width: 32px; } .section { padding-top: var(--container-padding); padding-bottom: var(--container-padding); } .section.grey-bg { background-color: var(--_colors---grey); } .section.dark-green { background-color: var(--_colors---dark-blue); color: #fff; position: relative; overflow: hidden; } .section.full { background-color: var(--_colors---dark-blue); justify-content: center; align-items: center; min-height: 100svh; display: flex; position: relative; } .section.hide { display: none; } .section.dark-green-copy { background-color: var(--_colors---dark-blue); background-image: radial-gradient(circle farthest-side at 50% 0%, #182b77, var(--_colors---dark-blue)); color: #fff; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; padding-top: 160px; padding-bottom: 140px; position: relative; overflow: hidden; } .section.bg { background-color: var(--_colors---dark-blue); background-image: radial-gradient(circle farthest-side at 50% 0%, #182b77, var(--_colors---dark-blue)); } .navbar { z-index: 999; background-color: #00082500; padding-top: 16px; padding-bottom: 10px; position: absolute; inset: 0% 0% auto; } .nav-item-container { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: row; flex: 1; justify-content: center; align-items: center; display: flex; } .nav-item { grid-column-gap: 8px; grid-row-gap: 8px; color: #fff9; align-items: center; margin-left: 0; margin-right: 0; font-size: 15px; transition: all .2s; display: none; } .nav-item:hover, .nav-item.w--current { color: #fff; } .nav-item.nav-contact { grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid #fff3; border-radius: 200px; justify-content: flex-start; align-items: center; padding: 10px 10px 10px 20px; text-decoration: none; display: flex; } .nav-item.nav-contact:hover { border-color: #fff6; } .nav-item.nav-contact.hide { display: none; } .brand { flex: 1; max-width: 25%; } .navbar-right-wrapper { flex: 1; justify-content: flex-end; align-items: center; max-width: 25%; display: flex; } .cta-contact-icon { aspect-ratio: 1; background-color: var(--_colors---light-blue); color: var(--_colors---dark-blue); border-radius: 50%; justify-content: center; align-items: center; width: 32px; font-family: "Fa 300", Arial, sans-serif; font-weight: 300; display: flex; } .brands-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; color: #ffffffb8; text-align: center; flex-flow: column; width: 100%; display: none; position: absolute; inset: auto 0% 60px; } .brands-logos-wrapper { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: center; align-items: center; display: flex; } .over-h2 { grid-column-gap: 4px; grid-row-gap: 4px; text-align: center; text-transform: uppercase; justify-content: center; align-items: center; font-family: DM Mono, sans-serif; font-size: 12px; font-weight: 400; display: flex; } .dot-span { aspect-ratio: 1; background-color: var(--_colors---light-blue); color: var(--_colors---light-blue); border-radius: 50%; flex: none; width: 10px; margin-bottom: 2px; font-family: "Fa 300", Arial, sans-serif; font-weight: 300; display: flex; } .flex-wrapper { flex: 1; } .flex-wrapper._60per { text-align: center; } .flex-container { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: flex-start; align-items: center; } .flex-container.bottom-align { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: flex-start; align-items: center; } .icon-square { aspect-ratio: 1; color: var(--_colors---light-blue); background-color: #fff; border-radius: 8px; justify-content: center; align-items: center; width: 52px; margin-bottom: 16px; font-family: "Fa 300", Arial, sans-serif; font-size: 24px; font-weight: 300; display: flex; box-shadow: 0 10px 20px #001c8c29; } .icon-square.hiw-icon { box-shadow: none; background-color: #fff0; flex: none; width: auto; margin-bottom: 0; display: block; } .under-h2 { opacity: .6; text-align: center; max-width: 800px; margin: -80px auto 60px; font-size: 20px; } .hiw-container { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 32px; margin-bottom: 80px; } .hiw-wrapper { text-align: center; border-width: 1px; border-color: #d7e4e7; border-radius: 6px; flex: 1; } .hit-icon-container { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; justify-content: center; align-items: center; margin-bottom: 16px; display: flex; } .icon-text { flex: 1; font-size: 20px; font-weight: 500; line-height: 1.1; } .margin-top-60 { margin-top: 60px; } .h2-nomargin { text-align: left; max-width: none; margin-top: 0; margin-bottom: 16px; } .footer { background-color: var(--_colors---dark-blue); color: #fff; background-image: linear-gradient(#00000080, #00000080); padding-top: 60px; padding-bottom: 28px; } .div-block-4 { aspect-ratio: 1; background-color: var(--_colors---light-blue); filter: blur(160px); border-radius: 50%; width: 50svw; margin-left: auto; margin-right: auto; position: absolute; inset: -120% auto auto 25svw; } .footer-text { margin-top: 16px; font-size: 13px; line-height: 1.5; } .text-span { font-size: 15px; font-weight: 500; } .div-block-5 { color: #ffffff52; border-top: 1px solid #ffffff14; margin-top: 40px; padding-top: 28px; font-size: 13px; } .div-block-6 { flex-flow: column; align-items: flex-start; display: flex; } .h2-nowidth { text-align: left; max-width: 66.6667%; margin-bottom: 60px; margin-left: 0; margin-right: 0; } .why-container { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; display: flex; } .code-embed { background-color: #fff; border-radius: 12px; flex: 1; padding: 32px; } .text-block-3 { color: var(--_colors---dark-blue); } .contact-logo { text-align: center; margin-left: auto; margin-right: auto; position: absolute; inset: 24px 0% auto; } .div-block-10 { background-color: #ffffff14; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 480px; } .div-block-11 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: stretch; margin-top: 40px; margin-bottom: 20px; display: flex; } .div-block-12 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; flex: 1; display: flex; } .icon-h1 { color: var(--_colors---light-blue); margin-bottom: 10px; font-family: "Fa 300", Arial, sans-serif; font-size: 32px; } .list-2 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; font-size: 17px; display: flex; position: relative; } .list-check { color: var(--_colors---light-blue); font-family: "Fa 300", Arial, sans-serif; display: inline-block; position: absolute; left: 0; } .accordion-wrapper { margin-top: 50px; } .accordion-item { border: 1px solid #d7e4e7; border-radius: 10px; margin-bottom: 20px; padding: 24px 30px 14px; } .accordion-item-trigger { justify-content: space-between; align-items: flex-start; display: flex; } .accordion-heading { color: var(--_colors---dark-blue); cursor: pointer; flex: 1; margin-top: 0; margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 30px; } .icon-2.accordion-icon { background-color: var(--_colors---light-blue); color: #fff; cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; font-family: "Fa 300", Arial, sans-serif; font-size: 14px; line-height: 30px; display: flex; transform: rotate(90deg); } .accordion-item-content { margin-top: 10px; margin-right: 30px; overflow: hidden; } .div-block-13 { margin-top: -20px; margin-left: auto; margin-right: auto; } .div-block-14 { color: #fff; border: 1px solid #fff3; border-radius: 50px; justify-content: flex-start; align-items: center; padding: 4px; font-size: 14px; display: flex; overflow: hidden; } .div-block-15 { background-color: var(--_colors---light-blue); color: #fff; border-radius: 50px; padding: 6px 12px; font-size: 10px; font-weight: 600; } .text-block-4 { padding-left: 12px; padding-right: 20px; font-size: 13px; } .div-block-16 { justify-content: center; align-items: center; margin-bottom: 20px; display: flex; } .div-block-17 { justify-content: flex-start; align-items: center; margin-top: 52px; display: flex; } .text-block-3-copy { color: #fff; } .rounded { border-radius: 12px; overflow: hidden; } .large { margin-bottom: 20px; font-size: 19px; } .large.opacity { opacity: .72; text-align: center; max-width: 720px; font-size: 24px; } .list-item-2 { position: relative; } .h1-subpage { font-size: 52px; } .over-h1 { grid-column-gap: 4px; grid-row-gap: 4px; color: #ffffff80; text-align: center; text-transform: uppercase; justify-content: center; align-items: center; margin-bottom: 12px; font-family: DM Mono, sans-serif; font-size: 12px; font-weight: 400; display: flex; } .dark-blue { color: #fff; text-align: center; letter-spacing: -2px; -webkit-text-fill-color: transparent; background-image: linear-gradient(#fff, #c9eaff); -webkit-background-clip: text; background-clip: text; max-width: 80%; margin-bottom: 16px; margin-left: auto; margin-right: auto; font-size: 72px; line-height: 1; } .text-block-5 { color: var(--_colors---light-blue); margin-bottom: 8px; font-size: 20px; font-weight: 500; } .text-block-5.works { text-align: center; margin-top: 8px; line-height: 1.25; } .text-block-5.works.left { text-align: left; } .text-block-6 { letter-spacing: -.5px; margin-top: 0; font-size: 32px; line-height: 1.2; } .clients-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .div-block-20 { z-index: 999; grid-column-gap: 16px; grid-row-gap: 16px; text-align: center; background-color: #fff; border-radius: 8px; flex-flow: column; width: 160px; padding: 24px; line-height: 1.1; display: none; position: fixed; inset: auto 20px 20px auto; box-shadow: 0 15px 30px #00092c2b; } .div-block-21 { background-color: #fff; border-radius: 12px; padding: 12px; display: flex; overflow: hidden; } .client-bg { aspect-ratio: 1; border-radius: 8px; width: 320px; max-width: 33%; overflow: hidden; } .client-bg._01 { aspect-ratio: auto; background-image: url('../images/person1.avif'); background-position: 50%; background-size: cover; } .client-bg._02 { background-image: url('../images/person2.avif'); background-position: 50%; background-size: cover; } .client-bg._03 { background-image: url('../images/person3.avif'); background-position: 50%; background-size: cover; } .client-wrapper { flex: 1; padding: 32px 20px 32px 32px; } .client-h3 { margin-bottom: 4px; font-size: 28px; } .list-3 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; margin-top: 24px; font-size: 17px; display: flex; position: relative; } .list-3.m-b { margin-bottom: 20px; } .timeline-container { flex-flow: column; margin-top: 40px; display: flex; position: relative; } .timeline-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; padding-right: 0; display: flex; } .works-name { margin-bottom: 8px; font-size: 18px; font-weight: 500; } .div-block-23 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .div-block-24 { background-color: #ffffff0a; border-radius: 20px; flex-flow: row; justify-content: space-between; align-items: flex-start; padding: 40px; transition: all .2s; display: flex; } .div-block-24:hover { background-color: #ffffff1f; border-color: #fff0; transform: scale(1.02); } .div-block-24.hide { display: none; } .text-block-8 { color: var(--_colors---light-blue); text-align: right; width: 200px; font-size: 30px; font-weight: 400; } .text-block-9 { color: #fff; flex: 1; font-size: 24px; } .text-block-10 { text-align: center; max-width: 800px; margin: -80px auto 60px; font-size: 20px; } .div-block-25 { justify-content: center; align-items: flex-start; display: flex; } .div-block-26 { flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; display: flex; } .text-block-11 { margin-top: 6px; font-size: 24px; } .icon-contact { color: var(--_colors---light-blue); padding-right: 6px; font-family: "Fa 300", Arial, sans-serif; font-size: 18px; } .text-block-12 { color: var(--_colors---dark-blue); justify-content: flex-start; align-items: center; margin-top: 6px; font-size: 18px; text-decoration: none; display: block; } .flex-new { justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .flex-new-title { width: 100%; min-width: 240px; max-width: 30%; padding-right: 60px; position: sticky; top: 32px; } .flex-new-content { flex: 1; } .title-left { color: var(--_colors---dark-blue); letter-spacing: -1px; font-size: 38px; font-weight: 500; line-height: 1.1; } .title-left.white { color: #fff; } .timeline-gradient { background-image: linear-gradient(90deg, #00c8ff00, var(--_colors---light-blue)); border-radius: 200px; justify-content: space-between; align-items: center; width: 100%; height: 24px; margin-top: 40px; padding-right: 0; display: flex; position: relative; } .div-block-28 { margin-top: 32px; display: flex; } .icon-circle-wrapper { flex: 1; justify-content: center; align-items: center; padding-left: 0; padding-right: 0; display: flex; position: relative; } .icon-circle { aspect-ratio: 1; background-color: var(--_colors---grey); color: var(--_colors---dark-blue); border-radius: 50%; justify-content: center; align-items: center; width: 52px; font-family: "Fa 300", Arial, sans-serif; font-size: 22px; transition: all .2s; display: flex; box-shadow: 0 0 20px #00c8ff; } .icon-circle:hover { transform: scale(1.25); } .blue { color: var(--_colors---light-blue); } .div-block-29 { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-top: 20px; display: flex; } .footer-img { width: 140px; } .text-block-14 { text-align: center; font-size: 20px; font-weight: 600; } .link-block { text-decoration: none; } .icon-block { aspect-ratio: 1; background-color: var(--_colors---dark-blue); background-image: radial-gradient(circle farthest-corner at 50% 120%, var(--_colors---light-blue), var(--_colors---navy) 50%, var(--_colors---dark-blue)); box-shadow: none; color: var(--_colors---grey); border-radius: 12px; justify-content: center; align-items: center; width: 64px; margin-bottom: 20px; font-family: "Fa 300", Arial, sans-serif; font-size: 28px; font-weight: 300; display: flex; } .icon-block.no-bottom-margin { margin-bottom: 0; } .container-2 { max-width: 1240px; position: relative; } .container-2.margin-top-20 { margin-top: 20px; } .hiw-wrapper-2 { background-color: #fff; border-radius: 6px; flex: 1; padding: 40px; transition: all .2s; box-shadow: 0 10px 20px -2px #00092c1f; } .hiw-wrapper-2:hover { transform: translate(0, 4px); box-shadow: 0 2px 4px #00092c33; } .hit-icon-container-2 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: row; align-items: center; margin-bottom: 16px; display: flex; } .cta-photo { aspect-ratio: 1; border-radius: 50%; width: 84px; margin-top: 0; margin-bottom: 0; margin-left: -2px; } .div-block-30 { z-index: 1; aspect-ratio: 1; background-color: var(--_colors---light-blue); filter: blur(150px); border-radius: 50%; width: 700px; margin-left: auto; margin-right: auto; position: absolute; inset: -600px 0% auto; } .div-block-31 { grid-column-gap: 60px; grid-row-gap: 60px; justify-content: flex-start; align-items: flex-start; display: flex; } .div-block-32 { flex: 1; } .div-block-33 { text-align: left; flex: 1; } .list-4 { text-align: left; padding-left: 18px; } .div-block-34 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: stretch; margin-top: 52px; display: flex; } .div-block-35 { background-color: #fff; border-radius: 20px; flex: 1; padding: 32px; } .text-block-15 { -webkit-text-stroke-color: var(--_colors---light-blue); font-size: 18px; font-weight: 500; } @media screen and (max-width: 991px) { .container { padding-left: 24px; padding-right: 24px; } .under-h1.foot { text-align: center; } .under-h1.foot._2, .under-h1.foot._3 { text-align: left; } .div-block { justify-content: center; align-items: center; } .brand { max-width: none; } .navbar-right-wrapper { display: none; } .flex-wrapper.content-side { text-align: center; order: -1; max-width: 640px; } .flex-container { flex-flow: column; } .icon-square { margin-left: auto; margin-right: auto; } .hiw-container { grid-template-columns: 1fr 1fr; } .hiw-wrapper { text-align: center; } .hit-icon-container { flex-flow: column; } .h2-nomargin, .footer { text-align: center; } .div-block-6 { justify-content: flex-start; align-items: center; } .h2-nowidth { text-align: center; max-width: 100%; } .why-container { flex-flow: column; grid-template-columns: 1fr 1fr; } .menu-button { color: #fff; } .large.opacity { text-align: center; font-size: 24px; } .dark-blue { max-width: 100%; } .text-block-5.over-title, .text-block-5.works, .text-block-6 { text-align: center; } .works-name { font-size: 16px; } .div-block-25 { grid-column-gap: 36px; grid-row-gap: 36px; flex-flow: column; justify-content: flex-start; align-items: center; } .flex-new { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; } .flex-new-title { min-width: auto; max-width: none; padding-right: 0; position: static; } .title-left { text-align: center; font-size: 40px; } .div-block-28 { margin-top: 40px; } .container-2 { padding-left: 24px; padding-right: 24px; } .hiw-wrapper-2 { text-align: center; } .hit-icon-container-2 { flex-flow: column; } .div-block-31 { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 767px) { .container { width: 100%; } .div-block.hero { flex-flow: column; } .nav-item-container { background-color: var(--_colors---dark-blue); padding-top: 70px; position: fixed; inset: 0%; } .nav-item { justify-content: center; align-items: center; } .brands-wrapper { position: relative; } .hiw-container, .why-container { grid-template-columns: 1fr; } .menu-button { z-index: 999; } .menu-button.w--open { background-color: #fff0; } .code-embed { padding: 0; } .accordion-item-content { margin-right: 0; } .dark-blue { font-size: 70px; } .div-block-21 { flex-flow: column; } .client-bg { width: 100%; max-width: none; height: 280px; } .client-bg._02, .client-bg._03 { background-position: 50% 0; } .client-wrapper { padding-left: 20px; padding-right: 20px; } .timeline-wrapper { align-items: stretch; } .works-name { text-align: center; justify-content: center; align-items: flex-start; line-height: 1.2; display: flex; } .timeline-gradient { background-image: linear-gradient(90deg, #00c8ff33, var(--_colors---light-blue)); padding-left: 0; padding-right: 0; } .div-block-28 { padding-left: 0; padding-right: 0; } .icon-circle-wrapper { justify-content: center; align-items: center; } .container-2 { width: 100%; } .div-block-34 { flex-flow: column; } } @media screen and (max-width: 479px) { h1 { font-size: 44px; } h2 { font-size: 30px; } .container { padding-left: 16px; padding-right: 16px; } .brands-wrapper { margin-top: 32px; margin-bottom: 40px; position: static; } .brands-logos-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; } .large.opacity { font-size: 22px; } .dark-blue { font-size: 53px; } .text-block-6 { font-size: 24px; } .div-block-21 { max-width: calc(100% - 16px); } .client-wrapper { padding-left: 10px; padding-right: 10px; } .timeline-container { flex-flow: row; margin-top: 40px; padding-left: 72px; } .timeline-wrapper { flex: 1; justify-content: center; align-items: flex-start; } .div-block-24 { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; padding: 24px; } .text-block-8 { text-align: left; } .title-left { font-size: 32px; } .timeline-gradient { grid-column-gap: 32px; grid-row-gap: 32px; background-image: linear-gradient(180deg, #00c8ff00, var(--_colors---light-blue)); flex-flow: column; justify-content: center; width: 24px; height: 100%; margin-top: 0; } .div-block-28 { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-top: 0; padding-left: 32px; } .icon-circle-wrapper { flex: 1; padding-right: 0; } .container-2 { padding-left: 16px; padding-right: 16px; } .hiw-wrapper-2 { padding: 16px; } .cta-photo { width: 72px; } .will-hide { display: none; } .div-block-35 { padding: 24px; } } @font-face { font-family: 'Fa 300'; src: url('../fonts/fa-light-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }