CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport">  <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta http-equiv="Content-type" content="text/html; charset=utf-8">  <meta name="format-detection" content="telephone=no">  <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//ajax.googleapis.com"> <link rel="dns-prefetch" href="//www.google-analytics.com">  <meta name="application-name" content="Productive"/>  <meta name="apple-mobile-web-app-title" content="Productive"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="apple-touch-startup-image" href="/wp-content/themes/productive/public/logo.svg">  <link rel="icon" type="image/svg+xml" href="/wp-content/themes/productive/public/favicon.svg"> <link rel="alternate icon" href="/wp-content/themes/productive/public/favicon.ico"> <style id='esCssVariables-global'>:root {--global-custom-blocks-name: eightshift-block; --global-main-content-width: 12; --global-easing: cubic-bezier(0.55, 0, 0.45, 1); --global-base-font: InterVariable; --global-breakpoints-mobile: 479; --global-breakpoints-tablet: 1279; --global-breakpoints-desktop: 2159; --global-breakpoints-large: 2160; --global-grid-gutter: 2.78vw; --global-grid-side-padding: 5.56vw; --global-grid-max-content-width: 120rem; --global-section-spacing-min: -600; --global-section-spacing-max: 600; --global-section-spacing-step: 1; --global-section-in-spacing-min: 0; --global-section-in-spacing-max: 600; --global-section-in-spacing-step: 1; --global-z-index-compact-header: 101; --global-z-index-header: 102; --global-z-index-drawer-cta: 100; --global-z-index-drawer: 99; --global-z-index-overlay: 98; --global-z-index-cookie-modal: 95; --global-z-index-featured-price-item: 1; --global-z-index-progress-bar: 101; --global-z-index-small: 2; --global-colors-primary: #C3151B; --global-colors-primary-values: 195 21 27; --global-colors-black: #111111; --global-colors-black-values: 17 17 17; --global-colors-white: #FFFFFF; --global-colors-white-values: 255 255 255; --global-colors-light: #CCCCCC; --global-colors-light-values: 204 204 204; --global-colors-indigo: #5D2BFF; --global-colors-indigo-values: 93 43 255; --global-colors-indigoLight: #A79EFA; --global-colors-indigoLight-values: 167 158 250; --global-colors-indigoDark: #2D00AD; --global-colors-indigoDark-values: 45 0 173; --global-colors-indigo100: #ECE5FF; --global-colors-indigo100-values: 236 229 255; --global-colors-indigo700: #5000E5; --global-colors-indigo700-values: 80 0 229; --global-colors-indigo800: #20007A; --global-colors-indigo800-values: 32 0 122; --global-colors-indigo900: #130047; --global-colors-indigo900-values: 19 0 71; --global-colors-violet: #AB40FF; --global-colors-violet-values: 171 64 255; --global-colors-violetLight: #D6DDFF; --global-colors-violetLight-values: 214 221 255; --global-colors-violetDark: #5D2BFF; --global-colors-violetDark-values: 93 43 255; --global-colors-grey50: #F7F9FC; --global-colors-grey50-values: 247 249 252; --global-colors-grey100: #F2F5FF; --global-colors-grey100-values: 242 245 255; --global-colors-grey200: #DFE5F5; --global-colors-grey200-values: 223 229 245; --global-colors-grey300: #BABDD8; --global-colors-grey300-values: 186 189 216; --global-colors-grey400: #7F82A4; --global-colors-grey400-values: 127 130 164; --global-colors-grey500: #3C3F58; --global-colors-grey500-values: 60 63 88; --global-colors-red100: #FAF1ED; --global-colors-red100-values: 250 241 237; --global-colors-red200: #FFCCCB; --global-colors-red200-values: 255 204 203; --global-colors-red300: #FF6666; --global-colors-red300-values: 255 102 102; --global-colors-red400: #E45353; --global-colors-red400-values: 228 83 83; --global-colors-red500: #A52828; --global-colors-red500-values: 165 40 40; --global-colors-green100: #E6F9ED; --global-colors-green100-values: 230 249 237; --global-colors-green200: #8CEAB7; --global-colors-green200-values: 140 234 183; --global-colors-green300: #21D191; --global-colors-green300-values: 33 209 145; --global-colors-green400: #00AA6C; --global-colors-green400-values: 0 170 108; --global-colors-green500: #004F32; --global-colors-green500-values: 0 79 50; --global-colors-yellow100: #FFF6DD; --global-colors-yellow100-values: 255 246 221; --global-colors-yellow200: #FFE194; --global-colors-yellow200-values: 255 225 148; --global-colors-yellow300: #FFC837; --global-colors-yellow300-values: 255 200 55; --global-colors-yellow400: #F1B203; --global-colors-yellow400-values: 241 178 3; --global-colors-yellow500: #B86300; --global-colors-yellow500-values: 184 99 0; --global-colors-orange100: #FFEEE9; --global-colors-orange100-values: 255 238 233; --global-colors-orange200: #FFBDA7; --global-colors-orange200-values: 255 189 167; --global-colors-orange300: #FF784B; --global-colors-orange300-values: 255 120 75; --global-colors-orange350: #FF9875; --global-colors-orange350-values: 255 152 117; --global-colors-orange400: #ED5D2D; --global-colors-orange400-values: 237 93 45; --global-colors-orange500: #C53506; --global-colors-orange500-values: 197 53 6; --global-colors-blue100: #E0F6FF; --global-colors-blue100-values: 224 246 255; --global-colors-blue200: #96DFFF; --global-colors-blue200-values: 150 223 255; --global-colors-blue300: #55C9FB; --global-colors-blue300-values: 85 201 251; --global-colors-blue400: #0699EC; --global-colors-blue400-values: 6 153 236; --global-colors-blue500: #0062BD; --global-colors-blue500-values: 0 98 189; --global-colors-burgundy100: #FFF0F4; --global-colors-burgundy100-values: 255 240 244; --global-colors-burgundy200: #ECA7C8; --global-colors-burgundy200-values: 236 167 200; --global-colors-burgundy300: #CA6696; --global-colors-burgundy300-values: 202 102 150; --global-colors-burgundy400: #AC366F; --global-colors-burgundy400-values: 172 54 111; --global-colors-burgundy500: #850442; --global-colors-burgundy500-values: 133 4 66; --global-colors-turquoise100: #D2FFFA; --global-colors-turquoise100-values: 210 255 250; --global-colors-turquoise200: #6DEDE5; --global-colors-turquoise200-values: 109 237 229; --global-colors-turquoise300: #42DAD1; --global-colors-turquoise300-values: 66 218 209; --global-colors-turquoise400: #07B2A8; --global-colors-turquoise400-values: 7 178 168; --global-colors-turquoise500: #006B6B; --global-colors-turquoise500-values: 0 107 107; --global-colors-limegreen100: #F3FCE8; --global-colors-limegreen100-values: 243 252 232; --global-colors-limegreen200: #CFF5A3; --global-colors-limegreen200-values: 207 245 163; --global-colors-limegreen300: #9EE250; --global-colors-limegreen300-values: 158 226 80; --global-colors-limegreen400: #7FB540; --global-colors-limegreen400-values: 127 181 64; --global-colors-limegreen500: #4F7128; --global-colors-limegreen500-values: 79 113 40; --global-colors-celticBlue300: #B3BFFF; --global-colors-celticBlue300-values: 179 191 255; --global-colors-celticBlue500: #4F6BF8; --global-colors-celticBlue500-values: 79 107 248; --global-gradients-gradient-1: linear-gradient(90deg, #AB40FF 0%, #5D2BFF 100%); }</style><script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); </script>  <script id="google-tag-manager-script">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-56RMXVV');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-56RMXVV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type='text/javascript' async src="https://cdn.mida.so/js/optimize.js?key=DmzK8bq4RA8G7YEn0x57aj&cookie=1"> </script><script type="module"> import BugsnagPerformance from '//d2wy8f7a9ursnm.cloudfront.net/v1/bugsnag-performance.min.js' BugsnagPerformance.start({ apiKey: '89c4ba874d055e25ef1da3e971b978ee' }) </script><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Pricing & Plans | Productive</title><link rel="preload" data-rocket-preload as="image" href="https://website-assets.productive.io/uploads/2024/09/logo-productive.svg" fetchpriority="high"> <meta name="description" content="Get the power, control, and customization to manage your agency and run profitable projects. Get started for free. No credit card required." /> <link rel="canonical" href="https://productive.io/pricing/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Pricing" /> <meta property="og:description" content="Get the power, control, and customization to manage your agency and run profitable projects. Get started for free. No credit card required." /> <meta property="og:url" content="https://productive.io/pricing/" /> <meta property="og:site_name" content="Productive" /> <meta property="article:modified_time" content="2024-11-21T10:06:21+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="13 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://productive.io/pricing/","url":"https://productive.io/pricing/","name":"Pricing & Plans | Productive","isPartOf":{"@id":"https://productive.io/#website"},"datePublished":"2021-08-13T11:39:35+00:00","dateModified":"2024-11-21T10:06:21+00:00","description":"Get the power, control, and customization to manage your agency and run profitable projects. Get started for free. No credit card required.","breadcrumb":{"@id":"https://productive.io/pricing/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://productive.io/pricing/"]}]},{"@type":"BreadcrumbList","@id":"https://productive.io/pricing/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://productive.io/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@type":"WebSite","@id":"https://productive.io/#website","url":"https://productive.io/","name":"Productive","description":"The Only Tool You Need To Run a Profitable Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://productive.io/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//js.chilipiper.com' /> <link rel='dns-prefetch' href='//website-assets.productive.io' /> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='Productive-block-style-css' href='https://productive.io/wp-content/themes/productive/public/applicationBlocks-32dd51df9af718b07bc4.css?ver=20241121151712.11956160953' media='all' /> <link rel='stylesheet' id='Productive-theme-styles-css' href='https://productive.io/wp-content/themes/productive/public/application-254597429f580bc12780.css?ver=20241121151712.11956160953' media='all' /> <link rel='stylesheet' id='eightshift-forms-block-frontend-mandatory-style-css' href='https://productive.io/wp-content/plugins/eightshift-forms/public/applicationBlocksFrontendMandatory-ba98b730b52f609c16db.css?ver=5.1.8' media='all' /> <link rel='stylesheet' id='Productive-block-frontend-style-css' href='https://productive.io/wp-content/themes/productive/public/applicationBlocksFrontend-d74e1f17959c7c66139a.css?ver=20241121151712.11956160953' media='all' /> <script src="https://productive.io/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://productive.io/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://productive.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://productive.io/wp-json/wp/v2/pages/655" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://productive.io/xmlrpc.php?rsd" /> <link rel="icon" href="https://website-assets.productive.io/uploads/2021/10/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://website-assets.productive.io/uploads/2021/10/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://website-assets.productive.io/uploads/2021/10/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://website-assets.productive.io/uploads/2021/10/cropped-favicon-270x270.png" /> <style id="wp-custom-css"> /* Visually remove intercom chat from https://productive.io/bold/ */ .page-id-25554 .intercom-lightweight-app, .page-id-25554 #intercom-container, .page-id-25554 #intercom-css-container { display: none; } </style> <style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.17.2" data-wpr-features="wpr_automatic_lazy_rendering wpr_oci wpr_desktop wpr_preload_links" /></head> <body data-page-category="pricing" class="page-template-default page page-id-655"> <div class="block-navbar js-block-navbar block-navbar--theme-light"> <a class="logo block-navbar__logo" href="https://productive.io" aria-label="Homepage" > <img fetchpriority="high" src="https://website-assets.productive.io/uploads/2024/09/logo-productive.svg" alt="Productive" title="Productive" class="logo__img" width=180 height=36 /> </a> <div class="block-navbar-left js-block-navbar-left"> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Product</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-hero" data-id="e069ddf8"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="9fdaeddc" > <i class="block-navbar-hero__icon-elem" data-name="resourcing-30"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_40_3123)'><path d='M21.89 32.75C21.88 32.5 21.89 32.24 21.91 31.99C22.18 28.7 24.88 26.06 28.18 25.86C32.09 25.62 35.33 28.71 35.33 32.57V32.68C35.33 33.78 34.43 34.68 33.33 34.68H23.89C22.84 34.67 21.92 33.81 21.89 32.75Z' fill='#FF6666'/><path d='M25.32 32.67V31.73C25.32 25.75 20.42 20.76 14.44 20.88C8.66 20.99 4 25.71 4 31.53V32.67C4 33.78 4.9 34.67 6 34.67H23.32C24.42 34.67 25.32 33.77 25.32 32.67Z' fill='#FF6666'/><path d='M15.66 18.44C19.3714 18.44 22.38 15.4314 22.38 11.72C22.38 8.00865 19.3714 5 15.66 5C11.9486 5 8.94 8.00865 8.94 11.72C8.94 15.4314 11.9486 18.44 15.66 18.44Z' fill='#FF6666'/><path d='M28.11 24.17C31.1365 24.17 33.59 21.7165 33.59 18.69C33.59 15.6635 31.1365 13.21 28.11 13.21C25.0835 13.21 22.63 15.6635 22.63 18.69C22.63 21.7165 25.0835 24.17 28.11 24.17Z' fill='#FF6666'/></g><defs><linearGradient id='paint0_linear_40_3123' x1='32' y1='26' x2='24.5' y2='33.5' gradientUnits='userSpaceOnUse'><stop stop-color='#FF6666'/><stop offset='1' stop-color='#E45353'/></linearGradient><clipPath id='clip0_40_3123'><rect width='31.33' height='29.67' fill='white' transform='translate(4 5)'/></clipPath></defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="c9cddfb9" > Resourcing</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/resource-planning/" class="block-navbar-hero__single-feature"> Resource Planning </a> <a href="https://productive.io/time-tracking/" class="block-navbar-hero__single-feature"> Time Tracking </a> <a href="https://productive.io/time-off-management/" class="block-navbar-hero__single-feature"> Time Off Management </a> </div> </div> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="08f90890" > <i class="block-navbar-hero__icon-elem" data-name="color-project-management-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M30.905 27.644h-5.091c-3.994 0-7.255-3.25-7.255-7.254v-5.657h3.328v5.657a3.934 3.934 0 0 0 3.927 3.926h5.09v3.328z' fill='url(#c-project-management-40-a)'/><path d='M14.644 27.644H9.54v-3.328h5.092a3.934 3.934 0 0 0 3.926-3.926v-5.657h3.328v5.657c0 4.004-3.25 7.254-7.243 7.254z' fill='url(#c-project-management-40-b)'/><path d='M20.223 19.458a7.454 7.454 0 1 0 0-14.908 7.454 7.454 0 0 0 0 14.908zM30.284 34a6.079 6.079 0 1 0 0-12.157 6.079 6.079 0 0 0 0 12.157zm-19.778 0a6.079 6.079 0 1 0 0-12.157 6.079 6.079 0 0 0 0 12.157z' fill='#0699EC'/><defs>'#0699EC' fill='none'/></linearGradient></defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="c16a1aa5" > Projects</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/project-management/" class="block-navbar-hero__single-feature"> Project Management </a> <a href="https://productive.io/project-management/gantt-charts/" class="block-navbar-hero__single-feature"> Gantt Charts </a> <a href="https://productive.io/docs/" class="block-navbar-hero__single-feature"> Docs </a> <a href="https://productive.io/sales/" class="block-navbar-hero__single-feature"> Sales CRM </a> <a href="https://productive.io/project-management/workload/" class="block-navbar-hero__single-feature"> Workload<span class=block-navbar-hero__new-label>New</span> </a> </div> </div> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="9bae33e6" > <i class="block-navbar-hero__icon-elem" data-name="financials-2-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'> <g clip-path='url(#clip0_40_3155)'> <path fill-rule='evenodd' clip-rule='evenodd' d='M11.85 34.4L15.37 30.88L18.87 34.38C19.26 34.77 19.89 34.77 20.28 34.38L23.78 30.88L27.28 34.38C27.67 34.77 28.3 34.77 28.69 34.38L32.13 30.94V7C32.13 5.9 31.23 5 30.13 5H9C7.9 5 7 5.9 7 7V30.96L10.43 34.39C10.82 34.79 11.46 34.79 11.85 34.4ZM26.54 14.42H12.59C11.32 14.42 10.28 13.39 10.28 12.11C10.28 10.84 11.31 9.8 12.59 9.8H26.54C27.81 9.8 28.85 10.83 28.85 12.11C28.85 13.38 27.81 14.42 26.54 14.42ZM12.59 22.36H17.26C18.53 22.36 19.56 21.33 19.57 20.05C19.57 18.77 18.53 17.74 17.26 17.74H12.59C11.31 17.74 10.28 18.78 10.28 20.05C10.28 21.33 11.32 22.36 12.59 22.36Z' fill='#0EBA7B'/> </g> <defs> <linearGradient id='paint0_linear_40_3155' x1='34.15' y1='1.79675' x2='11.361' y2='29.9198' gradientUnits='userSpaceOnUse'> <stop stop-color='#21D191'/> <stop offset='1' stop-color='#00AA6C'/> </linearGradient> <clipPath id='clip0_40_3155'> <rect width='25.13' height='29.6913' fill='white' transform='translate(7 5)'/> </clipPath> </defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="33fb9049" > Financials</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/budgeting/" class="block-navbar-hero__single-feature"> Budgeting & Profitability </a> <a href="https://productive.io/billing/" class="block-navbar-hero__single-feature"> Invoicing </a> <a href="https://productive.io/forecasting/" class="block-navbar-hero__single-feature"> Forecasting </a> <a href="https://productive.io/budgeting/purchase-orders/" class="block-navbar-hero__single-feature"> Purchase Orders </a> <a href="https://productive.io/revenue-recognition/" class="block-navbar-hero__single-feature"> Revenue Recognition </a> </div> </div> <div class="block-navbar-hero__subitems"> <p class="typography block-navbar-hero__paragraph" data-id="2013e27e" > Platform</p> <a href="https://productive.io/reporting/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="23a0227a" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="reporting-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M24.8438 4.6875H18.2812V24.375H24.8438V4.6875Z' fill='currentColor'/><path d='M26.7188 24.375H3.28125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.7188 24.375V10.3125H18.2812' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M24.8438 4.6875H18.2812V24.375H24.8438V4.6875Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.15625 24.375V15.9375H11.7188' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Reporting </div> </a> <a href="https://productive.io/integrations/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="84c90376" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="integrations-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M15.6707 22.4249C15.5808 22.4249 15.4918 22.4072 15.4088 22.3728C15.3257 22.3384 15.2503 22.288 15.1867 22.2244C15.1232 22.1609 15.0727 22.0854 15.0383 22.0024C15.004 21.9194 14.9863 21.8304 14.9863 21.7405L14.9863 18.0878C14.6212 18.2607 14.2183 18.3385 13.815 18.3139C13.4117 18.2893 13.0213 18.1631 12.6799 17.9471C12.3385 17.731 12.0573 17.4321 11.8625 17.0782C11.6676 16.7243 11.5654 16.3269 11.5654 15.9229C11.5654 15.5189 11.6676 15.1214 11.8625 14.7675C12.0573 14.4136 12.3385 14.1147 12.6799 13.8987C13.0213 13.6826 13.4117 13.5564 13.815 13.5318C14.2183 13.5072 14.6212 13.585 14.9863 13.7579L14.9863 10.1052C14.9863 10.0154 15.004 9.92637 15.0384 9.84333C15.0727 9.76029 15.1232 9.68483 15.1867 9.62128C15.2503 9.55772 15.3257 9.50731 15.4088 9.47291C15.4918 9.43852 15.5808 9.42081 15.6707 9.42081L19.6656 9.42086C19.4926 9.05574 19.4149 8.65281 19.4395 8.24956C19.4641 7.84631 19.5903 7.45584 19.8063 7.11445C20.0224 6.77307 20.3212 6.49188 20.6752 6.29703C21.0291 6.10218 21.4265 6 21.8305 6C22.2345 6 22.6319 6.10218 22.9859 6.29703C23.3398 6.49188 23.6386 6.77307 23.8547 7.11445C24.0707 7.45584 24.1969 7.84631 24.2215 8.24956C24.2462 8.65281 24.1684 9.05574 23.9954 9.42086L27.9903 9.42081C28.1718 9.42081 28.3459 9.49292 28.4743 9.62127C28.6026 9.74963 28.6747 9.92371 28.6747 10.1052L28.6748 13.7579C28.3097 13.585 27.9067 13.5072 27.5035 13.5318C27.1002 13.5564 26.7098 13.6826 26.3684 13.8987C26.027 14.1147 25.7458 14.4136 25.551 14.7675C25.3561 15.1214 25.2539 15.5189 25.2539 15.9229C25.2539 16.3269 25.3561 16.7243 25.551 17.0782C25.7458 17.4321 26.027 17.731 26.3684 17.9471C26.7098 18.1631 27.1002 18.2893 27.5035 18.3139C27.9067 18.3385 28.3097 18.2607 28.6748 18.0878L28.6747 21.7405C28.6747 21.922 28.6026 22.0961 28.4743 22.2245C28.3459 22.3528 28.1718 22.4249 27.9903 22.4249L15.6707 22.4249Z' fill='currentColor'/><path d='M14.9863 18.0878L14.9863 21.7405V22.4249H15.6707L27.9903 22.4249C28.1718 22.4249 28.3459 22.3528 28.4743 22.2245C28.6026 22.0961 28.6747 21.922 28.6747 21.7405L28.6748 18.0878C28.3097 18.2607 27.9067 18.3385 27.5035 18.3139C27.1002 18.2893 26.7098 18.1631 26.3684 17.9471C26.027 17.731 25.7458 17.4321 25.551 17.0782C25.3561 16.7243 25.2539 16.3269 25.2539 15.9229C25.2539 15.5189 25.3561 15.1214 25.551 14.7675C25.7458 14.4136 26.027 14.1147 26.3684 13.8987C26.7098 13.6826 27.1002 13.5564 27.5035 13.5318C27.9067 13.5072 28.3097 13.585 28.6748 13.7579L28.6747 10.1052C28.6747 9.92371 28.6026 9.74963 28.4743 9.62127C28.3459 9.49292 28.1718 9.42081 27.9903 9.42081L23.9954 9.42086C24.1684 9.05574 24.2462 8.65281 24.2215 8.24956C24.1969 7.84631 24.0707 7.45584 23.8547 7.11445C23.6386 6.77307 23.3398 6.49188 22.9859 6.29703C22.6319 6.10218 22.2345 6 21.8305 6C21.4265 6 21.0291 6.10218 20.6752 6.29703C20.3212 6.49188 20.0224 6.77307 19.8063 7.11445C19.5903 7.45584 19.4641 7.84631 19.4395 8.24956C19.4149 8.65281 19.4926 9.05574 19.6656 9.42086L15.6707 9.42081H14.9863V10.1052L14.9863 13.7579C14.6212 13.585 14.2183 13.5072 13.815 13.5318C13.4117 13.5564 13.0213 13.6826 12.6799 13.8987C12.3385 14.1147 12.0573 14.4136 11.8625 14.7675C11.6676 15.1214 11.5654 15.5189 11.5654 15.9229C11.5654 16.3269 11.6676 16.7243 11.8625 17.0782C12.0573 17.4321 12.3385 17.731 12.6799 17.9471C13.0213 18.1631 13.4117 18.2893 13.815 18.3139C14.2183 18.3385 14.6212 18.2607 14.9863 18.0878Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/><path d='M1.98423 22.4249C1.89435 22.4249 1.80535 22.4072 1.72231 22.3728C1.63927 22.3384 1.56382 22.288 1.50027 22.2244C1.43671 22.1609 1.3863 22.0854 1.3519 22.0024C1.31751 21.9194 1.2998 21.8304 1.2998 21.7405L1.29981 10.1052C1.2998 10.0154 1.31751 9.92637 1.3519 9.84333C1.3863 9.76029 1.43672 9.68483 1.50027 9.62128C1.56383 9.55772 1.63928 9.50731 1.72232 9.47291C1.80536 9.43852 1.89436 9.42081 1.98424 9.42081L5.97912 9.42086C5.80619 9.05574 5.72841 8.65281 5.75302 8.24956C5.77763 7.84631 5.90383 7.45584 6.11987 7.11445C6.33592 6.77307 6.6348 6.49188 6.98871 6.29703C7.34261 6.10218 7.74005 6 8.14406 6C8.54806 6 8.9455 6.10218 9.2994 6.29703C9.65331 6.49188 9.95219 6.77307 10.1682 7.11445C10.3843 7.45584 10.5105 7.84631 10.5351 8.24956C10.5597 8.65281 10.4819 9.05574 10.309 9.42086L14.3039 9.42081C14.4854 9.42081 14.9883 9.42081 14.9883 9.42081C14.9883 9.42081 14.9883 9.92371 14.9883 10.1052L14.9883 13.7579C14.6232 13.585 14.2203 13.5072 13.817 13.5318C13.4138 13.5564 13.0233 13.6826 12.6819 13.8987C12.3405 14.1147 12.0594 14.4136 11.8645 14.7675C11.6697 15.1214 11.5675 15.5189 11.5675 15.9229C11.5675 16.3269 11.6697 16.7243 11.8645 17.0782C12.0594 17.4321 12.3405 17.731 12.6819 17.9471C13.0233 18.1631 13.4138 18.2893 13.817 18.3139C14.2203 18.3385 14.6232 18.2607 14.9883 18.0878L14.9883 21.7405C14.9883 21.922 14.9883 22.4249 14.9883 22.4249C14.9883 22.4249 14.4854 22.4249 14.3039 22.4249L10.1463 22.4249C10.18 22.5908 10.1977 22.7624 10.1977 22.9382C10.1977 24.3556 9.04866 25.5046 7.63128 25.5046C6.2139 25.5046 5.06488 24.3556 5.06488 22.9382C5.06488 22.7624 5.08256 22.5908 5.11622 22.4249L1.98423 22.4249Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Integrations </div> </a> <a href="https://productive.io/automations/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="ddc59956" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="automations-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.4375 6.5625H6.5625C5.0092 6.5625 3.75 7.8217 3.75 9.375V22.5C3.75 24.0533 5.0092 25.3125 6.5625 25.3125H23.4375C24.9908 25.3125 26.25 24.0533 26.25 22.5V9.375C26.25 7.8217 24.9908 6.5625 23.4375 6.5625Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M10.7812 16.875H19.2188C20.5132 16.875 21.5625 17.9243 21.5625 19.2187V19.2188C21.5625 20.5132 20.5132 21.5625 19.2188 21.5625H10.7812C9.48683 21.5625 8.4375 20.5132 8.4375 19.2188V19.2187C8.4375 17.9243 9.48683 16.875 10.7812 16.875Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M19.2188 16.875H10.7812C9.48683 16.875 8.4375 17.9243 8.4375 19.2187V19.2188C8.4375 20.5132 9.48683 21.5625 10.7812 21.5625H19.2188C20.5132 21.5625 21.5625 20.5132 21.5625 19.2187C21.5625 17.9243 20.5132 16.875 19.2188 16.875Z' fill='currentColor'/><path d='M17.3438 16.875V21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6562 16.875V21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 6.5625V1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.84375 14.0625C10.6204 14.0625 11.25 13.4329 11.25 12.6562C11.25 11.8796 10.6204 11.25 9.84375 11.25C9.0671 11.25 8.4375 11.8796 8.4375 12.6562C8.4375 13.4329 9.0671 14.0625 9.84375 14.0625Z' fill='currentColor'/><path d='M20.1562 14.0625C20.9329 14.0625 21.5625 13.4329 21.5625 12.6562C21.5625 11.8796 20.9329 11.25 20.1562 11.25C19.3796 11.25 18.75 11.8796 18.75 12.6562C18.75 13.4329 19.3796 14.0625 20.1562 14.0625Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Automations </div> </a> <a href="https://productive.io/productive-ai/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="e3cdbc41" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="ai-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M8.16289 25.5871C7.98708 25.7629 7.74862 25.8617 7.49998 25.8617C7.25134 25.8617 7.01288 25.7629 6.83707 25.5871L4.41289 23.1629C4.23708 22.9871 4.13831 22.7486 4.13831 22.5C4.13831 22.2514 4.23708 22.0129 4.41289 21.8371L16.875 9.375L20.625 13.125L8.16289 25.5871Z' fill='currentColor'/><path d='M25.3125 15V20.625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M22.5 17.8125H28.125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.84375 4.6875V9.375' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.5 7.03125H12.1875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M19.6875 21.5625V25.3125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.8125 23.4375H21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.8371 4.41291L4.41291 21.8371C4.0468 22.2032 4.0468 22.7968 4.41291 23.1629L6.83709 25.5871C7.2032 25.9532 7.7968 25.9532 8.16291 25.5871L25.5871 8.16291C25.9532 7.79679 25.9532 7.2032 25.5871 6.83709L23.1629 4.41291C22.7968 4.04679 22.2032 4.04679 21.8371 4.41291Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.875 9.375L20.625 13.125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> AI </div> </a> </div> </div> </div> </button> <a class="block-navbar-item js-block-navbar-item" href="https://productive.io/pricing/"> <div class="block-navbar-item__link"> <span>Pricing</span> </div> </a> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Use cases</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-promo block-navbar-promo--two-columns" data-id="c8977323"> <div class="block-navbar-promo__subitems"> <a href="https://productive.io/use-cases/software-development/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="dcf99183" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="development-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 27a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M22.031 11.25a3.281 3.281 0 1 0 0-6.563 3.281 3.281 0 0 0 0 6.563zm-14.062 0a3.281 3.281 0 1 0 0-6.563 3.281 3.281 0 0 0 0 6.563zm0 7.5v-.938A2.812 2.812 0 0 1 10.78 15h8.438a2.813 2.813 0 0 0 2.812-2.813v-.937m-14.061 0v7.5' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Software Development</div> <div class="block-navbar-promo__subitem-subtitle">Efficiently deliver design and development projects</div> <a href="https://productive.io/use-cases/marketing-agency/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="89a4110f" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="marketing-agency-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M17 18.893V9c.512.053.8.053.8.053h4.6c1.22 0 2.39.516 3.253 1.433A5.057 5.057 0 0 1 27 13.946a5.056 5.056 0 0 1-1.347 3.46c-.863.919-2.033 1.434-3.253 1.434h-4.6s-.288 0-.8.053z' fill='currentColor'/><path d='M17 19.428v4.755a.95.95 0 0 0 .422.789l1.302.869a.946.946 0 0 0 1.444-.56l2.332-5.853' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M22.4 19.394c1.22 0 2.39-.516 3.253-1.434A5.056 5.056 0 0 0 27 14.5a5.056 5.056 0 0 0-1.347-3.46c-.863-.918-2.033-1.434-3.253-1.434h-4.6s-6.262 0-12.288-5.376a.87.87 0 0 0-.98-.139.94.94 0 0 0-.388.361A1.03 1.03 0 0 0 4 4.978v19.044c0 .186.05.369.144.526a.94.94 0 0 0 .388.36.871.871 0 0 0 .98-.138c6.026-5.376 12.288-5.376 12.288-5.376h4.6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M22.4 19.394c1.22 0 2.39-.516 3.253-1.434A5.056 5.056 0 0 0 27 14.5a5.056 5.056 0 0 0-1.347-3.46c-.863-.918-2.033-1.434-3.253-1.434h-4.6s-6.262 0-12.288-5.376a.87.87 0 0 0-.98-.139.94.94 0 0 0-.388.361A1.03 1.03 0 0 0 4 4.978v19.044c0 .186.05.369.144.526a.94.94 0 0 0 .388.36.871.871 0 0 0 .98-.138c6.026-5.376 12.288-5.376 12.288-5.376h4.6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M17 9.5v10' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Marketing Agency</div> <div class="block-navbar-promo__subitem-subtitle">Easily send proposals, plan schedules, deliver projects and bill clients</div> <a href="https://productive.io/use-cases/design-studio/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="84f78b1e" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="design-studio-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='m13.746 13.485 4.178 11.142a.574.574 0 0 0 1.078-.006l1.674-4.603a.572.572 0 0 1 .343-.343L25.622 18a.574.574 0 0 0 .005-1.077l-11.142-4.179a.574.574 0 0 0-.739.74z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='m20.81 19.808 5.125 5.126M6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M6 21c0-9 7.5-16 17-16' stroke='currentColor' stroke-width='2' stroke-linecap='round' fill='none'/><rect x='3' y='21' width='6' height='6' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M6 20V9' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Design Studio</div> <div class="block-navbar-promo__subitem-subtitle">Collaborate on projects and keep client work profitable</div> <a href="https://productive.io/use-cases/consulting/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="ae956c2d" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="business-consultancies-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M26 14H4V9a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v5z' fill='currentColor'/><path d='M11 10V6.889c0-1.032.421-2.02 1.172-2.75A4.059 4.059 0 0 1 15 3c1.06 0 2.078.41 2.828 1.139A3.835 3.835 0 0 1 19 6.889V10M4 14h22' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><rect x='4' y='7' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Consulting</div> <div class="block-navbar-promo__subitem-subtitle">Run each client like a separate P&L and centralize communication</div> <a href="https://productive.io/use-cases/in-house-team/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="210d3389" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="in-house-teams-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.61 7.902a6.193 6.193 0 0 1 4.868-2.34c3.404 0 6.163 2.71 6.163 6.053s-2.76 6.053-6.163 6.053c-.456 0-.9-.049-1.328-.141' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.967 12.05c0 3.342-2.76 6.052-6.163 6.052-.47 0-.929-.052-1.37-.15a5.965 5.965 0 0 0 1.464-3.916c0-2.88-2.049-5.291-4.794-5.903a6.196 6.196 0 0 1 4.7-2.136c3.404 0 6.163 2.71 6.163 6.053z' fill='currentColor' fill-opacity='.3'/><path d='M17.466 17.668c1.673 0 3.322.395 4.808 1.152A10.377 10.377 0 0 1 26 22.02' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.409 19.654c3.404 0 6.163-2.71 6.163-6.053 0-3.342-2.759-6.052-6.163-6.052-3.404 0-6.163 2.71-6.163 6.052 0 3.343 2.76 6.053 6.163 6.053z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M3.875 25A10.378 10.378 0 0 1 7.6 21.8a10.587 10.587 0 0 1 4.809-1.153c1.673 0 3.322.396 4.808 1.153a10.378 10.378 0 0 1 3.726 3.2' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">In-House Teams</div> <div class="block-navbar-promo__subitem-subtitle">Plan schedules, track time and successfully deliver projects</div> <a href="https://productive.io/video-film-production-management-software/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="cb06e8f3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Production Companies</div> <div class="block-navbar-promo__subitem-subtitle">Stay on top of tasks and schedules – from prep and shoot to post.</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="0d20b424"> <picture class="image card-simple__image-picture" data-id="afa92ea0" > <source srcset="https://website-assets.productive.io/uploads/2022/01/makerstreet-success-story.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2024/05/makerstreet-success-story-bigger.webp" class="image image__img card-simple__image-img" alt="" loading="lazy" /> </picture><p class="typography card-simple__intro" data-id="e96706c7" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="0a08c46b" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="2f24b004" > Makerstreet is an Amsterdam-based collective of agencies with over 300 employees in four offices.</p><a href="https://productive.io/customer-stories/productive-serves-makerstreet-as-a-single-source-of-truth/" class="btn btn__as-link btn__type--primary card-simple__btn" id="" aria-label="" data-id="28852d00" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="7e8baf16" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="61698455" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </a> </div></div> </div> </button> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Resources</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-promo" data-id="95c0592e"> <div class="block-navbar-promo__subitems"> <a href="https://productive.io/customer-stories/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="df1b3215" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="success-stories-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 21.844c1.243 0 2.62-.436 3.5-1.344.88-.908 1.5-2 1.5-3.5v-1m-13 2c0 1.858-.745 3.21-1.8 4.335C10.145 23.462 8.492 24 7 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M18 10a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-5a2 2 0 0 1-2-2v-5z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/><path d='M4 9a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v8H6a2 2 0 0 1-2-2V9z' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Success Stories</div> <div class="block-navbar-promo__subitem-subtitle">Read how agencies transform using Productive</div> <a href="https://productive.io/blog/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="074bbd1e" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="blog-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13 22.313h4.296l9.386-9.386a.614.614 0 0 0 0-.868L23.254 8.63a.614.614 0 0 0-.868 0l-9.206 9.206a.614.614 0 0 0-.18.434v4.041z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='m19 12 4.296 4.296M25 15v8.24c0 .732-.316 1.434-.879 1.952A3.137 3.137 0 0 1 22 26H8c-.796 0-1.559-.29-2.121-.808A2.653 2.653 0 0 1 5 23.24V5.76a.88.88 0 0 1 .293-.65c.187-.173.442-.27.707-.27h18c.265 0 .52.097.707.27a.884.884 0 0 1 .293.65V10M9 3v3.68M15 3v3.68M21 3v1.68' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Blog</div> <div class="block-navbar-promo__subitem-subtitle">Agency management, product updates & how tos</div> <a href="https://productive.io/resources/agency-resource-management/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="776bb9af" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-management-guides-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 4v11l-3.5-2.75L13 15V4' fill='currentColor' fill-opacity='.3'/><path d='M20 4v11l-3.5-2.75L13 15V4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M5 24V6.778c0-.737.316-1.443.879-1.964A3.126 3.126 0 0 1 8 4h17v17.222H7a2 2 0 0 0-2 2V24zm0 0v0a2 2 0 0 0 2 2h17' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Resource Management</div> <div class="block-navbar-promo__subitem-subtitle">From planning to utilization reports</div> <a href="https://productive.io/webinar/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="c9b47c3f" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Webinars</div> <div class="block-navbar-promo__subitem-subtitle">Learn how to run a more successful agency in Productive</div> <a href="https://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="a13f8789" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="help-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='m22.955 7.045-4.64 4.64A4.673 4.673 0 0 1 19.686 15a4.673 4.673 0 0 1-1.373 3.315l4.64 4.64A11.215 11.215 0 0 0 26.25 15c0-3.107-1.26-5.92-3.295-7.955zM7.022 22.932A11.215 11.215 0 0 1 3.75 15c0-3.095 1.25-5.898 3.273-7.932l4.661 4.619A4.673 4.673 0 0 0 10.313 15c0 1.294.524 2.466 1.372 3.315H11.5l-4.478 4.617z' fill='currentColor'/><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M15 19.688a4.688 4.688 0 1 0 0-9.376 4.688 4.688 0 0 0 0 9.376zm-3.315-8.003-4.64-4.64m11.27 4.64 5.64-5.64m-5.64 12.27 4.64 4.64m-11.27-4.64-5.64 5.64' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Help</div> <div class="block-navbar-promo__subitem-subtitle">General information, best practices and detailed how-tos for using the Productive platform</div> <a href="https://productive.io/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="0673bef7" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="what-is-new-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.9834 14.0913H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9834 17.6846H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M26.3569 9.65931V22.1763C26.3569 22.6528 26.1676 23.1098 25.8307 23.4467C25.4937 23.7837 25.0367 23.9729 24.5602 23.9729H4.79663C5.27314 23.9729 5.73014 23.7837 6.06708 23.4467C6.40403 23.1098 6.59332 22.6528 6.59332 22.1763V8.70108C6.59332 8.46282 6.68797 8.23433 6.85644 8.06585C7.02491 7.89738 7.25341 7.80273 7.49167 7.80273H18.9306' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.79669 23.973C4.32018 23.973 3.86318 23.7837 3.52624 23.4467C3.18929 23.1098 3 22.6528 3 22.1763' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 22.1162V13.1927C3 12.7161 3.18929 12.2591 3.52624 11.9222C3.86318 11.5853 4.32018 11.396 4.79669 11.396H6.4736' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><g opacity='0.3'><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333' fill='currentColor'/><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333C3 12.0395 3.64352 11.396 4.43735 11.396H6.4736V23.9728H4.79669Z' fill='currentColor'/></g><path d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">What's New?</div> <div class="block-navbar-promo__subitem-subtitle">From big milestones to the smallest improvements—it’s all here.</div> <a href="https://productive.io/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="9f2b68a6" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="create-invoices-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.25 15h7.5m-7.5 3.75h7.5M6.563 4.688h16.875a.937.937 0 0 1 .937.938v17.812a2.812 2.812 0 0 1-2.813 2.813H8.438a2.812 2.812 0 0 1-2.812-2.813V5.626a.937.937 0 0 1 .938-.938zm2.812-1.875v3.75M15 2.813v3.75m5.625-3.75v3.75' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Valuation Calculator</div> <div class="block-navbar-promo__subitem-subtitle">See the 2023 Global Agency Valuations Report</div> <a href="https://productive.io/how-much-do-agency-owners-make/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="31c5fd96" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-financials-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='15' cy='15' r='6' fill='currentColor' fill-opacity='.3'/><path d='M15 8.438v1.874m0 9.376v1.875m0 4.687c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.188 19.688h4.218a2.343 2.343 0 1 0 0-4.688h-2.812a2.343 2.343 0 1 1 0-4.688h4.219' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Owner Compensation Report</div> <div class="block-navbar-promo__subitem-subtitle">Learn insights that could reshape your own approach to fair pay</div> <a href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="3923ebc3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="bold-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.285 13.0898C18.6542 12.3776 17.8919 11.81 17.019 11.4039C16.1441 10.9957 15.163 10.7895 14.1075 10.7895C12.965 10.7895 11.9754 11.034 11.1621 11.5187C10.559 11.878 10.045 12.3309 9.62668 12.8687V3H5.64062V26.6131H9.62881V24.9208C10.0472 25.4587 10.5611 25.9115 11.1642 26.2708C11.9754 26.7534 12.9672 27 14.1097 27C15.1651 27 16.1441 26.7938 17.0212 26.3856C17.8961 25.9795 18.6585 25.4119 19.2871 24.6976C19.9157 23.9875 20.4105 23.1222 20.7545 22.1294C21.0964 21.1408 21.2706 20.046 21.2706 18.8788C21.2706 17.7117 21.0964 16.6232 20.7545 15.6431C20.4105 14.6609 19.9178 13.802 19.2871 13.0898H19.285ZM12.5339 12.9091C13.205 12.9091 13.8145 13.0601 14.3454 13.3577C14.8806 13.6596 15.3477 14.0741 15.7343 14.5929C16.1229 15.1159 16.4266 15.7473 16.6368 16.4722C16.847 17.2036 16.9553 18.0136 16.9553 18.8809C16.9553 19.7483 16.8492 20.5647 16.6368 21.3045C16.4266 22.0401 16.1229 22.6758 15.7343 23.1988C15.3477 23.7175 14.8806 24.1321 14.3454 24.434C13.8166 24.7316 13.2071 24.8825 12.5339 24.8825C12.0073 24.8825 11.487 24.7869 10.9901 24.5998C10.5186 24.4212 10.0599 24.1278 9.62881 23.726V14.0678C10.0429 13.6681 10.4952 13.3747 10.9752 13.1961C11.4849 13.0069 12.0094 12.9112 12.5339 12.9112V12.9091Z' fill='#5D2BFF'/><path opacity='0.3' d='M25.1046 26.8448C26.3361 26.8448 27.3344 25.8454 27.3344 24.6126C27.3344 23.3797 26.3361 22.3803 25.1046 22.3803C23.8731 22.3803 22.8748 23.3797 22.8748 24.6126C22.8748 25.8454 23.8731 26.8448 25.1046 26.8448Z' fill='#5D2BFF'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Bold Community</div> <div class="block-navbar-promo__subitem-subtitle">Join the community for agency professionals by Productive</div> <a href="https://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="4eb2c3a0" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="working-hours-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M15 8.438V15h6.563' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M20 15a5 5 0 1 1-5-5v5h5z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Billable Hours Calculator</div> <div class="block-navbar-promo__subitem-subtitle">Find out your billable hours, team utilization rate, and ideal billable hourly rate</div> <a href="https://productive.io/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="f42940cd" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="enterprise-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 25h26M8 9h3m-3 5h4m-2 5h3.75M21 19h1.875M21 15h1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M4 6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v19H4V6z' stroke='currentColor' stroke-width='2' fill='none'/><path d='M17 11h7a2 2 0 0 1 2 2v12h-9V11z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Building Productive</div> <div class="block-navbar-promo__subitem-subtitle">Stories from the team that build and scale the platform</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="195640da"> <picture class="image card-simple__image-picture" data-id="d75add05" > <img src="https://website-assets-staging.productive.io/uploads/2022/01/Agency-valuation.svg" class="image image__img card-simple__image-img" alt="" loading="lazy" /> </picture><p class="typography card-simple__heading" data-id="d304cc09" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="e4b8a632" > See the 2023 Global Agency Valuations Report</p><a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary card-simple__btn" id="" aria-label="" data-id="0f79461a" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="fbf3edd5" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="11fece11" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </a> </div></div> </div> </button> <a class="block-navbar-item js-block-navbar-item is-hidden-on-desktop" href="https://productive.io/careers/"> <div class="block-navbar-item__link"> <span>Careers</span> </div> </a> </div> <div class="block-navbar-right js-block-navbar-right"> <div class="block-navbar-right__toggle js-block-navbar-right-toggle"></div> <div class="block-navbar-right__wrapper js-block-navbar-right-wrapper"> <div class="block-button block-button--link" data-id="5ebe664c"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d4f4cd74" > <p class="typography btn__label js-button-label" data-id="442e969d" > Login</p> </a></div> <div class="block-button" data-id="8095d884"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="2b89a188" > <p class="typography btn__label js-button-label" data-id="b9879192" > Book a Demo</p> </a></div> <div class="block-button" data-id="549c4da1"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="b24d6677" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="3ceee8ed" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="ac3c6018" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button></div> </div> </div> <button class="hamburger js-hamburger" style="--hamburger-background: var(--global-colors-grey100); --hamburger-foreground: var(--global-colors-black);" > <div class="hamburger__icon-line hamburger__icon-line--1"></div> <div class="hamburger__icon-line hamburger__icon-line--2"></div> </button> <div class="block-navbar__flyout js-block-navbar-flyout"> <div class="block-navbar-left js-block-navbar-left"> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Product</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-hero" data-id="e069ddf8"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="9fdaeddc" > <i class="block-navbar-hero__icon-elem" data-name="resourcing-30"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_40_3123)'><path d='M21.89 32.75C21.88 32.5 21.89 32.24 21.91 31.99C22.18 28.7 24.88 26.06 28.18 25.86C32.09 25.62 35.33 28.71 35.33 32.57V32.68C35.33 33.78 34.43 34.68 33.33 34.68H23.89C22.84 34.67 21.92 33.81 21.89 32.75Z' fill='#FF6666'/><path d='M25.32 32.67V31.73C25.32 25.75 20.42 20.76 14.44 20.88C8.66 20.99 4 25.71 4 31.53V32.67C4 33.78 4.9 34.67 6 34.67H23.32C24.42 34.67 25.32 33.77 25.32 32.67Z' fill='#FF6666'/><path d='M15.66 18.44C19.3714 18.44 22.38 15.4314 22.38 11.72C22.38 8.00865 19.3714 5 15.66 5C11.9486 5 8.94 8.00865 8.94 11.72C8.94 15.4314 11.9486 18.44 15.66 18.44Z' fill='#FF6666'/><path d='M28.11 24.17C31.1365 24.17 33.59 21.7165 33.59 18.69C33.59 15.6635 31.1365 13.21 28.11 13.21C25.0835 13.21 22.63 15.6635 22.63 18.69C22.63 21.7165 25.0835 24.17 28.11 24.17Z' fill='#FF6666'/></g><defs><linearGradient id='paint0_linear_40_3123' x1='32' y1='26' x2='24.5' y2='33.5' gradientUnits='userSpaceOnUse'><stop stop-color='#FF6666'/><stop offset='1' stop-color='#E45353'/></linearGradient><clipPath id='clip0_40_3123'><rect width='31.33' height='29.67' fill='white' transform='translate(4 5)'/></clipPath></defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="c9cddfb9" > Resourcing</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/resource-planning/" class="block-navbar-hero__single-feature"> Resource Planning </a> <a href="https://productive.io/time-tracking/" class="block-navbar-hero__single-feature"> Time Tracking </a> <a href="https://productive.io/time-off-management/" class="block-navbar-hero__single-feature"> Time Off Management </a> </div> </div> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="08f90890" > <i class="block-navbar-hero__icon-elem" data-name="color-project-management-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M30.905 27.644h-5.091c-3.994 0-7.255-3.25-7.255-7.254v-5.657h3.328v5.657a3.934 3.934 0 0 0 3.927 3.926h5.09v3.328z' fill='url(#c-project-management-40-a)'/><path d='M14.644 27.644H9.54v-3.328h5.092a3.934 3.934 0 0 0 3.926-3.926v-5.657h3.328v5.657c0 4.004-3.25 7.254-7.243 7.254z' fill='url(#c-project-management-40-b)'/><path d='M20.223 19.458a7.454 7.454 0 1 0 0-14.908 7.454 7.454 0 0 0 0 14.908zM30.284 34a6.079 6.079 0 1 0 0-12.157 6.079 6.079 0 0 0 0 12.157zm-19.778 0a6.079 6.079 0 1 0 0-12.157 6.079 6.079 0 0 0 0 12.157z' fill='#0699EC'/><defs>'#0699EC' fill='none'/></linearGradient></defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="c16a1aa5" > Projects</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/project-management/" class="block-navbar-hero__single-feature"> Project Management </a> <a href="https://productive.io/project-management/gantt-charts/" class="block-navbar-hero__single-feature"> Gantt Charts </a> <a href="https://productive.io/docs/" class="block-navbar-hero__single-feature"> Docs </a> <a href="https://productive.io/sales/" class="block-navbar-hero__single-feature"> Sales CRM </a> <a href="https://productive.io/project-management/workload/" class="block-navbar-hero__single-feature"> Workload<span class=block-navbar-hero__new-label>New</span> </a> </div> </div> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="9bae33e6" > <i class="block-navbar-hero__icon-elem" data-name="financials-2-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'> <g clip-path='url(#clip0_40_3155)'> <path fill-rule='evenodd' clip-rule='evenodd' d='M11.85 34.4L15.37 30.88L18.87 34.38C19.26 34.77 19.89 34.77 20.28 34.38L23.78 30.88L27.28 34.38C27.67 34.77 28.3 34.77 28.69 34.38L32.13 30.94V7C32.13 5.9 31.23 5 30.13 5H9C7.9 5 7 5.9 7 7V30.96L10.43 34.39C10.82 34.79 11.46 34.79 11.85 34.4ZM26.54 14.42H12.59C11.32 14.42 10.28 13.39 10.28 12.11C10.28 10.84 11.31 9.8 12.59 9.8H26.54C27.81 9.8 28.85 10.83 28.85 12.11C28.85 13.38 27.81 14.42 26.54 14.42ZM12.59 22.36H17.26C18.53 22.36 19.56 21.33 19.57 20.05C19.57 18.77 18.53 17.74 17.26 17.74H12.59C11.31 17.74 10.28 18.78 10.28 20.05C10.28 21.33 11.32 22.36 12.59 22.36Z' fill='#0EBA7B'/> </g> <defs> <linearGradient id='paint0_linear_40_3155' x1='34.15' y1='1.79675' x2='11.361' y2='29.9198' gradientUnits='userSpaceOnUse'> <stop stop-color='#21D191'/> <stop offset='1' stop-color='#00AA6C'/> </linearGradient> <clipPath id='clip0_40_3155'> <rect width='25.13' height='29.6913' fill='white' transform='translate(7 5)'/> </clipPath> </defs></svg> </i> </div><p class="typography block-navbar-hero__heading" data-id="33fb9049" > Financials</p> <div class="block-navbar-hero__column-features js-block-navbar-hero-item-subitems"> <a href="https://productive.io/budgeting/" class="block-navbar-hero__single-feature"> Budgeting & Profitability </a> <a href="https://productive.io/billing/" class="block-navbar-hero__single-feature"> Invoicing </a> <a href="https://productive.io/forecasting/" class="block-navbar-hero__single-feature"> Forecasting </a> <a href="https://productive.io/budgeting/purchase-orders/" class="block-navbar-hero__single-feature"> Purchase Orders </a> <a href="https://productive.io/revenue-recognition/" class="block-navbar-hero__single-feature"> Revenue Recognition </a> </div> </div> <div class="block-navbar-hero__subitems"> <p class="typography block-navbar-hero__paragraph" data-id="2013e27e" > Platform</p> <a href="https://productive.io/reporting/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="23a0227a" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="reporting-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M24.8438 4.6875H18.2812V24.375H24.8438V4.6875Z' fill='currentColor'/><path d='M26.7188 24.375H3.28125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.7188 24.375V10.3125H18.2812' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M24.8438 4.6875H18.2812V24.375H24.8438V4.6875Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.15625 24.375V15.9375H11.7188' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Reporting </div> </a> <a href="https://productive.io/integrations/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="84c90376" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="integrations-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M15.6707 22.4249C15.5808 22.4249 15.4918 22.4072 15.4088 22.3728C15.3257 22.3384 15.2503 22.288 15.1867 22.2244C15.1232 22.1609 15.0727 22.0854 15.0383 22.0024C15.004 21.9194 14.9863 21.8304 14.9863 21.7405L14.9863 18.0878C14.6212 18.2607 14.2183 18.3385 13.815 18.3139C13.4117 18.2893 13.0213 18.1631 12.6799 17.9471C12.3385 17.731 12.0573 17.4321 11.8625 17.0782C11.6676 16.7243 11.5654 16.3269 11.5654 15.9229C11.5654 15.5189 11.6676 15.1214 11.8625 14.7675C12.0573 14.4136 12.3385 14.1147 12.6799 13.8987C13.0213 13.6826 13.4117 13.5564 13.815 13.5318C14.2183 13.5072 14.6212 13.585 14.9863 13.7579L14.9863 10.1052C14.9863 10.0154 15.004 9.92637 15.0384 9.84333C15.0727 9.76029 15.1232 9.68483 15.1867 9.62128C15.2503 9.55772 15.3257 9.50731 15.4088 9.47291C15.4918 9.43852 15.5808 9.42081 15.6707 9.42081L19.6656 9.42086C19.4926 9.05574 19.4149 8.65281 19.4395 8.24956C19.4641 7.84631 19.5903 7.45584 19.8063 7.11445C20.0224 6.77307 20.3212 6.49188 20.6752 6.29703C21.0291 6.10218 21.4265 6 21.8305 6C22.2345 6 22.6319 6.10218 22.9859 6.29703C23.3398 6.49188 23.6386 6.77307 23.8547 7.11445C24.0707 7.45584 24.1969 7.84631 24.2215 8.24956C24.2462 8.65281 24.1684 9.05574 23.9954 9.42086L27.9903 9.42081C28.1718 9.42081 28.3459 9.49292 28.4743 9.62127C28.6026 9.74963 28.6747 9.92371 28.6747 10.1052L28.6748 13.7579C28.3097 13.585 27.9067 13.5072 27.5035 13.5318C27.1002 13.5564 26.7098 13.6826 26.3684 13.8987C26.027 14.1147 25.7458 14.4136 25.551 14.7675C25.3561 15.1214 25.2539 15.5189 25.2539 15.9229C25.2539 16.3269 25.3561 16.7243 25.551 17.0782C25.7458 17.4321 26.027 17.731 26.3684 17.9471C26.7098 18.1631 27.1002 18.2893 27.5035 18.3139C27.9067 18.3385 28.3097 18.2607 28.6748 18.0878L28.6747 21.7405C28.6747 21.922 28.6026 22.0961 28.4743 22.2245C28.3459 22.3528 28.1718 22.4249 27.9903 22.4249L15.6707 22.4249Z' fill='currentColor'/><path d='M14.9863 18.0878L14.9863 21.7405V22.4249H15.6707L27.9903 22.4249C28.1718 22.4249 28.3459 22.3528 28.4743 22.2245C28.6026 22.0961 28.6747 21.922 28.6747 21.7405L28.6748 18.0878C28.3097 18.2607 27.9067 18.3385 27.5035 18.3139C27.1002 18.2893 26.7098 18.1631 26.3684 17.9471C26.027 17.731 25.7458 17.4321 25.551 17.0782C25.3561 16.7243 25.2539 16.3269 25.2539 15.9229C25.2539 15.5189 25.3561 15.1214 25.551 14.7675C25.7458 14.4136 26.027 14.1147 26.3684 13.8987C26.7098 13.6826 27.1002 13.5564 27.5035 13.5318C27.9067 13.5072 28.3097 13.585 28.6748 13.7579L28.6747 10.1052C28.6747 9.92371 28.6026 9.74963 28.4743 9.62127C28.3459 9.49292 28.1718 9.42081 27.9903 9.42081L23.9954 9.42086C24.1684 9.05574 24.2462 8.65281 24.2215 8.24956C24.1969 7.84631 24.0707 7.45584 23.8547 7.11445C23.6386 6.77307 23.3398 6.49188 22.9859 6.29703C22.6319 6.10218 22.2345 6 21.8305 6C21.4265 6 21.0291 6.10218 20.6752 6.29703C20.3212 6.49188 20.0224 6.77307 19.8063 7.11445C19.5903 7.45584 19.4641 7.84631 19.4395 8.24956C19.4149 8.65281 19.4926 9.05574 19.6656 9.42086L15.6707 9.42081H14.9863V10.1052L14.9863 13.7579C14.6212 13.585 14.2183 13.5072 13.815 13.5318C13.4117 13.5564 13.0213 13.6826 12.6799 13.8987C12.3385 14.1147 12.0573 14.4136 11.8625 14.7675C11.6676 15.1214 11.5654 15.5189 11.5654 15.9229C11.5654 16.3269 11.6676 16.7243 11.8625 17.0782C12.0573 17.4321 12.3385 17.731 12.6799 17.9471C13.0213 18.1631 13.4117 18.2893 13.815 18.3139C14.2183 18.3385 14.6212 18.2607 14.9863 18.0878Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/><path d='M1.98423 22.4249C1.89435 22.4249 1.80535 22.4072 1.72231 22.3728C1.63927 22.3384 1.56382 22.288 1.50027 22.2244C1.43671 22.1609 1.3863 22.0854 1.3519 22.0024C1.31751 21.9194 1.2998 21.8304 1.2998 21.7405L1.29981 10.1052C1.2998 10.0154 1.31751 9.92637 1.3519 9.84333C1.3863 9.76029 1.43672 9.68483 1.50027 9.62128C1.56383 9.55772 1.63928 9.50731 1.72232 9.47291C1.80536 9.43852 1.89436 9.42081 1.98424 9.42081L5.97912 9.42086C5.80619 9.05574 5.72841 8.65281 5.75302 8.24956C5.77763 7.84631 5.90383 7.45584 6.11987 7.11445C6.33592 6.77307 6.6348 6.49188 6.98871 6.29703C7.34261 6.10218 7.74005 6 8.14406 6C8.54806 6 8.9455 6.10218 9.2994 6.29703C9.65331 6.49188 9.95219 6.77307 10.1682 7.11445C10.3843 7.45584 10.5105 7.84631 10.5351 8.24956C10.5597 8.65281 10.4819 9.05574 10.309 9.42086L14.3039 9.42081C14.4854 9.42081 14.9883 9.42081 14.9883 9.42081C14.9883 9.42081 14.9883 9.92371 14.9883 10.1052L14.9883 13.7579C14.6232 13.585 14.2203 13.5072 13.817 13.5318C13.4138 13.5564 13.0233 13.6826 12.6819 13.8987C12.3405 14.1147 12.0594 14.4136 11.8645 14.7675C11.6697 15.1214 11.5675 15.5189 11.5675 15.9229C11.5675 16.3269 11.6697 16.7243 11.8645 17.0782C12.0594 17.4321 12.3405 17.731 12.6819 17.9471C13.0233 18.1631 13.4138 18.2893 13.817 18.3139C14.2203 18.3385 14.6232 18.2607 14.9883 18.0878L14.9883 21.7405C14.9883 21.922 14.9883 22.4249 14.9883 22.4249C14.9883 22.4249 14.4854 22.4249 14.3039 22.4249L10.1463 22.4249C10.18 22.5908 10.1977 22.7624 10.1977 22.9382C10.1977 24.3556 9.04866 25.5046 7.63128 25.5046C6.2139 25.5046 5.06488 24.3556 5.06488 22.9382C5.06488 22.7624 5.08256 22.5908 5.11622 22.4249L1.98423 22.4249Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Integrations </div> </a> <a href="https://productive.io/automations/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="ddc59956" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="automations-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.4375 6.5625H6.5625C5.0092 6.5625 3.75 7.8217 3.75 9.375V22.5C3.75 24.0533 5.0092 25.3125 6.5625 25.3125H23.4375C24.9908 25.3125 26.25 24.0533 26.25 22.5V9.375C26.25 7.8217 24.9908 6.5625 23.4375 6.5625Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M10.7812 16.875H19.2188C20.5132 16.875 21.5625 17.9243 21.5625 19.2187V19.2188C21.5625 20.5132 20.5132 21.5625 19.2188 21.5625H10.7812C9.48683 21.5625 8.4375 20.5132 8.4375 19.2188V19.2187C8.4375 17.9243 9.48683 16.875 10.7812 16.875Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M19.2188 16.875H10.7812C9.48683 16.875 8.4375 17.9243 8.4375 19.2187V19.2188C8.4375 20.5132 9.48683 21.5625 10.7812 21.5625H19.2188C20.5132 21.5625 21.5625 20.5132 21.5625 19.2187C21.5625 17.9243 20.5132 16.875 19.2188 16.875Z' fill='currentColor'/><path d='M17.3438 16.875V21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6562 16.875V21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 6.5625V1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.84375 14.0625C10.6204 14.0625 11.25 13.4329 11.25 12.6562C11.25 11.8796 10.6204 11.25 9.84375 11.25C9.0671 11.25 8.4375 11.8796 8.4375 12.6562C8.4375 13.4329 9.0671 14.0625 9.84375 14.0625Z' fill='currentColor'/><path d='M20.1562 14.0625C20.9329 14.0625 21.5625 13.4329 21.5625 12.6562C21.5625 11.8796 20.9329 11.25 20.1562 11.25C19.3796 11.25 18.75 11.8796 18.75 12.6562C18.75 13.4329 19.3796 14.0625 20.1562 14.0625Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> Automations </div> </a> <a href="https://productive.io/productive-ai/" class="block-navbar-hero__subitem"> <div aria-hidden="true" class="block-navbar-hero__subitem-icon" data-id="e3cdbc41" > <div class="block-navbar-hero__subitem-icon__backplate" > <i class="" data-name="ai-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.3' d='M8.16289 25.5871C7.98708 25.7629 7.74862 25.8617 7.49998 25.8617C7.25134 25.8617 7.01288 25.7629 6.83707 25.5871L4.41289 23.1629C4.23708 22.9871 4.13831 22.7486 4.13831 22.5C4.13831 22.2514 4.23708 22.0129 4.41289 21.8371L16.875 9.375L20.625 13.125L8.16289 25.5871Z' fill='currentColor'/><path d='M25.3125 15V20.625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M22.5 17.8125H28.125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.84375 4.6875V9.375' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.5 7.03125H12.1875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M19.6875 21.5625V25.3125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.8125 23.4375H21.5625' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.8371 4.41291L4.41291 21.8371C4.0468 22.2032 4.0468 22.7968 4.41291 23.1629L6.83709 25.5871C7.2032 25.9532 7.7968 25.9532 8.16291 25.5871L25.5871 8.16291C25.9532 7.79679 25.9532 7.2032 25.5871 6.83709L23.1629 4.41291C22.7968 4.04679 22.2032 4.04679 21.8371 4.41291Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.875 9.375L20.625 13.125' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg> </i> </div> </div> <div class="block-navbar-hero__subitem-title"> AI </div> </a> </div> </div> </div> </button> <a class="block-navbar-item js-block-navbar-item" href="https://productive.io/pricing/"> <div class="block-navbar-item__link"> <span>Pricing</span> </div> </a> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Use cases</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-promo block-navbar-promo--two-columns" data-id="c8977323"> <div class="block-navbar-promo__subitems"> <a href="https://productive.io/use-cases/software-development/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="dcf99183" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="development-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 27a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M22.031 11.25a3.281 3.281 0 1 0 0-6.563 3.281 3.281 0 0 0 0 6.563zm-14.062 0a3.281 3.281 0 1 0 0-6.563 3.281 3.281 0 0 0 0 6.563zm0 7.5v-.938A2.812 2.812 0 0 1 10.78 15h8.438a2.813 2.813 0 0 0 2.812-2.813v-.937m-14.061 0v7.5' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Software Development</div> <div class="block-navbar-promo__subitem-subtitle">Efficiently deliver design and development projects</div> <a href="https://productive.io/use-cases/marketing-agency/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="89a4110f" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="marketing-agency-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M17 18.893V9c.512.053.8.053.8.053h4.6c1.22 0 2.39.516 3.253 1.433A5.057 5.057 0 0 1 27 13.946a5.056 5.056 0 0 1-1.347 3.46c-.863.919-2.033 1.434-3.253 1.434h-4.6s-.288 0-.8.053z' fill='currentColor'/><path d='M17 19.428v4.755a.95.95 0 0 0 .422.789l1.302.869a.946.946 0 0 0 1.444-.56l2.332-5.853' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M22.4 19.394c1.22 0 2.39-.516 3.253-1.434A5.056 5.056 0 0 0 27 14.5a5.056 5.056 0 0 0-1.347-3.46c-.863-.918-2.033-1.434-3.253-1.434h-4.6s-6.262 0-12.288-5.376a.87.87 0 0 0-.98-.139.94.94 0 0 0-.388.361A1.03 1.03 0 0 0 4 4.978v19.044c0 .186.05.369.144.526a.94.94 0 0 0 .388.36.871.871 0 0 0 .98-.138c6.026-5.376 12.288-5.376 12.288-5.376h4.6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M22.4 19.394c1.22 0 2.39-.516 3.253-1.434A5.056 5.056 0 0 0 27 14.5a5.056 5.056 0 0 0-1.347-3.46c-.863-.918-2.033-1.434-3.253-1.434h-4.6s-6.262 0-12.288-5.376a.87.87 0 0 0-.98-.139.94.94 0 0 0-.388.361A1.03 1.03 0 0 0 4 4.978v19.044c0 .186.05.369.144.526a.94.94 0 0 0 .388.36.871.871 0 0 0 .98-.138c6.026-5.376 12.288-5.376 12.288-5.376h4.6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M17 9.5v10' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Marketing Agency</div> <div class="block-navbar-promo__subitem-subtitle">Easily send proposals, plan schedules, deliver projects and bill clients</div> <a href="https://productive.io/use-cases/design-studio/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="84f78b1e" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="design-studio-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='m13.746 13.485 4.178 11.142a.574.574 0 0 0 1.078-.006l1.674-4.603a.572.572 0 0 1 .343-.343L25.622 18a.574.574 0 0 0 .005-1.077l-11.142-4.179a.574.574 0 0 0-.739.74z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='m20.81 19.808 5.125 5.126M6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M6 21c0-9 7.5-16 17-16' stroke='currentColor' stroke-width='2' stroke-linecap='round' fill='none'/><rect x='3' y='21' width='6' height='6' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M6 20V9' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Design Studio</div> <div class="block-navbar-promo__subitem-subtitle">Collaborate on projects and keep client work profitable</div> <a href="https://productive.io/use-cases/consulting/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="ae956c2d" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="business-consultancies-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M26 14H4V9a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v5z' fill='currentColor'/><path d='M11 10V6.889c0-1.032.421-2.02 1.172-2.75A4.059 4.059 0 0 1 15 3c1.06 0 2.078.41 2.828 1.139A3.835 3.835 0 0 1 19 6.889V10M4 14h22' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><rect x='4' y='7' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Consulting</div> <div class="block-navbar-promo__subitem-subtitle">Run each client like a separate P&L and centralize communication</div> <a href="https://productive.io/use-cases/in-house-team/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="210d3389" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="in-house-teams-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.61 7.902a6.193 6.193 0 0 1 4.868-2.34c3.404 0 6.163 2.71 6.163 6.053s-2.76 6.053-6.163 6.053c-.456 0-.9-.049-1.328-.141' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.967 12.05c0 3.342-2.76 6.052-6.163 6.052-.47 0-.929-.052-1.37-.15a5.965 5.965 0 0 0 1.464-3.916c0-2.88-2.049-5.291-4.794-5.903a6.196 6.196 0 0 1 4.7-2.136c3.404 0 6.163 2.71 6.163 6.053z' fill='currentColor' fill-opacity='.3'/><path d='M17.466 17.668c1.673 0 3.322.395 4.808 1.152A10.377 10.377 0 0 1 26 22.02' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.409 19.654c3.404 0 6.163-2.71 6.163-6.053 0-3.342-2.759-6.052-6.163-6.052-3.404 0-6.163 2.71-6.163 6.052 0 3.343 2.76 6.053 6.163 6.053z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M3.875 25A10.378 10.378 0 0 1 7.6 21.8a10.587 10.587 0 0 1 4.809-1.153c1.673 0 3.322.396 4.808 1.153a10.378 10.378 0 0 1 3.726 3.2' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">In-House Teams</div> <div class="block-navbar-promo__subitem-subtitle">Plan schedules, track time and successfully deliver projects</div> <a href="https://productive.io/video-film-production-management-software/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="cb06e8f3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Production Companies</div> <div class="block-navbar-promo__subitem-subtitle">Stay on top of tasks and schedules – from prep and shoot to post.</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="0d20b424"> <picture class="image card-simple__image-picture" data-id="afa92ea0" > <source srcset="https://website-assets.productive.io/uploads/2022/01/makerstreet-success-story.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2024/05/makerstreet-success-story-bigger.webp" class="image image__img card-simple__image-img" alt="" loading="lazy" /> </picture><p class="typography card-simple__intro" data-id="e96706c7" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="0a08c46b" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="2f24b004" > Makerstreet is an Amsterdam-based collective of agencies with over 300 employees in four offices.</p><a href="https://productive.io/customer-stories/productive-serves-makerstreet-as-a-single-source-of-truth/" class="btn btn__as-link btn__type--primary card-simple__btn" id="" aria-label="" data-id="28852d00" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="7e8baf16" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="61698455" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </a> </div></div> </div> </button> <button class="block-navbar-item js-block-navbar-item"> <div class="block-navbar-item__link has-submenu js-block-navbar-item-link"> <span>Resources</span> <svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.64025 1.67773L7.00006 7.0001L12.3599 1.67773" stroke="currentColor" stroke-width="2"/> </svg> </div> <div class="block-navbar-item__subitems js-block-navbar-item-subitems"> <div class="block-navbar-promo" data-id="95c0592e"> <div class="block-navbar-promo__subitems"> <a href="https://productive.io/customer-stories/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="df1b3215" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="success-stories-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 21.844c1.243 0 2.62-.436 3.5-1.344.88-.908 1.5-2 1.5-3.5v-1m-13 2c0 1.858-.745 3.21-1.8 4.335C10.145 23.462 8.492 24 7 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M18 10a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-5a2 2 0 0 1-2-2v-5z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/><path d='M4 9a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v8H6a2 2 0 0 1-2-2V9z' stroke='currentColor' stroke-width='2' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Success Stories</div> <div class="block-navbar-promo__subitem-subtitle">Read how agencies transform using Productive</div> <a href="https://productive.io/blog/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="074bbd1e" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="blog-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13 22.313h4.296l9.386-9.386a.614.614 0 0 0 0-.868L23.254 8.63a.614.614 0 0 0-.868 0l-9.206 9.206a.614.614 0 0 0-.18.434v4.041z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='m19 12 4.296 4.296M25 15v8.24c0 .732-.316 1.434-.879 1.952A3.137 3.137 0 0 1 22 26H8c-.796 0-1.559-.29-2.121-.808A2.653 2.653 0 0 1 5 23.24V5.76a.88.88 0 0 1 .293-.65c.187-.173.442-.27.707-.27h18c.265 0 .52.097.707.27a.884.884 0 0 1 .293.65V10M9 3v3.68M15 3v3.68M21 3v1.68' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Blog</div> <div class="block-navbar-promo__subitem-subtitle">Agency management, product updates & how tos</div> <a href="https://productive.io/resources/agency-resource-management/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="776bb9af" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-management-guides-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 4v11l-3.5-2.75L13 15V4' fill='currentColor' fill-opacity='.3'/><path d='M20 4v11l-3.5-2.75L13 15V4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M5 24V6.778c0-.737.316-1.443.879-1.964A3.126 3.126 0 0 1 8 4h17v17.222H7a2 2 0 0 0-2 2V24zm0 0v0a2 2 0 0 0 2 2h17' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Resource Management</div> <div class="block-navbar-promo__subitem-subtitle">From planning to utilization reports</div> <a href="https://productive.io/webinar/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="c9b47c3f" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Webinars</div> <div class="block-navbar-promo__subitem-subtitle">Learn how to run a more successful agency in Productive</div> <a href="https://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="a13f8789" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="help-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='m22.955 7.045-4.64 4.64A4.673 4.673 0 0 1 19.686 15a4.673 4.673 0 0 1-1.373 3.315l4.64 4.64A11.215 11.215 0 0 0 26.25 15c0-3.107-1.26-5.92-3.295-7.955zM7.022 22.932A11.215 11.215 0 0 1 3.75 15c0-3.095 1.25-5.898 3.273-7.932l4.661 4.619A4.673 4.673 0 0 0 10.313 15c0 1.294.524 2.466 1.372 3.315H11.5l-4.478 4.617z' fill='currentColor'/><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M15 19.688a4.688 4.688 0 1 0 0-9.376 4.688 4.688 0 0 0 0 9.376zm-3.315-8.003-4.64-4.64m11.27 4.64 5.64-5.64m-5.64 12.27 4.64 4.64m-11.27-4.64-5.64 5.64' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Help</div> <div class="block-navbar-promo__subitem-subtitle">General information, best practices and detailed how-tos for using the Productive platform</div> <a href="https://productive.io/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="0673bef7" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="what-is-new-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.9834 14.0913H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9834 17.6846H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M26.3569 9.65931V22.1763C26.3569 22.6528 26.1676 23.1098 25.8307 23.4467C25.4937 23.7837 25.0367 23.9729 24.5602 23.9729H4.79663C5.27314 23.9729 5.73014 23.7837 6.06708 23.4467C6.40403 23.1098 6.59332 22.6528 6.59332 22.1763V8.70108C6.59332 8.46282 6.68797 8.23433 6.85644 8.06585C7.02491 7.89738 7.25341 7.80273 7.49167 7.80273H18.9306' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.79669 23.973C4.32018 23.973 3.86318 23.7837 3.52624 23.4467C3.18929 23.1098 3 22.6528 3 22.1763' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 22.1162V13.1927C3 12.7161 3.18929 12.2591 3.52624 11.9222C3.86318 11.5853 4.32018 11.396 4.79669 11.396H6.4736' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><g opacity='0.3'><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333' fill='currentColor'/><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333C3 12.0395 3.64352 11.396 4.43735 11.396H6.4736V23.9728H4.79669Z' fill='currentColor'/></g><path d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">What's New?</div> <div class="block-navbar-promo__subitem-subtitle">From big milestones to the smallest improvements—it’s all here.</div> <a href="https://productive.io/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="9f2b68a6" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="create-invoices-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.25 15h7.5m-7.5 3.75h7.5M6.563 4.688h16.875a.937.937 0 0 1 .937.938v17.812a2.812 2.812 0 0 1-2.813 2.813H8.438a2.812 2.812 0 0 1-2.812-2.813V5.626a.937.937 0 0 1 .938-.938zm2.812-1.875v3.75M15 2.813v3.75m5.625-3.75v3.75' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Valuation Calculator</div> <div class="block-navbar-promo__subitem-subtitle">See the 2023 Global Agency Valuations Report</div> <a href="https://productive.io/how-much-do-agency-owners-make/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="31c5fd96" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-financials-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='15' cy='15' r='6' fill='currentColor' fill-opacity='.3'/><path d='M15 8.438v1.874m0 9.376v1.875m0 4.687c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.188 19.688h4.218a2.343 2.343 0 1 0 0-4.688h-2.812a2.343 2.343 0 1 1 0-4.688h4.219' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Owner Compensation Report</div> <div class="block-navbar-promo__subitem-subtitle">Learn insights that could reshape your own approach to fair pay</div> <a href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="3923ebc3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="bold-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.285 13.0898C18.6542 12.3776 17.8919 11.81 17.019 11.4039C16.1441 10.9957 15.163 10.7895 14.1075 10.7895C12.965 10.7895 11.9754 11.034 11.1621 11.5187C10.559 11.878 10.045 12.3309 9.62668 12.8687V3H5.64062V26.6131H9.62881V24.9208C10.0472 25.4587 10.5611 25.9115 11.1642 26.2708C11.9754 26.7534 12.9672 27 14.1097 27C15.1651 27 16.1441 26.7938 17.0212 26.3856C17.8961 25.9795 18.6585 25.4119 19.2871 24.6976C19.9157 23.9875 20.4105 23.1222 20.7545 22.1294C21.0964 21.1408 21.2706 20.046 21.2706 18.8788C21.2706 17.7117 21.0964 16.6232 20.7545 15.6431C20.4105 14.6609 19.9178 13.802 19.2871 13.0898H19.285ZM12.5339 12.9091C13.205 12.9091 13.8145 13.0601 14.3454 13.3577C14.8806 13.6596 15.3477 14.0741 15.7343 14.5929C16.1229 15.1159 16.4266 15.7473 16.6368 16.4722C16.847 17.2036 16.9553 18.0136 16.9553 18.8809C16.9553 19.7483 16.8492 20.5647 16.6368 21.3045C16.4266 22.0401 16.1229 22.6758 15.7343 23.1988C15.3477 23.7175 14.8806 24.1321 14.3454 24.434C13.8166 24.7316 13.2071 24.8825 12.5339 24.8825C12.0073 24.8825 11.487 24.7869 10.9901 24.5998C10.5186 24.4212 10.0599 24.1278 9.62881 23.726V14.0678C10.0429 13.6681 10.4952 13.3747 10.9752 13.1961C11.4849 13.0069 12.0094 12.9112 12.5339 12.9112V12.9091Z' fill='#5D2BFF'/><path opacity='0.3' d='M25.1046 26.8448C26.3361 26.8448 27.3344 25.8454 27.3344 24.6126C27.3344 23.3797 26.3361 22.3803 25.1046 22.3803C23.8731 22.3803 22.8748 23.3797 22.8748 24.6126C22.8748 25.8454 23.8731 26.8448 25.1046 26.8448Z' fill='#5D2BFF'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Bold Community</div> <div class="block-navbar-promo__subitem-subtitle">Join the community for agency professionals by Productive</div> <a href="https://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="4eb2c3a0" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="working-hours-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M15 8.438V15h6.563' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M20 15a5 5 0 1 1-5-5v5h5z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Billable Hours Calculator</div> <div class="block-navbar-promo__subitem-subtitle">Find out your billable hours, team utilization rate, and ideal billable hourly rate</div> <a href="https://productive.io/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="f42940cd" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="enterprise-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 25h26M8 9h3m-3 5h4m-2 5h3.75M21 19h1.875M21 15h1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M4 6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v19H4V6z' stroke='currentColor' stroke-width='2' fill='none'/><path d='M17 11h7a2 2 0 0 1 2 2v12h-9V11z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Building Productive</div> <div class="block-navbar-promo__subitem-subtitle">Stories from the team that build and scale the platform</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="195640da"> <picture class="image card-simple__image-picture" data-id="d75add05" > <img src="https://website-assets-staging.productive.io/uploads/2022/01/Agency-valuation.svg" class="image image__img card-simple__image-img" alt="" loading="lazy" /> </picture><p class="typography card-simple__heading" data-id="d304cc09" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="e4b8a632" > See the 2023 Global Agency Valuations Report</p><a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary card-simple__btn" id="" aria-label="" data-id="0f79461a" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="fbf3edd5" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="11fece11" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </a> </div></div> </div> </button> <a class="block-navbar-item js-block-navbar-item is-hidden-on-desktop" href="https://productive.io/careers/"> <div class="block-navbar-item__link"> <span>Careers</span> </div> </a> </div> <div class="block-navbar-right js-block-navbar-right"> <div class="block-navbar-right__toggle js-block-navbar-right-toggle"></div> <div class="block-navbar-right__wrapper js-block-navbar-right-wrapper"> <div class="block-button block-button--link" data-id="5ebe664c"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d4f4cd74" > <p class="typography btn__label js-button-label" data-id="442e969d" > Login</p> </a></div> <div class="block-button" data-id="8095d884"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="2b89a188" > <p class="typography btn__label js-button-label" data-id="b9879192" > Book a Demo</p> </a></div> <div class="block-button" data-id="549c4da1"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="b24d6677" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="3ceee8ed" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="ac3c6018" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button></div> </div> </div> </div> </div><svg class="icon-defs" aria-hidden="true" viewBox="0 0 0 0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id='icon-business__b' x1='26.5' y1='12.5' x2='22.5' y2='16.5' gradientUnits='userSpaceOnUse'> <stop stop-color='#FFC837' /> <stop offset='1' stop-color='#F1B203' /> </linearGradient> <linearGradient id='icon-business__c' x1='9' y1='29.5' x2='24' y2='17' gradientUnits='userSpaceOnUse'> <stop stop-color='#F1B203' /> <stop offset='1' stop-color='#FFC837' /> </linearGradient> <clipPath id='icon-business__a'> <path fill='#fff' transform='translate(6 4)' d='M0 0h29.6v29.6H0z' /> </clipPath> <linearGradient id='icon-project-management__a' x1='22.175' y1='22.297' x2='28.276' y2='26.18' gradientUnits='userSpaceOnUse'> <stop stop-color='#0062BD' /> <stop offset='1' stop-color='#0699EC' /> </linearGradient> <linearGradient id='icon-project-management__b' x1='22.73' y1='18.97' x2='13.856' y2='27.289' gradientUnits='userSpaceOnUse'> <stop stop-color='#0062BD' /> <stop offset='1' stop-color='#0699EC' /> </linearGradient> <linearGradient id='icon-billing__a' x1='34.15' y1='1.797' x2='11.361' y2='29.92' gradientUnits='userSpaceOnUse'> <stop stop-color='#FF784B' /> <stop offset='1' stop-color='#ED5D2D' /> </linearGradient> <linearGradient id='icon-sales__b' x1='32' y1='26' x2='24.5' y2='33.5' gradientUnits='userSpaceOnUse'> <stop stop-color='#21D191' /> <stop offset='1' stop-color='#00AA6C' /> </linearGradient> <clipPath id='icon-sales__a'> <path fill='#fff' transform='translate(4 5)' d='M0 0h31.33v29.67H0z' /> </clipPath> <linearGradient id='icon-resource-planning__a' x1='20.5' y1='16' x2='35' y2='16' gradientUnits='userSpaceOnUse'> <stop stop-color='#E45353' /> <stop offset='1' stop-color='#F66' /> </linearGradient> <linearGradient id='icon-resource-planning__b' x1='21' y1='27' x2='31' y2='27' gradientUnits='userSpaceOnUse'> <stop stop-color='#E45353' /> <stop offset='1' stop-color='#F66' /> </linearGradient> <clipPath id="icon-youtube-play-button__clip-path"> <rect width="98" height="69" fill="white"/> </clipPath> <linearGradient id="reporting_icon_gradient_1" x1="33.4027" y1="19.7828" x2="5.59725" y2="19.7828" gradientUnits="userSpaceOnUse"> <stop stop-color="#CA6696"/> <stop offset="1" stop-color="#AC366F"/> </linearGradient> <linearGradient id="reporting_icon_gradient_2" x1="22.2805" y1="6.12167" x2="22.2805" y2="28.366" gradientUnits="userSpaceOnUse"> <stop stop-color="#CA6696"/> <stop offset="1" stop-color="#AC366F"/> </linearGradient> <clipPath id="reporting_icon_clip"> <rect width="27.8055" height="28.4345" fill="white" transform="translate(5.59726 5.56555)"/> </clipPath> <linearGradient id='c-billing-40-a' x1='34.15' y1='1.797' x2='11.361' y2='29.92' gradientUnits='userSpaceOnUse'><stop stop-color='#FF784B' fill='none'/><stop offset='1' stop-color='#ED5D2D' fill='none'/></linearGradient> <clipPath id='c-budgeting-40-a'><path fill='#fff' transform='translate(6 4)' d='M0 0h29.6v29.6H0z'/></clipPath> <linearGradient id='c-budgeting-40-b' x1='26.5' y1='12.5' x2='22.5' y2='16.5' gradientUnits='userSpaceOnUse'><stop stop-color='#FFC837'/><stop offset='1' stop-color='#F1B203'/></linearGradient> <linearGradient id='c-budgeting-40-c' x1='9' y1='29.5' x2='24' y2='17' gradientUnits='userSpaceOnUse'><stop stop-color='#F1B203'/><stop offset='1' stop-color='#FFC837'/></linearGradient> <clipPath id='c-crm-40-a'><path fill='#fff' transform='translate(4 5)' d='M0 0h31.33v29.67H0z'/></clipPath> <linearGradient id='c-crm-40-b' x1='32' y1='26' x2='24.5' y2='33.5' gradientUnits='userSpaceOnUse'><stop stop-color='#21D191'/><stop offset='1' stop-color='#00AA6C'/></linearGradient> <linearGradient id='c-project-management-40-a' x1='22.175' y1='22.298' x2='28.276' y2='26.18' gradientUnits='userSpaceOnUse'><stop stop-color='#0062BD'/><stop offset='1' stop-color='#0699EC'/></linearGradient> <linearGradient id='c-project-management-40-b' x1='22.73' y1='18.97' x2='13.856' y2='27.289' gradientUnits='userSpaceOnUse'><stop stop-color='#0062BD' fill='none'/><stop offset='1' stop-color='#0699EC' fill='none'/></linearGradient> <linearGradient id='c-resource-planning-40-a' x1='20.5' y1='16' x2='35' y2='16' gradientUnits='userSpaceOnUse'><stop stop-color='#E45353'/><stop offset='1' stop-color='#F66'/></linearGradient> <linearGradient id='c-resource-planning-40-b' x1='21' y1='27' x2='31' y2='27' gradientUnits='userSpaceOnUse'><stop stop-color='#E45353' fill='none'/><stop offset='1' stop-color='#F66' fill='none'/></linearGradient> <clipPath id='c-time-tracking-40-a'><path fill='#fff' transform='translate(9 5)' d='M0 0h22.49v29.4H0z'/></clipPath> <linearGradient id='c-time-tracking-40-b' x1='23.5' y1='21.5' x2='16' y2='8' gradientUnits='userSpaceOnUse'><stop stop-color='#42DAD1'/><stop offset='1' stop-color='#07B2A8'/></linearGradient> <clipPath id='c-reporting-40-a'><path fill='#fff' transform='translate(5.597 5.566)' d='M0 0h27.805v28.434H0z'/></clipPath> <linearGradient id='c-reporting-40-b' x1='33.403' y1='19.783' x2='5.597' y2='19.783' gradientUnits='userSpaceOnUse'><stop stop-color='#CA6696'/><stop offset='1' stop-color='#AC366F'/></linearGradient> <linearGradient id='c-reporting-40-c' x1='22.28' y1='6.122' x2='22.28' y2='28.366' gradientUnits='userSpaceOnUse'><stop stop-color='#CA6696'/><stop offset='1' stop-color='#AC366F'/></linearGradient> </defs> </svg> <main class="main-content"> <div class="wrapper" data-id="6bd02871" > <div class="wrapper__inner"> <div class="block-heading" data-id="d9b54fb1"> <h1 class="typography block-heading__heading" data-id="872f9237" > Your Agency’s Scalable<br>Growth <strong>Starts Here</strong></h1></div> </div> </div> <div class="wrapper" data-id="3aaa3fa0" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="944a5274" > <p class="typography block-paragraph__paragraph" data-id="94dee845" > Try Productive out for 14 days, free. Then choose the plan that suits you best. <br>*All prices listed are in US dollars.</p></div> </div> </div> <div class="wrapper" data-id="058d2f6c" > <div class="wrapper__inner"> <div class="block-price-comparison-table-new js-block-price-comparison-table-new has-three-tiers" style="--price-tier-count: 3" data-current-timespan='year'> <div class="block-price-comparison-table-new__tier-background"></div> <div style="--row-end: 42" class="block-price-comparison-table-new__features-background"></div> <div class="block-price-comparison-table-new__featured-backdrop js-block-price-comparison-table-new-featured-backdrop" style="--column: 2; --row-end: 42" data-alternate-tier="3" data-featured-tier="2"> <span class="block-price-comparison-table-new__featured-backdrop-label"> Recommended </span> </div> <div class="block-price-comparison-table-new__price-filter"> <div class="block-price-comparison-table-new__price-toggle-input"> <div class="block-price-comparison-table-new__price-toggle-input-container"> <button class="block-price-comparison-table-new__price-toggle-input-button block-price-comparison-table-new__price-toggle-input-button--less js-block-price-comparison-table-new-price-toggle-less" disabled> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3223 14.3351L4.9999 8.97528L10.3223 3.61548" stroke="currentColor" stroke-width="2" /> </svg> </button> <input class="block-price-comparison-table-new__price-toggle-input-field js-block-price-comparison-table-new-price-toggle-input" type="number" min="1" max="999" value="1"> <button class="block-price-comparison-table-new__price-toggle-input-button block-price-comparison-table-new__price-toggle-input-button--more js-block-price-comparison-table-new-price-toggle-more"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.67773 14.3351L11.0001 8.97528L5.67773 3.61548" stroke="currentColor" stroke-width="2" /> </svg> </button> </div> <span class="block-price-comparison-table-new__price-toggle-input-amount-text js-block-price-comparison-table-new-price-toggle-amount-text" data-singular-label="User" data-plural-label="Users" > User </span> </div> <label class="block-price-comparison-table-new__price-toggle-toggle"> <input class="block-price-comparison-table-new__price-toggle-toggle-input js-block-price-comparison-table-new-month-year-checkbox" type="checkbox" checked /> <div class="block-price-comparison-table-new__price-toggle-toggle-container"> <div class="block-price-comparison-table-new__price-toggle-toggle-label block-price-comparison-table-new__price-toggle-toggle-label--active js-block-price-comparison-table-new-month-year-label-current"></div> <span class="block-price-comparison-table-new__price-toggle-toggle-label block-price-comparison-table-new__price-toggle-toggle-label--month js-block-price-comparison-table-new-month-year-label-month">Monthly</span> <span class="block-price-comparison-table-new__price-toggle-toggle-label block-price-comparison-table-new__price-toggle-toggle-label--year block-price-comparison-table-new__price-toggle-toggle-label--first-load-active js-block-price-comparison-table-new-month-year-label-year js-block-price-comparison-table-new-first-load-active">Yearly</span> </div> <picture class="image block-price-comparison-table-new__offer-badge-picture" data-id="06114566" > <img src="https://website-assets.productive.io/uploads/2022/11/save-tag-monthly.svg" class="image image__img block-price-comparison-table-new__offer-badge-img" alt="" loading="lazy" /> </picture> <picture class="image block-price-comparison-table-new__offer-badge-mobile-picture" data-id="702567f3" > <img src="https://website-assets.productive.io/uploads/2022/11/save-badge-mobile.svg" class="image image__img block-price-comparison-table-new__offer-badge-mobile-img" alt="" loading="lazy" /> </picture> </label> </div> <div class="block-price-comparison-table-new__tier js-block-price-comparison-table-new-tier" style="--column: 1"> <h3 class="block-price-comparison-table-new__tier-title">Essential</h3> <div class="block-price-comparison-table-new__alternate-label js-block-price-comparison-table-new-alternate-label"> Companies with 50+ users are eligible for a volume discount </div> <div class="block-price-comparison-table-new__tier-price-wrap js-block-price-comparison-table-new-tier-price-wrap"> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="11" class="js-block-price-comparison-table-new-price-display">11</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="9" class="js-block-price-comparison-table-new-price-display">9</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="11" data-price-per-one-year="9" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> %user-count% on the yearly plan </span> <span data-timespan="year" data-price-per-one-month="11" data-price-per-one-year="9" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> billed yearly </span> </div> <button name="" class="btn btn__type--secondary block-price-comparison-table-new__btn js-pricing-cta-btn-replace gtm-button-cta-tracking" id="" aria-label="" data-id="1ab1941b" data-micromodal-trigger=trial-form-modal data-cta-position-page=test data-cta-position-num=test data-cta-conversion-type=test data-cta-form-type=test data-cta-block-type=test > <p class="typography btn__label js-pricing-cta-btn-replace js-button-label" data-id="0c87e5c8" > Try for free</p> </button><a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-price-comparison-table-new__cta block-price-comparison-table-new__cta-alternate js-block-price-comparison-table-new-btn-alternate__btn gtm-button-cta-tracking" id="" aria-label="" data-id="fc2a1caf" data-cta-position-page=test data-cta-position-num=test data-cta-conversion-type=test data-cta-form-type=test data-cta-block-type=test > <p class="typography btn__label js-button-label" data-id="14ddc37a" > Contact sales</p> </a> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new__tier-description js-block-price-comparison-table-new-tier-description">Getting started with end-to-end agency management.</span> <hr class="block-price-comparison-table-new__tier-divider" /> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading js-block-price-comparison-table-new-features-heading"> Essential includes: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Budgeting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Project & task management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Docs</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Time tracking</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Expense management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Reporting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Time off management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">HRIS integrations</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">API access</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Monthly or annual subscriptions</span> </div> </div> </div> <div class="block-price-comparison-table-new__tier js-block-price-comparison-table-new-tier block-price-comparison-table-new__tier--featured js-block-price-comparison-table-new__featured-original" style="--column: 2"> <h3 class="block-price-comparison-table-new__tier-title">Professional</h3> <div class="block-price-comparison-table-new__alternate-label js-block-price-comparison-table-new-alternate-label"> Companies with 50+ users are eligible for a volume discount </div> <div class="block-price-comparison-table-new__tier-price-wrap js-block-price-comparison-table-new-tier-price-wrap"> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="28" class="js-block-price-comparison-table-new-price-display">28</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="24" class="js-block-price-comparison-table-new-price-display">24</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="28" data-price-per-one-year="24" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> %user-count% on the yearly plan </span> <span data-timespan="year" data-price-per-one-month="28" data-price-per-one-year="24" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> billed yearly </span> </div> <button name="" class="btn btn__type--secondary block-price-comparison-table-new__btn js-pricing-cta-btn-replace" id="" aria-label="" data-id="aa61954c" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-pricing-cta-btn-replace js-button-label" data-id="2dfba632" > Try for free</p> </button><a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-price-comparison-table-new__cta block-price-comparison-table-new__cta-alternate js-block-price-comparison-table-new-btn-alternate__btn" id="" aria-label="" data-id="7a52bb4c" > <p class="typography btn__label js-button-label" data-id="fc5c5bc5" > Contact sales</p> </a> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new__tier-description js-block-price-comparison-table-new-tier-description">For agencies ready to improve their business operations</span> <hr class="block-price-comparison-table-new__tier-divider" /> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading js-block-price-comparison-table-new-features-heading"> Everything in Essential, plus: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Invoicing integrations</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Recurring budgets</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Teams</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Advanced task management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Advanced reports (Grouping, Report pivoting, Currency conversion)</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Advanced time off management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">5 account-level custom fields</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Billable time approvals</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Rate cards</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Time off approval flow</span> </div> </div> </div> <div class="block-price-comparison-table-new__tier js-block-price-comparison-table-new-tier js-block-price-comparison-table-new__featured-alt" style="--column: 3"> <h3 class="block-price-comparison-table-new__tier-title">Ultimate</h3> <div class="block-price-comparison-table-new__alternate-label js-block-price-comparison-table-new-alternate-label"> Companies with 50+ users are eligible for a volume discount </div> <div class="block-price-comparison-table-new__tier-price-wrap js-block-price-comparison-table-new-tier-price-wrap"> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="39" class="js-block-price-comparison-table-new-price-display">39</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="32" class="js-block-price-comparison-table-new-price-display">32</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="39" data-price-per-one-year="32" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> %user-count% on the yearly plan </span> <span data-timespan="year" data-price-per-one-month="39" data-price-per-one-year="32" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label"> billed yearly </span> </div> <button name="" class="btn btn__type--secondary block-price-comparison-table-new__btn js-pricing-cta-btn-replace" id="" aria-label="" data-id="f2908c26" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-pricing-cta-btn-replace js-button-label" data-id="846bf075" > Try for free</p> </button><a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-price-comparison-table-new__cta block-price-comparison-table-new__cta-alternate js-block-price-comparison-table-new-btn-alternate__btn" id="" aria-label="" data-id="6d1da308" > <p class="typography btn__label js-button-label" data-id="f066cd93" > Contact sales</p> </a> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new__tier-description js-block-price-comparison-table-new-tier-description">For agencies that want to get the most out of Productive.</span> <hr class="block-price-comparison-table-new__tier-divider" /> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading js-block-price-comparison-table-new-features-heading"> Everything in Professional, plus: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Revenue forecasting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Multiple subsidiaries</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Expense approvals</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Hubspot integration</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Advanced time tracking</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Advanced custom fields</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Overhead calculation</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Schedule report sending to email or Slack</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Enforce SSO or 2FA</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.667 8-7.334 7.333L1 12" stroke="#21D191" stroke-width="2"/></svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title" data-tooltip="">Webhooks</span> </div> </div> </div> </div> <div class="block-price-comparison-table-new-mobile js-block-price-comparison-table-new-mobile" data-current-timespan='year'> <div class="block-price-comparison-table-new-mobile__tier js-block-price-comparison-table-new-mobile-tier"> <h3 class="block-price-comparison-table-new__tier-title">Essential</h3> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="11" class="js-block-price-comparison-table-new-price-display">11</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="9" class="js-block-price-comparison-table-new-price-display">9</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="11" data-price-per-one-year="9" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">%user-count% on the yearly plan</span> <span data-timespan="year" data-price-per-one-month="11" data-price-per-one-year="9" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">billed yearly</span> <button name="" class="btn btn__type--secondary block-price-comparison-table-new__cta" id="" aria-label="" data-id="a17121ec" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="2f732c55" > Try for free</p> </button> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new-mobile__tier-description-mobile">Getting started with end-to-end agency management.</span> <button name="" class="btn btn__as-link btn__type--primary block-price-comparison-table-new__feature-expander js-block-price-comparison-table-new-mobile-feature-expander" id="" aria-label="" data-id="2a88807b" > <p class="typography btn__label js-button-label" data-id="d63bf98f" > See all features</p><div aria-hidden="true" class="icon btn__icon" data-id="ba94145d" > <i class="btn__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button> <div class="block-price-comparison-table-new-mobile__feature-container js-block-price-comparison-table-new-mobile-feature-container"> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading"> Essential includes: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Budgeting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Project & task management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Docs</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Time tracking</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Expense management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Reporting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Time off management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">HRIS integrations</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">API access</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Monthly or annual subscriptions</span> </div> </div> </div> </div> <div class="block-price-comparison-table-new-mobile__tier js-block-price-comparison-table-new-mobile-tier"> <span class="block-price-comparison-table-new-mobile__featured-backdrop-label"> Recommended </span> <h3 class="block-price-comparison-table-new__tier-title">Professional</h3> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="28" class="js-block-price-comparison-table-new-price-display">28</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="24" class="js-block-price-comparison-table-new-price-display">24</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="28" data-price-per-one-year="24" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">%user-count% on the yearly plan</span> <span data-timespan="year" data-price-per-one-month="28" data-price-per-one-year="24" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">billed yearly</span> <button name="" class="btn btn__type--primary block-price-comparison-table-new__cta" id="" aria-label="" data-id="b9d0adcf" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="deaf269c" > Try for free</p> </button> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new-mobile__tier-description-mobile">For agencies ready to improve their business operations</span> <button name="" class="btn btn__as-link btn__type--primary block-price-comparison-table-new__feature-expander js-block-price-comparison-table-new-mobile-feature-expander" id="" aria-label="" data-id="76e2cd79" > <p class="typography btn__label js-button-label" data-id="e530596d" > See all features</p><div aria-hidden="true" class="icon btn__icon" data-id="5647dab7" > <i class="btn__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button> <div class="block-price-comparison-table-new-mobile__feature-container js-block-price-comparison-table-new-mobile-feature-container"> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading"> Everything in Essential, plus: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Invoicing integrations</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Recurring budgets</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Teams</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Advanced task management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Advanced reports (Grouping, Report pivoting, Currency conversion)</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Advanced time off management</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">5 account-level custom fields</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Billable time approvals</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Rate cards</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Time off approval flow</span> </div> </div> </div> </div> <div class="block-price-comparison-table-new-mobile__tier js-block-price-comparison-table-new-mobile-tier"> <h3 class="block-price-comparison-table-new__tier-title">Ultimate</h3> <span data-timespan="month" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="39" class="js-block-price-comparison-table-new-price-display">39</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="year" class="block-price-comparison-table-new__tier-price">$<span data-price-per-one="32" class="js-block-price-comparison-table-new-price-display">32</span><span class="block-price-comparison-table-new__month-label">/month</span></span> <span data-timespan="month" data-price-per-one-month="39" data-price-per-one-year="32" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">%user-count% on the yearly plan</span> <span data-timespan="year" data-price-per-one-month="39" data-price-per-one-year="32" class="block-price-comparison-table-new__tier-price-label js-block-price-comparison-table-new-tier-price-label">billed yearly</span> <button name="" class="btn btn__type--secondary block-price-comparison-table-new__cta" id="" aria-label="" data-id="057ca7f6" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="d3ec3864" > Try for free</p> </button> <hr class="block-price-comparison-table-new__tier-divider" /> <span class="block-price-comparison-table-new-mobile__tier-description-mobile">For agencies that want to get the most out of Productive.</span> <button name="" class="btn btn__as-link btn__type--primary block-price-comparison-table-new__feature-expander js-block-price-comparison-table-new-mobile-feature-expander" id="" aria-label="" data-id="a3a419b3" > <p class="typography btn__label js-button-label" data-id="54eb2d2f" > See all features</p><div aria-hidden="true" class="icon btn__icon" data-id="4a5085d9" > <i class="btn__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button> <div class="block-price-comparison-table-new-mobile__feature-container js-block-price-comparison-table-new-mobile-feature-container"> <div class="block-price-comparison-table-new__features"> <h4 class="block-price-comparison-table-new__features-heading"> Everything in Professional, plus: </h4> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Revenue forecasting</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Multiple subsidiaries</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Expense approvals</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Hubspot integration</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Advanced time tracking</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Advanced custom fields</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Overhead calculation</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Schedule report sending to email or Slack</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Enforce SSO or 2FA</span> </div> <div class="block-price-comparison-table-new__item-outer"> <span class="block-price-comparison-table-new__item-checkmark block-price-comparison-table-new__item-checkmark--standard"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <circle cx='12' cy='12' r='12' fill='#fff'/> <path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#21D191' stroke-width='2'/> </svg> </span> <span class="block-price-comparison-table-new__section-item-title js-block-price-comparison-table-new-section-item-title">Webhooks</span> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="a08dd171" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="1682e63e" > <p class="typography block-paragraph__paragraph" data-id="684281d3" > Need more flexibility, extra support, and enterprise-level customizations? <a href="https://productive.io/book-a-demo/"><strong>Let’s talk!</strong></a></p></div> </div> </div> <div class="wrapper" data-id="42ddcf87" > <div class="wrapper__inner"> <div class="block-flex" data-id="0adf63cb"> <div class="wrapper wrapper--simple" data-id="06ed93ce" > <div class="wrapper__skip-dom"> <div class="block-button GTM_compare_plans_pricing" data-id="360880a0"> <button name="" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="a32bcafe" data-scroll-target=#comparison-table > <p class="typography btn__label js-button-label" data-id="e0d08000" > Compare plans</p> </button></div> </div> </div> <div class="wrapper wrapper--simple" data-id="731d2ae8" > <div class="wrapper__skip-dom"> <div class="block-button GTM_talk_to_sales_pricing" data-id="e9b12ed1"> <a href="https://productive.io/talk-to-sales/" class="btn btn__type--primary block-button__btn gtm-button-cta-tracking" id="" aria-label="" data-id="8f75a5f6" data-cta-block-type=dual_button_form > <p class="typography btn__label js-button-label" data-id="8dd68a9c" > Book a demo</p> </a></div> </div> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="c0612de9" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="deddef09"> <div class="block-column" data-id="a7be7e19"> <div class="wrapper wrapper--simple" data-id="1f3aa97c" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="19ddc946"> <h2 class="typography block-heading__heading" data-id="fc9e0d68" > Included In <strong>All Plans</strong></h2></div> </div> </div> </div> <div class="block-column" data-id="387c4dc5"> <div class="wrapper wrapper--simple" data-id="5ac1114b" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="b09e00b5"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="4cac1ce4" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="gdpr-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M25 10V5.76a.884.884 0 0 0-.293-.65A1.046 1.046 0 0 0 24 4.84H6c-.265 0-.52.097-.707.27A.884.884 0 0 0 5 5.76v17.48c0 .732.316 1.434.879 1.952A3.137 3.137 0 0 0 8 26h9.5M9 3v3.68M15 3v3.68M21 3v3.68' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path fill-rule='evenodd' clip-rule='evenodd' d='M19.5 27s5.5-2.8 5.5-7v-5.6L19.5 13 14 14.4V20c0 4.2 5.5 7 5.5 7z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="7936ba9d" > </p><h2 class="typography card-simple__heading" data-id="01a5e1a3" > GDPR Compliance</h2><p class="typography card-simple__paragraph" data-id="4b57ed04" > We are fully certified as GDPR compliant and constantly strive to exceed minimum regulatory standards. </p> </div> </div> </div> </div> <div class="block-column" data-id="0ea72b0f"> <div class="wrapper wrapper--simple" data-id="1b3176fb" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="c220bd21"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="b5c0290f" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="ios-android-app-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M8 6a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V6z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><circle cx='15.5' cy='21.5' r='1.5' fill='currentColor'/><path d='M12 4h7v2a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V4z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="7147c8d3" > </p><h2 class="typography card-simple__heading" data-id="d3507450" > iOS + Android Mobile App</h2><p class="typography card-simple__paragraph" data-id="6334c7b1" > Productive syncs your work every moment, in whichever app you choose.</p> </div> </div> </div> </div> <div class="block-column" data-id="ba1c27d6"> <div class="wrapper wrapper--simple" data-id="f497f77e" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="65aee0d2"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="d01e3c1b" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="open-api-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.857 11H4.143C3.512 11 3 11.512 3 12.143v5.714C3 18.488 3.512 19 4.143 19h5.714c.631 0 1.143-.512 1.143-1.143v-5.714C11 11.512 10.488 11 9.857 11z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M26.25 4h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75zm0 16h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75zM12 15h3m5 8h-1.6c-.636 0-1.247-.361-1.697-1.004-.45-.643-.703-1.515-.703-2.425V10.43c0-.91.253-1.782.703-2.425C17.153 7.361 17.763 7 18.4 7H20' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="356ad8ac" > </p><h2 class="typography card-simple__heading" data-id="0d155eef" > Open API</h2><p class="typography card-simple__paragraph" data-id="212bff2a" > Connect over 1000+ apps with Productive to automate your work.</p> </div> </div> </div> </div> <div class="block-column" data-id="e8910342"> <div class="wrapper wrapper--simple" data-id="a5e82688" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="c46bf345"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="d6a24846" > <i class="card-simple__top-icon-elem" data-name="soc-2-shield-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='50' height='50' rx='25' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.0202 38.5728C24.5317 38.8555 25.135 38.8555 25.6465 38.5728C28.1648 37.1812 35.6667 32.4908 35.6667 26V17.1184C35.6667 16.2279 35.0561 15.4535 34.1902 15.2456L25.2828 13.1079C24.9873 13.037 24.6793 13.037 24.3839 13.1079L15.4765 15.2456C14.6105 15.4535 14 16.2279 14 17.1184V26C14 32.4908 21.5019 37.1812 24.0202 38.5728Z' fill='#5D2BFF' fill-opacity='0.25'/><path d='M15.2788 23.3008C15.2476 22.9857 15.1134 22.7409 14.8765 22.5664C14.6395 22.3919 14.3179 22.3047 13.9116 22.3047C13.6356 22.3047 13.4025 22.3437 13.2124 22.4219C13.0223 22.4974 12.8765 22.6029 12.7749 22.7383C12.6759 22.8737 12.6265 23.0273 12.6265 23.1992C12.6213 23.3424 12.6512 23.4674 12.7163 23.5742C12.784 23.681 12.8765 23.7734 12.9937 23.8516C13.1108 23.9271 13.2463 23.9935 13.3999 24.0508C13.5535 24.1055 13.7176 24.1523 13.8921 24.1914L14.6108 24.3633C14.9598 24.4414 15.2801 24.5456 15.5718 24.6758C15.8634 24.806 16.116 24.9661 16.3296 25.1562C16.5431 25.3464 16.7085 25.5703 16.8257 25.8281C16.9455 26.0859 17.0067 26.3815 17.0093 26.7148C17.0067 27.2044 16.8817 27.6289 16.6343 27.9883C16.3895 28.3451 16.0353 28.6224 15.5718 28.8203C15.1108 29.0156 14.5549 29.1133 13.9038 29.1133C13.258 29.1133 12.6955 29.0143 12.2163 28.8164C11.7397 28.6185 11.3674 28.3255 11.0991 27.9375C10.8335 27.5469 10.6942 27.0638 10.6812 26.4883H12.3179C12.3361 26.7565 12.4129 26.9805 12.5483 27.1602C12.6864 27.3372 12.87 27.4714 13.0991 27.5625C13.3309 27.651 13.5926 27.6953 13.8843 27.6953C14.1707 27.6953 14.4194 27.6536 14.6304 27.5703C14.8439 27.487 15.0093 27.3711 15.1265 27.2227C15.2437 27.0742 15.3022 26.9036 15.3022 26.7109C15.3022 26.5312 15.2489 26.3802 15.1421 26.2578C15.0379 26.1354 14.8843 26.0312 14.6812 25.9453C14.4806 25.8594 14.2345 25.7812 13.9429 25.7109L13.0718 25.4922C12.3973 25.3281 11.8647 25.0716 11.4741 24.7227C11.0835 24.3737 10.8895 23.9036 10.8921 23.3125C10.8895 22.8281 11.0184 22.4049 11.2788 22.043C11.5418 21.681 11.9025 21.3984 12.3608 21.1953C12.8192 20.9922 13.34 20.8906 13.9233 20.8906C14.5171 20.8906 15.0353 20.9922 15.478 21.1953C15.9233 21.3984 16.2697 21.681 16.5171 22.043C16.7645 22.4049 16.8921 22.8242 16.8999 23.3008H15.2788ZM24.9985 25C24.9985 25.8724 24.8332 26.6146 24.5024 27.2266C24.1743 27.8385 23.7264 28.306 23.1587 28.6289C22.5936 28.9492 21.9582 29.1094 21.2524 29.1094C20.5415 29.1094 19.9035 28.9479 19.3384 28.625C18.7733 28.3021 18.3267 27.8346 17.9985 27.2227C17.6704 26.6107 17.5063 25.8698 17.5063 25C17.5063 24.1276 17.6704 23.3854 17.9985 22.7734C18.3267 22.1615 18.7733 21.6953 19.3384 21.375C19.9035 21.0521 20.5415 20.8906 21.2524 20.8906C21.9582 20.8906 22.5936 21.0521 23.1587 21.375C23.7264 21.6953 24.1743 22.1615 24.5024 22.7734C24.8332 23.3854 24.9985 24.1276 24.9985 25ZM23.2837 25C23.2837 24.4349 23.1991 23.9583 23.0298 23.5703C22.8631 23.1823 22.6274 22.888 22.3228 22.6875C22.0181 22.487 21.6613 22.3867 21.2524 22.3867C20.8436 22.3867 20.4868 22.487 20.1821 22.6875C19.8774 22.888 19.6405 23.1823 19.4712 23.5703C19.3045 23.9583 19.2212 24.4349 19.2212 25C19.2212 25.5651 19.3045 26.0417 19.4712 26.4297C19.6405 26.8177 19.8774 27.112 20.1821 27.3125C20.4868 27.513 20.8436 27.6133 21.2524 27.6133C21.6613 27.6133 22.0181 27.513 22.3228 27.3125C22.6274 27.112 22.8631 26.8177 23.0298 26.4297C23.1991 26.0417 23.2837 25.5651 23.2837 25ZM32.8101 23.8008H31.0991C31.0679 23.5794 31.0041 23.3828 30.9077 23.2109C30.8114 23.0365 30.6877 22.888 30.5366 22.7656C30.3856 22.6432 30.2111 22.5495 30.0132 22.4844C29.8179 22.4193 29.6056 22.3867 29.3765 22.3867C28.9624 22.3867 28.6017 22.4896 28.2944 22.6953C27.9871 22.8984 27.7489 23.1953 27.5796 23.5859C27.4103 23.974 27.3257 24.4453 27.3257 25C27.3257 25.5703 27.4103 26.0495 27.5796 26.4375C27.7515 26.8255 27.991 27.1185 28.2983 27.3164C28.6056 27.5143 28.9611 27.6133 29.3647 27.6133C29.5913 27.6133 29.8009 27.5833 29.9937 27.5234C30.189 27.4635 30.3621 27.3763 30.5132 27.2617C30.6642 27.1445 30.7892 27.0026 30.8882 26.8359C30.9897 26.6693 31.0601 26.4792 31.0991 26.2656L32.8101 26.2734C32.7658 26.6406 32.6551 26.9948 32.478 27.3359C32.3035 27.6745 32.0679 27.9779 31.771 28.2461C31.4767 28.5117 31.1252 28.7227 30.7163 28.8789C30.3101 29.0326 29.8504 29.1094 29.3374 29.1094C28.6239 29.1094 27.9858 28.9479 27.4233 28.625C26.8634 28.3021 26.4207 27.8346 26.0952 27.2227C25.7723 26.6107 25.6108 25.8698 25.6108 25C25.6108 24.1276 25.7749 23.3854 26.103 22.7734C26.4312 22.1615 26.8765 21.6953 27.439 21.375C28.0015 21.0521 28.6343 20.8906 29.3374 20.8906C29.8009 20.8906 30.2306 20.9557 30.6265 21.0859C31.0249 21.2161 31.3778 21.4062 31.6851 21.6562C31.9924 21.9036 32.2424 22.207 32.4351 22.5664C32.6304 22.9258 32.7554 23.3372 32.8101 23.8008ZM33.4761 29V27.7812L36.3237 25.1445C36.5659 24.9102 36.769 24.6992 36.9331 24.5117C37.0998 24.3242 37.2261 24.1406 37.312 23.9609C37.3979 23.7786 37.4409 23.582 37.4409 23.3711C37.4409 23.1367 37.3875 22.9349 37.2808 22.7656C37.174 22.5937 37.0282 22.4622 36.8433 22.3711C36.6584 22.2773 36.4487 22.2305 36.2144 22.2305C35.9696 22.2305 35.756 22.2799 35.5737 22.3789C35.3914 22.4779 35.2508 22.6198 35.1519 22.8047C35.0529 22.9896 35.0034 23.2096 35.0034 23.4648H33.3979C33.3979 22.9414 33.5164 22.487 33.7534 22.1016C33.9904 21.7161 34.3224 21.418 34.7495 21.207C35.1766 20.9961 35.6688 20.8906 36.2261 20.8906C36.799 20.8906 37.2977 20.9922 37.7222 21.1953C38.1493 21.3958 38.4813 21.6745 38.7183 22.0312C38.9552 22.388 39.0737 22.7969 39.0737 23.2578C39.0737 23.5599 39.0138 23.8581 38.894 24.1523C38.7769 24.4466 38.5672 24.7734 38.2651 25.1328C37.9631 25.4896 37.5373 25.918 36.9878 26.418L35.8198 27.5625V27.6172H39.1792V29H33.4761Z' fill='#5D2BFF'/></svg> </i> </div><p class="typography card-simple__intro" data-id="47f2f1dd" > </p><h2 class="typography card-simple__heading" data-id="0ef87b7d" > SOC 2 Type II Compliance</h2><p class="typography card-simple__paragraph" data-id="d392668c" > We’re committed to safeguarding your information and providing reliable service.</p> </div> </div> </div> </div> <div class="block-column" data-id="fa289f27"> <div class="wrapper wrapper--simple" data-id="7f5a098f" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="3c1bd169"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="8b26caee" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="two-factor-auth-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M6 15a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V15z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M10 13V9a5 5 0 0 1 10 0v4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10 16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H10zm5 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="a0338e3b" > </p><h2 class="typography card-simple__heading" data-id="0cf51d5a" > Two-Factor Authentication</h2><p class="typography card-simple__paragraph" data-id="80ba6ffd" > Add an extra layer of security to your login process using 2FA.</p> </div> </div> </div> </div> <div class="block-column" data-id="33d974aa"> <div class="wrapper wrapper--simple" data-id="84d245b9" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="01565c63"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="4a53272d" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="desktop-app-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M4 7.2A2.2 2.2 0 0 1 6.2 5h17.6A2.2 2.2 0 0 1 26 7.2v10.6a2.2 2.2 0 0 1-2.2 2.2H6.2A2.2 2.2 0 0 1 4 17.8V7.2z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M10 25h10m-5-4.6v4.4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M11 13.5v2m4-4v4m4-6v6' stroke='currentColor' stroke-opacity='.3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="f8f92b9d" > </p><h2 class="typography card-simple__heading" data-id="aa335ed8" > Desktop App</h2><p class="typography card-simple__paragraph" data-id="de904c07" > Productive’s desktop app keeps work efficient. Just download the app and log in with your email.</p> </div> </div> </div> </div> <div class="block-column" data-id="b92b3c10"> <div class="wrapper wrapper--simple" data-id="e6f526a5" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="aac2f475"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="34d0b90f" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="uptime-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='m20.442 2.778-6.448 1.728 1.728 6.448' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M9.343 8.643a10.014 10.014 0 1 0 15.378 10.673c1.074-4.328-1.044-8.765-4.705-11.079-3.661-2.313-1.934-1.37-4.66-2.944' stroke='currentColor' stroke-width='2' stroke-linejoin='round' fill='none'/><circle cx='15' cy='17' r='4' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="eac5cb18" > </p><h2 class="typography card-simple__heading" data-id="d1e36ae3" > 100% Uptime</h2><p class="typography card-simple__paragraph" data-id="2476cf64" > In the past year, Productive’s global uptime has been 100%. </p> </div> </div> </div> </div> <div class="block-column" data-id="b4df735e"> <div class="wrapper wrapper--simple" data-id="17fcda97" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="24ef91d4"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="1d7ac0e6" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="two-factor-auth-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M6 15a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V15z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M10 13V9a5 5 0 0 1 10 0v4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10 16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H10zm5 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="160d54df" > </p><h2 class="typography card-simple__heading" data-id="3d0f22a5" > Encryption at Rest</h2><p class="typography card-simple__paragraph" data-id="4a22f9ec" > Encryption at Rest provides key protection against data breaches.</p> </div> </div> </div> </div> <div class="block-column" data-id="42943f3b"> <div class="wrapper wrapper--simple" data-id="1d87ac0f" > <div class="wrapper__skip-dom"> <div class="card-simple block-card__card-simple" data-id="dfef6b4b"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="9269d8e5" > <div class="icon__backplate" > <i class="card-simple__top-icon-elem" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div><p class="typography card-simple__intro" data-id="7b969f12" > </p><h2 class="typography card-simple__heading" data-id="fc047d88" > Chat and Email Support</h2><p class="typography card-simple__paragraph" data-id="4742baaa" > The average time it takes us to reply to your chat requests is four minutes.</p> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="e4076509" > <div class="wrapper__anchor" id="comparison-table"></div> <div class="wrapper__inner"> <div class="js-block-expandable-pricing-panel-container"> <div class="block-expandable-pricing js-block-expandable-pricing js-block-expandable-pricing-panel-target" style="--price-tier-count: 3" > <div class="block-expandable-pricing__tier-background"></div> <div class="block-expandable-pricing__tier js-block-expandable-pricing-price-tier" style="--column: 2"> <h3 class="block-expandable-pricing__tier-title">Essential</h3> <span class="block-expandable-pricing__tier-price"><span data-price-per-one="$9" class="js-block-expandable-pricing-price-display">$9</span></span> <span class="block-expandable-pricing__tier-price-label js-block-expandable-pricing-tier-price-label">per month – billed yearly</span> <hr class="block-expandable-pricing__tier-divider" /> </div> <div class="block-expandable-pricing__tier js-block-expandable-pricing-price-tier block-expandable-pricing__tier--featured" style="--column: 3"> <h3 class="block-expandable-pricing__tier-title">Professional</h3> <span class="block-expandable-pricing__tier-price"><span data-price-per-one="$24" class="js-block-expandable-pricing-price-display">$24</span></span> <span class="block-expandable-pricing__tier-price-label js-block-expandable-pricing-tier-price-label">per month – billed yearly</span> <hr class="block-expandable-pricing__tier-divider" /> </div> <div class="block-expandable-pricing__tier js-block-expandable-pricing-price-tier" style="--column: 4"> <h3 class="block-expandable-pricing__tier-title">Ultimate</h3> <span class="block-expandable-pricing__tier-price"><span data-price-per-one="$32" class="js-block-expandable-pricing-price-display">$32</span></span> <span class="block-expandable-pricing__tier-price-label js-block-expandable-pricing-tier-price-label">per month – billed yearly</span> <hr class="block-expandable-pricing__tier-divider" /> </div> <span style="--row: 2; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="true" aria-controls="expandable-section-0" > General <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="82a7f5a5" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-0" aria-hidden="false" > <span style="--row: 3; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Web, Desktop & Mobile app</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 3; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 3; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 3; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 4; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Dark/light theme</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 4; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 4; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 4; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 5; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Multiple currencies</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 5; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 5; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 5; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 6; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Recycle bin retention</span> <span style="--row: 6; --col: 2" class="block-expandable-pricing__section-item-text">7 days</span> <span style="--row: 6; --col: 3" class="block-expandable-pricing__section-item-text">180 days</span> <span style="--row: 6; --col: 4" class="block-expandable-pricing__section-item-text">2 years</span> <span style="--row: 7; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Automations</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 7; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 7; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 7; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 8; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Automation runs</span> <span style="--row: 8; --col: 2" class="block-expandable-pricing__section-item-text">100</span> <span style="--row: 8; --col: 3" class="block-expandable-pricing__section-item-text">1000</span> <span style="--row: 8; --col: 4" class="block-expandable-pricing__section-item-text">5000</span> <span style="--row: 9; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">SSO</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 9; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 9; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 9; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 10; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Two-factor authentication (2FA)</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 10; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 10; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 10; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 11; --col: 1" data-tooltip="Create a secure test environment to experiment freely without affecting your real data." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Sandbox</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 11; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 11; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 11; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 12; --col: 1" data-tooltip="Customize financial reporting periods to match your organization’s fiscal year." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Fiscal year</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 12; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 12; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 12; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 13; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Enforce SSO</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 13; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 13; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 13; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 14; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Enforce 2FA</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 14; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 14; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 14; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 15; --col: 1" data-tooltip="Build and save views on Tasks, Budgets, Scheduling, Projects, Invoices, etc." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Save public and private views</span> <span style="--row: 15; --col: 2" class="block-expandable-pricing__section-item-text">Default view only</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 15; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 15; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 16; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Restricted user roles</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 16; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 16; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 16; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 17; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Overhead cost</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 17; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 17; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 17; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 18; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Subsidiaries</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 18; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 18; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 18; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 19; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Permission builder</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 19; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 19; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 19; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 20; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Custom numbering scheme for objects (Project, Budget, Task)</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 20; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 20; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 20; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 21; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-1" > Timetracking <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="e675e97a" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-1" aria-hidden="true" > <span style="--row: 22; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">High-level company time overview </span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 22; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 22; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 22; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 23; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time tracking via web, desktop or mobile app</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 23; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 23; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 23; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 24; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Manual or Timer time tracking</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 24; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 24; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 24; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 25; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Week, day or calendar view on time</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 25; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 25; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 25; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 26; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time tracking on tasks</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 26; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 26; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 26; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 27; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Employee cost rates</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 27; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 27; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 27; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 28; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time approvals</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 28; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 28; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 28; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 29; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Billable time rounding</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 29; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 29; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 29; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 30; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Automatic time tracking (autotracking)</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 30; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 30; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 30; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 31; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time locking</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 31; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 31; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 31; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 34; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-2" > Tasks & Projects <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="252a57b3" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-2" aria-hidden="true" > <span style="--row: 35; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Projects</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 35; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 35; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 35; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 36; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Task boards and task lists</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 36; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 36; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 36; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 37; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Subtasks and To-do lists</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 37; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 37; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 37; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 38; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Task assignments</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 38; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 38; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 38; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 39; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Subscribe to a task</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 39; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 39; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 39; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 40; --col: 1" data-tooltip="Use project notes for general project information, links to cloud assets and more." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Project notes</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 40; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 40; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 40; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 41; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time estimates on tasks</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 41; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 41; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 41; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 42; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Tags</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 42; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 42; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 42; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 43; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Activity feed and change history</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 43; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 43; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 43; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 44; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Import tasks from CSV</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 44; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 44; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 44; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 45; --col: 1" data-tooltip="Create links between dependant tasks." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Task dependencies</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 45; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 45; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 45; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 46; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Repeating tasks</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 46; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 46; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 46; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 47; --col: 1" data-tooltip="Decide which comments should be visible to clients on tasks." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Hide comments from client users</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 47; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 47; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 47; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 48; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Timeline layout</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 48; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 48; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 48; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 49; --col: 1" data-tooltip="Predefined status setup for task management." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Task Workflows</span> <span style="--row: 49; --col: 2" class="block-expandable-pricing__section-item-text">2</span> <span style="--row: 49; --col: 3" class="block-expandable-pricing__section-item-text">5</span> <span style="--row: 49; --col: 4" class="block-expandable-pricing__section-item-text">10</span> <span style="--row: 50; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Teams</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 50; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 50; --col: 3" class="block-expandable-pricing__section-item-text">5</span> <span style="--row: 50; --col: 4" class="block-expandable-pricing__section-item-text">20</span> </div> <span style="--row: 54; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-3" > Sales & Budgeting <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="882062aa" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-3" aria-hidden="true" > <span style="--row: 55; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Deals & Budgets</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 55; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 55; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 55; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 56; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Sales win probability</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 56; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 56; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 56; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 57; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Companies & Contacts</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 57; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 57; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 57; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 58; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Sales deal assignees</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 58; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 58; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 58; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 59; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Expected close date on deals</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 59; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 59; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 59; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 60; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Export proposals to PDF </span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 60; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 60; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 60; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 61; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Deal (job) probability</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 61; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 61; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 61; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 62; --col: 1" data-tooltip="Use deal-specific BCC functionality to link emails to deals." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Attach emails to sales deals</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 62; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 62; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 62; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 63; --col: 1" data-tooltip="Connect a corresponding company and contact to a deal." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Manage contact info</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 63; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 63; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 63; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 64; --col: 1" data-tooltip="When a deal is won, seamlessly continue working on the new project." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Convert deal to project</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 64; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 64; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 64; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 65; --col: 1" data-tooltip="Set up a custom reminder to manage budget spending." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Budget spent warnings</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 65; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 65; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 65; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 66; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Multiple budgets per project</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 66; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 66; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 66; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 67; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Expenses</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 67; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 67; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 67; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 68; --col: 1" data-tooltip="Let your clients see tracked time that has been approved." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Client access to budgets</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 68; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 68; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 68; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 69; --col: 1" data-tooltip="Set up rate cards per organization." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Rate cards</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 69; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 69; --col: 3" class="block-expandable-pricing__section-item-text">10</span> <span style="--row: 69; --col: 4" class="block-expandable-pricing__section-item-text">30</span> <span style="--row: 70; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Disable expense and time tracking on services</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 70; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 70; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 70; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 71; --col: 1" data-tooltip="Save time on managing retainers by setting up recurring budgets." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Retainer management</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 71; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 71; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 71; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 72; --col: 1" data-tooltip="Combine scheduled data with project data to forecast future profit." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Financial forecasting on budgets</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 72; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 72; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 72; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 73; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Expense approvals</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 73; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 73; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 73; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 74; --col: 1" data-tooltip="Keep a close eye on your agency’s external expenses." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Purchase orders</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 74; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 74; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 74; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 79; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-4" > Resource scheduling <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="3a24a8d0" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-4" aria-hidden="true" > <span style="--row: 80; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Plan team utilization across projects</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 80; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 80; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 80; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 81; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Real time availability forecasting</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 81; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 81; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 81; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 82; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Capacity indicator on scheduling</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 82; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 82; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 82; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 83; --col: 1" data-tooltip="Choose one of the default time off categories and add time off to scheduling." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time off management</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 83; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 83; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 83; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 84; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Live reports on scheduling (Fields)</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 84; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 84; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 84; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 85; --col: 1" data-tooltip="Schedule upcoming work with placeholders, then reassign to actual people when available." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Scheduling placeholders</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 85; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 85; --col: 3" class="block-expandable-pricing__section-item-text">5</span> <span style="--row: 85; --col: 4" class="block-expandable-pricing__section-item-text">10</span> <span style="--row: 86; --col: 1" data-tooltip="Create time off categories, add time off entitlements, submit and approve time off requests." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time off approvals</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 86; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 86; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 86; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 87; --col: 1" data-tooltip="You can now remove grey-out bookings from your view by going to Filters and by turning on the “Show only filtered bookings” toggle. This functionality works only while you are on Group by project view." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Show only filtered data</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 87; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 87; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 87; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 93; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-5" > Custom fields <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="09a4cb33" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-5" aria-hidden="true" > <span style="--row: 94; --col: 1" data-tooltip="Create custom fields on Bookings, Deals, Budgets, Projects, Tasks, People, Invoices, Companies or Expenses." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Custom fields</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 94; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 94; --col: 3" class="block-expandable-pricing__section-item-text">5</span> <span style="--row: 94; --col: 4" class="block-expandable-pricing__section-item-text">15</span> <span style="--row: 95; --col: 1" data-tooltip="Custom fields' basic value types include Text, Number, Date, Single select and Multiple select." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Basic custom field types</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 95; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 95; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 95; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 96; --col: 1" data-tooltip="Custom fields' basic value types include Text, Number, Date, Single select and Multiple select." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Custom fields per project</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 96; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 96; --col: 3" class="block-expandable-pricing__section-item-text">3</span> <span style="--row: 96; --col: 4" class="block-expandable-pricing__section-item-text">10</span> <span style="--row: 97; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Task custom fields library</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 97; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 97; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 97; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 104; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-6" > Invoicing <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="f877a5f8" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-6" aria-hidden="true" > <span style="--row: 105; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Global invoicing overview</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 105; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 105; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 105; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 106; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Draft & finalized invoices</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 106; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 106; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 106; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 107; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Text per invoice line item</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 107; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 107; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 107; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 108; --col: 1" data-tooltip="Create a credit note when you need to change an already-issued invoice." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Credit note</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 108; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 108; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 108; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 109; --col: 1" data-tooltip="Get warned about any expired retainers which haven't been invoiced yet." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Retainer invoicing</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 109; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 109; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 109; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 110; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Send invoice to client</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 110; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 110; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 110; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 111; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Invoice multiple budgets</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 111; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 111; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 111; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 112; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Remove branding</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 112; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 112; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 112; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 113; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Custom invoicing email</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 113; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 113; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 113; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 121; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-7" > Integrations (App Marketplace) <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="2008a5ef" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-7" aria-hidden="true" > <span style="--row: 122; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">API access</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 122; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 122; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 122; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 123; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Google Calendar integration</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 123; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 123; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 123; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 124; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Office 365 Calendar integration</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 124; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 124; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 124; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 125; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Slack notifications</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 125; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 125; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 125; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 126; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Create tasks from Slack</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 126; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 126; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 126; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 127; --col: 1" data-tooltip="Sync user's time off status to Calendar and Slack." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Time off status sync</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 127; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 127; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 127; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 128; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Jira integration</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 128; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 128; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 128; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 129; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Copy invoice to accounting tool</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 129; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 129; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 129; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 130; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Payment sync from accounting tool</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 130; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 130; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 130; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 131; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Zapier integration</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 131; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 131; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 131; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 132; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Sync time off from HR tool</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 132; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 132; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 132; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 133; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Send Pulse to Slack channel</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 133; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 133; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 133; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 134; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Webhooks</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 134; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 134; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 134; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> <span style="--row: 143; --col: 1" class="block-expandable-pricing__section-title js-block-expandable-pricing-section-trigger" role="button" aria-expanded="false" aria-controls="expandable-section-8" data-last-section="true" > Reporting <div aria-hidden="true" class="icon block-expandable-pricing__section-button" data-id="c8243b5e" > <div class="icon__backplate" > <i class="" data-name="plus-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 20h12' stroke='currentColor' stroke-width='2'/><path d='M20 26V14' stroke='currentColor' class='perpendicular-line' stroke-width='2'/></svg> </i> </div> </div> </span> <div class="block-expandable-pricing__section-container" id="expandable-section-8" aria-hidden="true" > <span style="--row: 144; --col: 1" data-tooltip="Use over 50 agency report templates." class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Reports library</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 144; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 144; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 144; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 145; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Unlimited private & public reports</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 145; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 145; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 145; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 146; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Financial reports</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 146; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 146; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 146; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 147; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Project management reports</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 147; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 147; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 147; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 148; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Utilization reports</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 148; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 148; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 148; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 149; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Export reports to PDF, CSV or XLS</span> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 149; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 149; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 149; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 150; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Table pivoting</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 150; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 150; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 150; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 151; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Formula fields</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 151; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 151; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 151; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 152; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Change currency of a report</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 152; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 152; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 152; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 153; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Multigrouping</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 153; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 153; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 153; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <span style="--row: 154; --col: 1" data-tooltip="" class="block-expandable-pricing__section-item-title js-block-expandable-pricing-section-item-title">Schedule report sending to email or Slack</span> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 154; --col: 2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="opacity: 0.1; --row: 154; --col: 3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> <svg class="block-expandable-pricing__section-item-checkmark" style="--row: 154; --col: 4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="12" fill="#21D191" /> <path d="M17.3337 8L10.0003 15.3333L6.66699 12" stroke="white" stroke-width="2" /> </svg> </div> </div> <div class="js-block-expandable-pricing-panel-force-stop block-expandable-pricing__panel-stopper"></div> </div> <div class="block-expandable-pricing__panel-content js-block-expandable-pricing-panel-content" aria-hidden="true" style="--price-tier-count: 3" > <div class="block-expandable-pricing__panel-item" style="--column: 2" > <div class="block-expandable-pricing__panel-tier-price-container"> <span class="block-expandable-pricing__panel-tier-price">$9</span> <span class="block-expandable-pricing__panel-tier-label">per month – billed yearly</span> </div> <button name="" class="btn btn__type--secondary block-expandable-pricing__cta" id="" aria-label="" data-id="ad9f36aa" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="0229fe24" > Try for free</p> </button> </div> <div class="block-expandable-pricing__panel-item" style="--column: 3" > <div class="block-expandable-pricing__panel-tier-price-container"> <span class="block-expandable-pricing__panel-tier-price">$24</span> <span class="block-expandable-pricing__panel-tier-label">per month – billed yearly</span> </div> <button name="" class="btn btn__type--primary block-expandable-pricing__cta" id="" aria-label="" data-id="2ffecd68" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="60376728" > Try for free</p> </button> </div> <div class="block-expandable-pricing__panel-item" style="--column: 4" > <div class="block-expandable-pricing__panel-tier-price-container"> <span class="block-expandable-pricing__panel-tier-price">$32</span> <span class="block-expandable-pricing__panel-tier-label">per month – billed yearly</span> </div> <button name="" class="btn btn__type--secondary block-expandable-pricing__cta" id="" aria-label="" data-id="a2eef3a5" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="f652b01e" > Try for free</p> </button> </div> </div> </div> </div> <div class="wrapper" data-id="a6a71291" > <div class="wrapper__inner"> <div class="block-heading" data-id="0764e25a"> <h2 class="typography block-heading__heading" data-id="3d9cdbd7" > <strong>Agencies Trust Productive</strong> to Run Their Operations</h2></div> </div> </div> <div class="wrapper" data-id="63d7d605" > <div class="wrapper__inner"> <div data-id="4b27410b" class="block-autoscroll-carousel"> <div data-direction="left" data-scroll-step="1" data-scroll-coefficient="0.5" class="block-autoscroll-carousel__container js-block-autoscroll-carousel-container" > <div class="block-autoscroll-carousel-item" data-id="2d501245"> <div class="media block-media__media media__aspect-ratio--auto" data-id="fca40a52" > <picture class="image media__image-picture" data-id="bddeeaee" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-brigada-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="fbf3d280"> <div class="media block-media__media media__aspect-ratio--auto" data-id="797cebc7" > <picture class="image media__image-picture" data-id="1ce69da9" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-clover-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="6fabcc1a"> <div class="media block-media__media media__aspect-ratio--auto" data-id="76c2d7a5" > <picture class="image media__image-picture" data-id="516c2322" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-rietta-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="8be40406"> <div class="media block-media__media media__aspect-ratio--auto" data-id="cf76a15c" > <picture class="image media__image-picture" data-id="4265f9d0" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/HikeONE-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="4a7b8f4f"> <div class="media block-media__media media__aspect-ratio--auto" data-id="f93d99d8" > <picture class="image media__image-picture" data-id="5ba6786b" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/Born_Social-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="70ef6675"> <div class="media block-media__media media__aspect-ratio--auto" data-id="71f0888e" > <picture class="image media__image-picture" data-id="308d9136" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-keepler-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="ce24e441"> <div class="media block-media__media media__aspect-ratio--auto" data-id="0f6939cb" > <picture class="image media__image-picture" data-id="30acd69a" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-apsolon-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="2d501245"> <div class="media block-media__media media__aspect-ratio--auto" data-id="fca40a52" > <picture class="image media__image-picture" data-id="bddeeaee" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-brigada-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="fbf3d280"> <div class="media block-media__media media__aspect-ratio--auto" data-id="797cebc7" > <picture class="image media__image-picture" data-id="1ce69da9" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-clover-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="6fabcc1a"> <div class="media block-media__media media__aspect-ratio--auto" data-id="76c2d7a5" > <picture class="image media__image-picture" data-id="516c2322" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-rietta-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="8be40406"> <div class="media block-media__media media__aspect-ratio--auto" data-id="cf76a15c" > <picture class="image media__image-picture" data-id="4265f9d0" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/HikeONE-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="4a7b8f4f"> <div class="media block-media__media media__aspect-ratio--auto" data-id="f93d99d8" > <picture class="image media__image-picture" data-id="5ba6786b" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/Born_Social-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="70ef6675"> <div class="media block-media__media media__aspect-ratio--auto" data-id="71f0888e" > <picture class="image media__image-picture" data-id="308d9136" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-keepler-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="ce24e441"> <div class="media block-media__media media__aspect-ratio--auto" data-id="0f6939cb" > <picture class="image media__image-picture" data-id="30acd69a" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-apsolon-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="e7c6de08" > <div class="wrapper__inner"> <div data-id="db57af16" class="block-autoscroll-carousel"> <div data-direction="right" data-scroll-step="1" data-scroll-coefficient="0.5" class="block-autoscroll-carousel__container js-block-autoscroll-carousel-container" > <div class="block-autoscroll-carousel-item" data-id="8bf795e1"> <div class="media block-media__media media__aspect-ratio--auto" data-id="e53d991a" > <picture class="image media__image-picture" data-id="ae087c0b" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-kontra-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="b9d479f5"> <div class="media block-media__media media__aspect-ratio--auto" data-id="af62f89d" > <picture class="image media__image-picture" data-id="d05e36df" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/Atomic_Smash-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="d1e6f8db"> <div class="media block-media__media media__aspect-ratio--auto" data-id="8509f74b" > <picture class="image media__image-picture" data-id="b8d751a1" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/akcelo-2.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="0e3721b4"> <div class="media block-media__media media__aspect-ratio--auto" data-id="1d10cf92" > <picture class="image media__image-picture" data-id="3742d261" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-euroart93-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="f7b589e5"> <div class="media block-media__media media__aspect-ratio--auto" data-id="d5b50bce" > <picture class="image media__image-picture" data-id="b5bc26c0" > <img src="https://website-assets.productive.io/uploads/2021/09/Client-brand-labs.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="7eb7d4fe"> <div class="media block-media__media media__aspect-ratio--auto" data-id="eeccd0e1" > <picture class="image media__image-picture" data-id="b0ea2899" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-square1-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="8425bc5b"> <div class="media block-media__media media__aspect-ratio--auto" data-id="b82d59ad" > <picture class="image media__image-picture" data-id="0353396b" > <img src="https://website-assets.productive.io/uploads/2021/09/Client-dev.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="8bf795e1"> <div class="media block-media__media media__aspect-ratio--auto" data-id="e53d991a" > <picture class="image media__image-picture" data-id="ae087c0b" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-kontra-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="b9d479f5"> <div class="media block-media__media media__aspect-ratio--auto" data-id="af62f89d" > <picture class="image media__image-picture" data-id="d05e36df" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/Atomic_Smash-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="d1e6f8db"> <div class="media block-media__media media__aspect-ratio--auto" data-id="8509f74b" > <picture class="image media__image-picture" data-id="b8d751a1" > <img src="https://website-assets-staging.productive.io/uploads/2024/07/akcelo-2.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="0e3721b4"> <div class="media block-media__media media__aspect-ratio--auto" data-id="1d10cf92" > <picture class="image media__image-picture" data-id="3742d261" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-euroart93-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="f7b589e5"> <div class="media block-media__media media__aspect-ratio--auto" data-id="d5b50bce" > <picture class="image media__image-picture" data-id="b5bc26c0" > <img src="https://website-assets.productive.io/uploads/2021/09/Client-brand-labs.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="7eb7d4fe"> <div class="media block-media__media media__aspect-ratio--auto" data-id="eeccd0e1" > <picture class="image media__image-picture" data-id="b0ea2899" > <img src="https://website-assets.productive.io/uploads/2021/08/Client-square1-1.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> <div class="block-autoscroll-carousel-item" data-id="8425bc5b"> <div class="media block-media__media media__aspect-ratio--auto" data-id="b82d59ad" > <picture class="image media__image-picture" data-id="0353396b" > <img src="https://website-assets.productive.io/uploads/2021/09/Client-dev.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="fe970a2b" > <div class="wrapper__inner"> <div class="block-blockquote-carousel-avatars js-block-blockquote-carousel-avatars" data-autoplay-delay="5000" data-id="c7d0aa0f" > <div class="card-simple blockquote__card-simple block-blockquote-carousel-avatars__blockquote js-bca-blockquote blockquote" data-id="52a50667"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="a5cb6a6d" > <i class="card-simple__top-icon-elem" data-name="blockquote-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20zm-6-24a1 1 0 011-1h7.174a1 1 0 011 1v7.368c0 2.576-.69 4.705-2.073 6.385-1.36 1.68-3.351 2.879-5.976 3.596l-1.09-3.159c.89-.291 1.629-.594 2.215-.907.585-.337 1.054-.706 1.406-1.11.351-.425.597-.907.738-1.444.14-.538.21-1.165.21-1.882H15a1 1 0 01-1-1V16zm11.985 1.53a1 1 0 011-1h5.963a1 1 0 011 1v6.596c0 2.34-.6 4.272-1.8 5.798-1.18 1.525-2.909 2.614-5.187 3.264l-.946-2.868c.773-.264 1.414-.539 1.922-.823.509-.305.916-.641 1.221-1.007.305-.387.519-.824.64-1.312.123-.489.184-1.058.184-1.709h-2.997a1 1 0 01-1-1v-6.94z' fill='currentColor'/></svg> </i> </div><p class="typography card-simple__intro js-bca-blockquote-intro" data-id="026c3aec" > </p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="59889f7e" > </p><a href="#" class="btn btn__type--primary card-simple__btn js-bca-blockquote-button" id="" aria-label="" data-id="d72b5245" > <p class="typography btn__label js-bca-blockquote-button js-button-label" data-id="6fdac40b" > </p><div aria-hidden="true" class="icon btn__icon" data-id="1acbad84" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </a> </div> <div class="block-blockquote-carousel-avatars__chevrons"> <button class="chevron js-bca-chevron-prev" aria-label="" data-id="5ef5117a" > <div aria-hidden="true" class="icon chevron__icon" data-id="b1aa1201"> <i class="chevron__icon-elem" data-name="chevron-left-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2.64L4.678 8 10 13.36' fill='none' stroke='currentColor' stroke-width='2' /></svg> </i> </div> </button><button class="chevron js-bca-chevron-next" aria-label="" data-id="ac1a2f6c" > <div aria-hidden="true" class="icon chevron__icon" data-id="b5097190"> <i class="chevron__icon-elem" data-name="chevron-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 2.64L11.322 8 6 13.36' fill='none' stroke='currentColor' stroke-width='2' /></svg> </i> </div> </button> </div> <div class="block-blockquote-carousel-avatars__avatars"> <div class="block-blockquote-carousel-avatars__item"> <div class="block-blockquote-carousel-avatars__item-inner"><div class="block-blockquote-carousel-avatars-item js-bca-item" data-id="b91cafc1"> <div class="block-blockquote-carousel-avatars-item__image-container"> <picture class="image block-blockquote-carousel-avatars-item__image-picture" data-id="e0a5c632" > <img src="https://website-assets.productive.io/uploads/2021/08/Screenshot-2021-08-23-at-11.26.23-2.webp" class="image image__img block-blockquote-carousel-avatars-item__image-img" alt="" loading="lazy" /> </picture> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="block-blockquote-carousel-avatars-item__progressbar"> <path pathLength="1000" d="M98.5 50C98.5 76.7858 76.7858 98.5 50 98.5C23.2142 98.5 1.5 76.7858 1.5 50C1.5 23.2142 23.2142 1.5 50 1.5C76.7858 1.5 98.5 23.2142 98.5 50Z" stroke-width="3" stroke-linecap="round" stroke="var(--blockquote-carousel-avatars-item-progressbar-color, var(--global-colors-indigo))" class="block-blockquote-carousel-avatars-item__progressbar-circle js-bca-progress-circle" /> </svg> </div> <div class="card-simple blockquote__card-simple block-blockquote-carousel-avatars-item__blockquote blockquote" data-id="e41c6ad7"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="39aa4e81" > <i class="card-simple__top-icon-elem" data-name="blockquote-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20zm-6-24a1 1 0 011-1h7.174a1 1 0 011 1v7.368c0 2.576-.69 4.705-2.073 6.385-1.36 1.68-3.351 2.879-5.976 3.596l-1.09-3.159c.89-.291 1.629-.594 2.215-.907.585-.337 1.054-.706 1.406-1.11.351-.425.597-.907.738-1.444.14-.538.21-1.165.21-1.882H15a1 1 0 01-1-1V16zm11.985 1.53a1 1 0 011-1h5.963a1 1 0 011 1v6.596c0 2.34-.6 4.272-1.8 5.798-1.18 1.525-2.909 2.614-5.187 3.264l-.946-2.868c.773-.264 1.414-.539 1.922-.823.509-.305.916-.641 1.221-1.007.305-.387.519-.824.64-1.312.123-.489.184-1.058.184-1.709h-2.997a1 1 0 01-1-1v-6.94z' fill='currentColor'/></svg> </i> </div><p class="typography card-simple__intro js-bca-blockquote-intro" data-id="d6a3b2e6" > Nika Serdoner<br>Project Manager,<br>ENKI<br></p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="c28d1e6a" > Having a complete overview of projects, open tasks, team occupancy, and profitability—it makes project management so much easier.</p> </div></div></div> </div> <div class="block-blockquote-carousel-avatars__item"> <div class="block-blockquote-carousel-avatars__item-inner"><div class="block-blockquote-carousel-avatars-item js-bca-item" data-id="7be4b4cb"> <div class="block-blockquote-carousel-avatars-item__image-container"> <picture class="image block-blockquote-carousel-avatars-item__image-picture" data-id="42150820" > <img src="https://website-assets.productive.io/uploads/2024/05/Kate-Higham-Born-Social-Productive.webp" class="image image__img block-blockquote-carousel-avatars-item__image-img" alt="" loading="lazy" /> </picture> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="block-blockquote-carousel-avatars-item__progressbar"> <path pathLength="1000" d="M98.5 50C98.5 76.7858 76.7858 98.5 50 98.5C23.2142 98.5 1.5 76.7858 1.5 50C1.5 23.2142 23.2142 1.5 50 1.5C76.7858 1.5 98.5 23.2142 98.5 50Z" stroke-width="3" stroke-linecap="round" stroke="var(--blockquote-carousel-avatars-item-progressbar-color, var(--global-colors-indigo))" class="block-blockquote-carousel-avatars-item__progressbar-circle js-bca-progress-circle" /> </svg> </div> <div class="card-simple blockquote__card-simple block-blockquote-carousel-avatars-item__blockquote blockquote" data-id="385b9300"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="86dc8562" > <i class="card-simple__top-icon-elem" data-name="blockquote-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20zm-6-24a1 1 0 011-1h7.174a1 1 0 011 1v7.368c0 2.576-.69 4.705-2.073 6.385-1.36 1.68-3.351 2.879-5.976 3.596l-1.09-3.159c.89-.291 1.629-.594 2.215-.907.585-.337 1.054-.706 1.406-1.11.351-.425.597-.907.738-1.444.14-.538.21-1.165.21-1.882H15a1 1 0 01-1-1V16zm11.985 1.53a1 1 0 011-1h5.963a1 1 0 011 1v6.596c0 2.34-.6 4.272-1.8 5.798-1.18 1.525-2.909 2.614-5.187 3.264l-.946-2.868c.773-.264 1.414-.539 1.922-.823.509-.305.916-.641 1.221-1.007.305-.387.519-.824.64-1.312.123-.489.184-1.058.184-1.709h-2.997a1 1 0 01-1-1v-6.94z' fill='currentColor'/></svg> </i> </div><p class="typography card-simple__intro js-bca-blockquote-intro" data-id="043ee10a" > KATE HIGHAM<br>HEAD OF OPERATIONS,<br>BORNSOCIAL</p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="13e10d20" > Productive has played a key role in how we plan resourcing and hiring—really fueling that growth for us.</p> </div></div></div> </div> <div class="block-blockquote-carousel-avatars__item"> <div class="block-blockquote-carousel-avatars__item-inner"><div class="block-blockquote-carousel-avatars-item js-bca-item" data-id="0b5ee98b"> <div class="block-blockquote-carousel-avatars-item__image-container"> <picture class="image block-blockquote-carousel-avatars-item__image-picture" data-id="9fc1b8f9" > <img src="https://website-assets.productive.io/uploads/2024/05/Miles-Scott-Akcelo.webp" class="image image__img block-blockquote-carousel-avatars-item__image-img" alt="" loading="lazy" /> </picture> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="block-blockquote-carousel-avatars-item__progressbar"> <path pathLength="1000" d="M98.5 50C98.5 76.7858 76.7858 98.5 50 98.5C23.2142 98.5 1.5 76.7858 1.5 50C1.5 23.2142 23.2142 1.5 50 1.5C76.7858 1.5 98.5 23.2142 98.5 50Z" stroke-width="3" stroke-linecap="round" stroke="var(--blockquote-carousel-avatars-item-progressbar-color, var(--global-colors-indigo))" class="block-blockquote-carousel-avatars-item__progressbar-circle js-bca-progress-circle" /> </svg> </div> <div class="card-simple blockquote__card-simple block-blockquote-carousel-avatars-item__blockquote blockquote" data-id="b68df858"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="d27d6daa" > <i class="card-simple__top-icon-elem" data-name="blockquote-40"> <svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20zm-6-24a1 1 0 011-1h7.174a1 1 0 011 1v7.368c0 2.576-.69 4.705-2.073 6.385-1.36 1.68-3.351 2.879-5.976 3.596l-1.09-3.159c.89-.291 1.629-.594 2.215-.907.585-.337 1.054-.706 1.406-1.11.351-.425.597-.907.738-1.444.14-.538.21-1.165.21-1.882H15a1 1 0 01-1-1V16zm11.985 1.53a1 1 0 011-1h5.963a1 1 0 011 1v6.596c0 2.34-.6 4.272-1.8 5.798-1.18 1.525-2.909 2.614-5.187 3.264l-.946-2.868c.773-.264 1.414-.539 1.922-.823.509-.305.916-.641 1.221-1.007.305-.387.519-.824.64-1.312.123-.489.184-1.058.184-1.709h-2.997a1 1 0 01-1-1v-6.94z' fill='currentColor'/></svg> </i> </div><p class="typography card-simple__intro js-bca-blockquote-intro" data-id="9433f843" > MILES SCOTT<br>COO,<br>AKCELO<br></p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="217aef71" > The reporting in Productive isn’t like anything I’ve ever seen in any other system. It’s extremely powerful.</p> </div></div></div> </div> </div> <p class="typography js-bca-person-info-mobile block-blockquote-carousel-avatars__person-info-mobile" data-id="ab2bd667" > </p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d2873af8" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="9c2168df"> <div class="block-column" data-id="6e91fdd1"> <div class="wrapper wrapper--simple" data-id="0a7d4e17" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="84499e28"> <h2 class="typography block-heading__heading" data-id="101d7b36" > Frequently Asked Questions</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4c4768f9" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="8da4b3d0" > <p class="typography block-paragraph__paragraph" data-id="5e83a234" > Haven’t found what you’re looking for?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="be4499ee" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="671ce1b4"> <button name="" class="btn btn__as-link btn__type--primary block-button__btn js-contact-button" id="" aria-label="" data-id="7cf72405" > <p class="typography btn__label js-button-label" data-id="8d73922e" > Contact us</p><div aria-hidden="true" class="icon btn__icon" data-id="280f2fe1" > <i class="btn__icon-elem" data-name="arrow-right-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M0 8h14M8.678 13.36L14 8 8.678 2.64' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </button></div> </div> </div> </div> <div class="block-column" data-id="d766c197"> <div class="wrapper wrapper--simple" data-id="1a3420e5" > <div class="wrapper__skip-dom"> <div class="block-accordion" data-id="c6b00d79"> <div class="block-accordion-item" data-id="6ab5dc3f"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="17c371ee" > <button class="accordion__trigger js-accordion-trigger" aria-label="Is there a limit to the number of projects, tasks, clients and budgets we can add in Productive?" aria-controls > <p class="typography accordion__typography" data-id="23b57e79" > Is there a limit to the number of projects, tasks, clients and budgets we can add in Productive?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="35280025" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="22b5cae6" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="05a904bd" > <p class="typography block-paragraph__paragraph" data-id="29d0f946" > No, there are no limits to projects, tasks, clients, or budgets in Productive—you only pay for your employees and contractors that use it.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="1f69f958"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="01007e8f" > <button class="accordion__trigger js-accordion-trigger" aria-label="Is there a minimum number of users I can add in Productive?" aria-controls > <p class="typography accordion__typography" data-id="4f62b513" > Is there a minimum number of users I can add in Productive?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="716c0d9c" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="87c5ab12" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="95ed68ca" > <p class="typography block-paragraph__paragraph" data-id="43f5c707" > The minimum number of users in a Productive account is one user.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="49c85085"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="3d7c35d8" > <button class="accordion__trigger js-accordion-trigger" aria-label="I want to invite my clients to Productive, do I need to buy seats for them, too?" aria-controls > <p class="typography accordion__typography" data-id="24b53123" > I want to invite my clients to Productive, do I need to buy seats for them, too?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="a10cdc91" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="a961fec3" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="2b353fc1" > <p class="typography block-paragraph__paragraph" data-id="7b86450f" > No, you will not be charged additional fees for clients. Adding clients to Productive is free of charge. You can invite them to your projects and make communication easier and more organized while also giving them the ability to check out progress in real time.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="54e25cf2"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="4211b6cc" > <button class="accordion__trigger js-accordion-trigger" aria-label="Can I invite freelancers or contractors to Productive?" aria-controls > <p class="typography accordion__typography" data-id="5f480d10" > Can I invite freelancers or contractors to Productive?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="8b50624f" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="15153505" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="47e004fd" > <p class="typography block-paragraph__paragraph" data-id="5c4362a0" > Yes, you can add them, they’ll be able to collaborate with you and track time on projects. They’ll be charged the same price as employees.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="3a570247"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="8075e30e" > <button class="accordion__trigger js-accordion-trigger" aria-label="Do you have discounts for education, nonprofits or charities?" aria-controls > <p class="typography accordion__typography" data-id="1cda2a2e" > Do you have discounts for education, nonprofits or charities?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="70d7a594" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="a8296d88" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="6dae95c1" > <p class="typography block-paragraph__paragraph" data-id="269ae101" > We believe in giving back. That’s why we give free accounts to teachers and students. Non-profits and charities also get 50% off on all subscriptions. Contact us to learn more.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="638d8255"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="b2af0b99" > <button class="accordion__trigger js-accordion-trigger" aria-label="What happens to my credit card information?" aria-controls > <p class="typography accordion__typography" data-id="0ed4dc41" > What happens to my credit card information?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="d96f6185" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="c9ed81a8" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="b70a8b47" > <p class="typography block-paragraph__paragraph" data-id="4e1962a8" > We don’t store your credit info nor do your credit card numbers pass through our servers at any time. We use <a href="https://stripe.com/" target="_blank" rel="noreferrer noopener">Stripe</a> as our credit card processor. Card information storage, transmission, and processing are completely PCI-Compliant. Every transaction is processed with the same high-level secure encryption just as in a bank. </p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="9f6473c3"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="79042994" > <button class="accordion__trigger js-accordion-trigger" aria-label="Can I pay by invoice?" aria-controls > <p class="typography accordion__typography" data-id="a9eea99e" > Can I pay by invoice?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="23c2e3f6" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="6ef2a6f5" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="10719f2f" > <p class="typography block-paragraph__paragraph" data-id="f01bb574" > If you’d like to pay by wire transfer, this option is available for annual subscriptions. However, you need to place a minimum order of 10 user seats to pay by wire transfer. Send an email to <a href="mailto:contact@staging.productive.io">contact@productive.io</a> for more information.</p></div> </div> </div> </div> </section> </div></div> <div class="block-accordion-item" data-id="ecef0819"> <div class="accordion block-accordion-item__accordion js-accordion" data-accordion-open="false" data-id="e9657e04" > <button class="accordion__trigger js-accordion-trigger" aria-label="I have other questions! Who can help me?" aria-controls > <p class="typography accordion__typography" data-id="d14f8bbe" > I have other questions! Who can help me?</p> <div class="accordion__icon" aria-hidden="true" > <div aria-hidden="true" class="icon accordion__icon" data-id="c411500a" > <i class="accordion__icon-elem" data-name="chevron-down-16"> <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.64 5.678L8 11l5.36-5.322' fill='none' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> </button> <section class="accordion__panel js-accordion-panel" aria-hidden="true" > <div class="accordion__content"> <div class="wrapper wrapper--simple" data-id="fb9587a8" > <div class="wrapper__inner"> <div class="block-paragraph" data-id="81d86d9a" > <p class="typography block-paragraph__paragraph" data-id="462b0b88" > Our support team (not robots) is at your disposal to answer any questions you might have. Contact them via the help bubble inside Productive or at <a href="mailto:sales@productive.io">sales@productive.io</a>.</p></div> </div> </div> </div> </section> </div></div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="89f8679c" > <div class="wrapper__inner"> <div class="block-cta-form"> <div class="cta-form" data-id="f34704d1"> <div class="cta-form__heading"> <h2 class="typography cta-form__title" data-id="68aa8677" > Achieve Your Agency’s <strong>True Potential</strong></h2> </div> <div class="cta-form__paragraph"> <p class="typography cta-form__description" data-id="4cdee935" > Switch from multiple tools and spreadsheets to one scalable agency management system.</p> </div> <div class="cta-form__form pill-inputs xl-fields white-labels white-help-text submit-green"> <style id='esFormsCssVariables-global'>:root {--global-custom-blocks-name: eightshift-block;--global-es-max-cols: 12;--global-esf-spacing-xs: 0.25rem;--global-esf-spacing-s: 0.5rem;--global-esf-spacing-m: 1rem;--global-esf-spacing-l: 1.5rem;--global-esf-spacing-xl: 2rem;--global-esf-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);--global-esf-box-shadow: 0 0 0.5rem rgb(0 0 0 / 0.04);--global-esf-box-shadow-l: 0 0 0.125rem rgb(0 0 0 / 0.16), 0 0 0.5rem rgb(0 0 0 / 0.16);--global-esf-max-width: 36rem;--global-esf-input-height: 2.625rem;--global-breakpoints-mobile: 480;--global-breakpoints-tablet: 960;--global-breakpoints-desktop: 1920;--global-breakpoints-large: 1921;--global-colors-esf-admin-accent: #29A3A3;--global-colors-esf-admin-accent-values: 41 163 163;--global-colors-esf-admin-accent-50: #29A3A380;--global-colors-esf-admin-accent-50-values: 0 0 0;--global-colors-esf-admin-accent-30: #29a3a333;--global-colors-esf-admin-accent-30-values: 0 0 0;--global-colors-esf-admin-accent-10: #29A3A31A;--global-colors-esf-admin-accent-10-values: 0 0 0;--global-colors-esf-admin-accent-05: #29A3A30D;--global-colors-esf-admin-accent-05-values: 0 0 0;--global-colors-esf-admin-accent-dark: #218282;--global-colors-esf-admin-accent-dark-values: 33 130 130;--global-colors-esf-border: #DEDEDE;--global-colors-esf-border-values: 222 222 222;--global-colors-esf-black: #181818;--global-colors-esf-black-values: 24 24 24;--global-colors-esf-white: #FFFFFF;--global-colors-esf-white-values: 255 255 255;--global-colors-esf-gray: #484848;--global-colors-esf-gray-values: 72 72 72;--global-colors-esf-yellow-50: #FFFBEB;--global-colors-esf-yellow-50-values: 255 251 235;--global-colors-esf-yellow-100: #FEF3C7;--global-colors-esf-yellow-100-values: 254 243 199;--global-colors-esf-yellow-200: #FDE68A;--global-colors-esf-yellow-200-values: 253 230 138;--global-colors-esf-yellow-500: #EAB308;--global-colors-esf-yellow-500-values: 234 179 8;--global-colors-esf-yellow-950: #451A03;--global-colors-esf-yellow-950-values: 69 26 3;--global-colors-esf-sky-50: #F0F9FF;--global-colors-esf-sky-50-values: 240 249 255;--global-colors-esf-sky-100: #E0F2FE;--global-colors-esf-sky-100-values: 224 242 254;--global-colors-esf-sky-200: #BAE6FD;--global-colors-esf-sky-200-values: 186 230 253;--global-colors-esf-sky-500: #0EA5E9;--global-colors-esf-sky-500-values: 14 165 233;--global-colors-esf-sky-950: #082F49;--global-colors-esf-sky-950-values: 8 47 73;--global-colors-esf-gray-50: #F9FAFB;--global-colors-esf-gray-50-values: 249 250 251;--global-colors-esf-gray-100: #F3F4F6;--global-colors-esf-gray-100-values: 243 244 246;--global-colors-esf-gray-200: #E5E7EB;--global-colors-esf-gray-200-values: 229 231 235;--global-colors-esf-gray-300: #D1D5DB;--global-colors-esf-gray-300-values: 209 213 219;--global-colors-esf-gray-400: #9CA3AF;--global-colors-esf-gray-400-values: 156 163 175;--global-colors-esf-gray-500: #6B7280;--global-colors-esf-gray-500-values: 107 114 128;--global-colors-esf-gray-600: #4B5563;--global-colors-esf-gray-600-values: 75 85 99;--global-colors-esf-gray-950: #030712;--global-colors-esf-gray-950-values: 3 7 18;--global-colors-esf-red-50: #FEF2F2;--global-colors-esf-red-50-values: 254 242 242;--global-colors-esf-red-100: #FEE2E2;--global-colors-esf-red-100-values: 254 226 226;--global-colors-esf-red-200: #FECACA;--global-colors-esf-red-200-values: 254 202 202;--global-colors-esf-red-500: #EF4444;--global-colors-esf-red-500-values: 239 68 68;--global-colors-esf-red-400: #F87171;--global-colors-esf-red-400-values: 248 113 113;--global-colors-esf-red-600: #DC2626;--global-colors-esf-red-600-values: 220 38 38;--global-colors-esf-red-800: #991B1B;--global-colors-esf-red-800-values: 153 27 27;--global-colors-esf-red-950: #450A0A;--global-colors-esf-red-950-values: 69 10 10;--global-colors-esf-green-50: #F0FDF4;--global-colors-esf-green-50-values: 240 253 244;--global-colors-esf-green-100: #DCFCE7;--global-colors-esf-green-100-values: 220 252 231;--global-colors-esf-green-200: #BBF7D0;--global-colors-esf-green-200-values: 187 247 208;--global-colors-esf-green-500: #22C55E;--global-colors-esf-green-500-values: 34 197 94;--global-colors-esf-green-950: #052E16;--global-colors-esf-green-950-values: 5 46 22;}</style> <div class="es-block-forms js-es-block-forms productive_gtm_Click_Page_CTA_Email_1 es-block-forms--gtm-event-try-productive" > <form class="es-form js-es-block-form" data-phone-sync='1' data-phone-disable-picker='1' data-form-id='24658' data-post-id='655' data-form-type='hubspot' data-conditional-tags='[]' method='post' data-block-ssr='false' data-disabled-default-styles='true' novalidate onsubmit="event.preventDefault();" > <div class="es-global-msg js-es-block-global-msg" > </div> <div class="es-form__fields"> <div class="es-field es-field--input js-es-block-field" data-id="9648a990" data-hubspot-type-id='0-1' data-field-name='email' data-field-type='input' data-type-custom='email' data-tracking='email'> <div class="es-field__inner"> <div class="es-field__content"> <div class="es-field__content-wrap"> <input class="es-input" name="email" id="email" type="email" placeholder='Enter your work email' /> </div> <div class="es-field__after-content"> Free 14-day trial. Cancel anytime. </div> </div> <div class="es-error es-field__es-error js-es-block-error" data-id="email" ></div> </div> </div><div class="es-field es-field--submit js-es-block-field" data-id="01ec69e1" data-field-type='submit'> <div class="es-field__inner"> <div class="es-field__content"> <div class="es-field__content-wrap"> <button class="es-submit es-submit--default" ><span class="es-submit__inner"> Start free trial</span></button> </div> </div> </div> </div> </div> <div class="es-loader js-es-block-loader es-loader__form"> <svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'><g fill='none' fill-rule='evenodd' stroke-width='2'><circle cx='22' cy='22' r='1' stroke='var(--loader-color-1, currentColor)'><animate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle><circle cx='22' cy='22' r='1' stroke='var(--loader-color-2, currentColor)'><animate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle></g></svg></div></form><div class="es-loader js-es-block-loader es-loader__geolocation"> <svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'><g fill='none' fill-rule='evenodd' stroke-width='2'><circle cx='22' cy='22' r='1' stroke='var(--loader-color-1, currentColor)'><animate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle><circle cx='22' cy='22' r='1' stroke='var(--loader-color-2, currentColor)'><animate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle></g></svg></div></div> <style id='esFormsCssVariables'>.es-field[data-id='9648a990']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='01ec69e1']{--es-field-width: calc((12 / 12) * 100%);} </style> </div> </div></div> </div> </div> </main> <div data-wpr-lazyrender="1" class="layout footer-partial"> <div class="layout__main footer-partial__main"> <div class="layout__main-inner footer-partial__main-inner"> <div class="wrapper wrapper--simple" data-id="e28bf467" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="44c2e247"> <div class="block-column" data-id="f7f2bbdc"> <div class="wrapper wrapper--simple" data-id="ec674d3f" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="e7e7caa6" > <picture class="image media__image-picture" data-id="1b2d2fb5" > <img src="https://website-assets-staging.productive.io/uploads/2021/05/logo.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> <div class="block-column" data-id="ba703fc9"> <div class="wrapper wrapper--simple" data-id="f9084dfa" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="97ffd14d" > <p class="typography block-paragraph__paragraph" data-id="d71e2c34" > <strong>COMPANY</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2a982681" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5d27c80a"> <a href="https://productive.io/about-us/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="94bee28a" > <p class="typography btn__label js-button-label" data-id="dd7a9bcc" > About us</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="17b7a452" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="1b9264a2"> <a href="https://productive.io/careers/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="617d0cb8" > <p class="typography btn__label js-button-label" data-id="1a75c2e8" > Careers</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b561dea4" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="58d00191"> <a href="https://productive.io/engineering/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="09dbf811" > <p class="typography btn__label js-button-label" data-id="5a3a6c8b" > Building Productive</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1052cc83" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a4e1d419"> <a href="https://productive.io/brand-guidelines/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="1002770a" > <p class="typography btn__label js-button-label" data-id="7c020ca3" > Brand Guidelines</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="381ca39c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="b6ac7868" > <p class="typography block-paragraph__paragraph" data-id="a7acf170" > <strong>SUPPORT</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d3505b68" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8a6807c6"> <a href="https://developer.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f2bc8f29" > <p class="typography btn__label js-button-label" data-id="974c986c" > API docs</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="49234586" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="110c8b29"> <a href="https://productive.io/trust/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="266fbd07" > <p class="typography btn__label js-button-label" data-id="fbd1efca" > Trust Center</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ae6c01de" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="ea1e6390"> <a href="https://status.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="bdd04c02" > <p class="typography btn__label js-button-label" data-id="86ab6dfa" > Uptime</p> </a></div> </div> </div> </div> <div class="block-column" data-id="627b42b8"> <div class="wrapper wrapper--simple" data-id="b552eca6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="ad59a757" > <p class="typography block-paragraph__paragraph" data-id="856257ce" > <strong>PRODUCTIVE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="28642556" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="c5b3778a"> <a href="https://productive.io/pricing/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="76d8e08f" > <p class="typography btn__label js-button-label" data-id="60e64fd3" > Pricing</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="c5ef9cfe" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e96113a0"> <a href="https://productive.io/apps/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="4a0d7d6f" > <p class="typography btn__label js-button-label" data-id="32a6930f" > Apps</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f78e31be" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="2700ed36"> <a href="https://productive.io/integrations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="442eae7c" > <p class="typography btn__label js-button-label" data-id="0c1a0b45" > Integrations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f78bcf18" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="16ee537e"> <a href="https://productive.io/automations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9920a719" > <p class="typography btn__label js-button-label" data-id="a37d4f23" > Automations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b61eb57d" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e5a33675"> <a href="https://productive.io/permission-builder/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0791fd0e" > <p class="typography btn__label js-button-label" data-id="cca1dd99" > Permission and User Access</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="01e7cb64" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="575d57be"> <a href="https://productive.io/roadmap/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ef655594" > <p class="typography btn__label js-button-label" data-id="a7d5bcc5" > Roadmap</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="5d702893" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="b08b78d9"> <a href="https://app.productive.io/?source_type=website&source_action=footer&source_cta=link" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="34d1c83a" > <p class="typography btn__label js-button-label" data-id="ce146853" > Login</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="59337556" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="98dc6051" > <p class="typography block-paragraph__paragraph" data-id="41b06d7f" > <strong>USE CASES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="94dbc8f2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4949c1cd"> <a href="https://productive.io/use-cases/software-development/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="87b46549" > <p class="typography btn__label js-button-label" data-id="bb8d907a" > Software Development</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="446d4ab5" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0a9d6f14"> <a href="https://productive.io/use-cases/marketing-agency/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ed792894" > <p class="typography btn__label js-button-label" data-id="6e61c653" > Marketing Agency</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d2406af2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6f78685b"> <a href="https://productive.io/use-cases/consulting/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9a34f5f4" > <p class="typography btn__label js-button-label" data-id="58ff3710" > Business Consultancy</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0673459b" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="678a3bbe"> <a href="https://productive.io/use-cases/design-studio/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ae4cf7a7" > <p class="typography btn__label js-button-label" data-id="cc6532a4" > Design Studio</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="63d27a08" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="80b52bec"> <a href="https://productive.io/use-cases/in-house-team/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="6cc11c5a" > <p class="typography btn__label js-button-label" data-id="a51c0c80" > In-house Team</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a1761e88" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="11219730"> <a href="https://productive.io/customer-stories/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3bbcb47b" > <p class="typography btn__label js-button-label" data-id="8ceea699" > Customer Stories</p> </a></div> </div> </div> </div> <div class="block-column" data-id="5cd20bae"> <div class="wrapper wrapper--simple" data-id="70b398f5" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="d9f8cdbd" > <p class="typography block-paragraph__paragraph" data-id="57485da4" > <strong>RESOURCES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="74b41db2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="53f135e0"> <a href="https://productive.io/blog/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d28b993a" > <p class="typography btn__label js-button-label" data-id="420fe14a" > Blog</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3c18c745" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="80bbd4d2"> <a href="https://help.productive.io/en/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="56da08b1" > <p class="typography btn__label js-button-label" data-id="cc7d533c" > Help</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7386bfa7" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0cf25b06"> <a href="https://productive.io/resources/end-to-end-agency-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0c41b616" > <p class="typography btn__label js-button-label" data-id="50ff2210" > End-to-end Agency Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="05113505" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f072045e"> <a href="https://productive.io/book/agency-resource-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0b91fe88" > <p class="typography btn__label js-button-label" data-id="cacd0eae" > Agency Resource Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="fe3ac1b9" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="19b134ea"> <a href="https://productive.io/whats-new/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f305da7d" > <p class="typography btn__label js-button-label" data-id="0c805747" > Product Updates</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="44dde755" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="35f1a83d"> <a href="https://productive.io/bold/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="11b921d2" > <p class="typography btn__label js-button-label" data-id="5ba105ec" > The Bold Community</p> </a></div> </div> </div> </div> <div class="block-column" data-id="9be1724e"> <div class="wrapper wrapper--simple" data-id="34ea53e0" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="91853b76" > <p class="typography block-paragraph__paragraph" data-id="95245f68" > <strong>COMPARE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="752d6c23" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="23469091"> <a href="https://productive.io/blog/workflowmax-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9d0dd645" > <p class="typography btn__label js-button-label" data-id="2e0b93e4" > Workflowmax</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d722bde1" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="db55ec6c"> <a href="https://productive.io/blog/harvest-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ad3c80bf" > <p class="typography btn__label js-button-label" data-id="58c5996b" > Harvest</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a0523f45" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8a90a378"> <a href="https://productive.io/blog/scoro-alternatives" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="1f599e5d" > <p class="typography btn__label js-button-label" data-id="4fc43a60" > Scoro</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8cc06631" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="aa5856c1"> <a href="https://productive.io/blog/mavenlink-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0e5152fe" > <p class="typography btn__label js-button-label" data-id="2347001e" > Kantata</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7aff6773" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="3f301b5b"> <a href="https://productive.io/blog/teamwork-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="cca00921" > <p class="typography btn__label js-button-label" data-id="79f9c11e" > Teamwork</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7005029e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="47ba51d4"> <a href="https://productive.io/blog/accelo-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="2ff461e5" > <p class="typography btn__label js-button-label" data-id="7a8c27ea" > Accelo</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e0a5cf23" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="19d7c0d0"> <a href="https://productive.io/blog/bigtime-alternative/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e8aa37e6" > <p class="typography btn__label js-button-label" data-id="c5df32d1" > BigTime</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="945cd434" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="d989f658"> <a href="https://productive.io/blog/avaza-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="34ac5977" > <p class="typography btn__label js-button-label" data-id="68172dc4" > Avaza</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="64bc06a9" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e63d30ce"> <a href="https://productive.io/blog/clickup-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="fdb0d447" > <p class="typography btn__label js-button-label" data-id="f565fa08" > Clickup</p> </a></div> </div> </div> </div> <div class="block-column" data-id="08d2ccf0"> <div class="wrapper wrapper--simple" data-id="37babebe" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="30ddab7e" > <p class="typography block-paragraph__paragraph" data-id="8a47975b" > <strong>TOP GUIDES & TOOLS</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="566ad77c" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="9e026ad9"> <a href="https://productive.io/blog/resource-planning-guide/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="03c3b7fa" > <p class="typography btn__label js-button-label" data-id="faef01d6" > Resource Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4f3bdb29" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="b68538e6"> <a href="https://productive.io/blog/capacity-planning-guide/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="520d2f75" > <p class="typography btn__label js-button-label" data-id="80802f3e" > Capacity Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6ecbe593" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="7d00bde5"> <a href="https://productive.io/blog/workforce-planning/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="7d50b9b1" > <p class="typography btn__label js-button-label" data-id="66065c82" > Workforce Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a2ee025a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="48f4fd40"> <a href="https://productive.io/blog/workload-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="97c9c325" > <p class="typography btn__label js-button-label" data-id="2c256c50" > Workload Management Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e3a8584b" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="de9ce15c"> <a href="https://productive.io/blog/billable-hours-guide/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f7c90518" > <p class="typography btn__label js-button-label" data-id="4a961f6e" > Billable Hours Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="08b8caee" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6d238cc9"> <a href="https://productive.io/blog/project-budget-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="b1affd25" > <p class="typography btn__label js-button-label" data-id="44e1b4e2" > Project Budget Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e116741e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="99289528"> <a href="https://productive.io/blog/revenue-operations-revops/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ff638910" > <p class="typography btn__label js-button-label" data-id="96dd0dd4" > Revenue Operations Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="92c652a2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="2e29aa10"> <a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="23cef70b" > <p class="typography btn__label js-button-label" data-id="da178a76" > Agency Valuation Calculator</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d1efb130" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="3d59fd99"> <a href="https://productive.io/billable-hours-calculator/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="002eea8c" > <p class="typography btn__label js-button-label" data-id="433e5019" > Billable Hours Calculator</p> </a></div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="24c3aa68" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="980f0f7d"> <div class="block-column" data-id="3d0e61ee"> <div class="wrapper wrapper--simple" data-id="605cc36b" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="3e4201ef" > <picture class="image media__image-picture" data-id="5a23eafa" > <img src="https://website-assets-staging.productive.io/uploads/2021/05/productive-logo-white.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="df4f8e09" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="8bfb1184"> <div class="block-column" data-id="671ef93a"> <div class="wrapper wrapper--simple" data-id="9a7fc2f5" > <div class="wrapper__skip-dom"> <div class="block-flex" data-id="5a93c6d5"> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="5fd0a24b" href=https://www.facebook.com/productiveio/ target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-icon__icon-elem" data-name="facebook-24"> <svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='m22 11.9941c0-5.52239-4.4776-9.99996-10-9.99996-5.52243 0-10 4.47757-10 9.99996 0 4.9909 3.65631 9.1282 8.4376 9.8791v-6.9878h-2.5397v-2.8913h2.5397v-2.20359c0-2.50597 1.4935-3.89115 3.7773-3.89115 1.0941 0 2.2388.19547 2.2388.19547v2.46098h-1.2615c-1.2417 0-1.6298.77063-1.6298 1.56239v1.8759h2.7731l-.4429 2.8913h-2.3302v6.9878c4.7813-.7495 8.4376-4.8868 8.4376-9.8791z' fill='currentColor'/></svg> </i> </div> </a> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="76e0a2e5" href=https://www.linkedin.com/company/productive-io/ target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-icon__icon-elem" data-name="linkedin-24"> <svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m21 5c0-1.10457-.8954-2-2-2h-14c-1.10457 0-2 .89543-2 2v14c0 1.1046.89543 2 2 2h14c1.1046 0 2-.8954 2-2zm-2.5 8.2v5.3h-2.79v-4.93c0-.7732-.6268-1.4-1.4-1.4-.77 0-1.39.63-1.39 1.4v4.93h-2.79v-8.37h2.79v1.11c.48-.78 1.47-1.3 2.32-1.3 1.8004 0 3.26 1.4596 3.26 3.26zm-11.62-4.64c.92784 0 1.68-.75216 1.68-1.68 0-.93-.75-1.69-1.68-1.69-.93336 0-1.69.75664-1.69 1.69 0 .93.76 1.68 1.69 1.68zm1.39 1.57v8.37h-2.77v-8.37z' fill='currentColor' fill-rule='evenodd'/></svg> </i> </div> </a> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="8a461165" href=https://www.instagram.com/productive.io target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-icon__icon-elem" data-name="instagram-24"> <svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m7.8 2h8.4c3.2 0 5.8 2.6 5.8 5.8v8.4c0 3.2033-2.5967 5.8-5.8 5.8h-8.4c-3.2 0-5.8-2.6-5.8-5.8v-8.4c0-3.20325 2.59675-5.8 5.8-5.8zm-.2 2c-1.98823 0-3.6 1.61177-3.6 3.6v8.8c0 1.99 1.61 3.6 3.6 3.6h8.8c1.9882 0 3.6-1.6118 3.6-3.6v-8.8c0-1.99-1.61-3.6-3.6-3.6zm10.9 2.75c0-.69036-.5596-1.25-1.25-1.25s-1.25.55964-1.25 1.25.5596 1.25 1.25 1.25 1.25-.55964 1.25-1.25zm-6.5.25c2.7614 0 5 2.23858 5 5 0 2.7614-2.2386 5-5 5-2.76142 0-5-2.2386-5-5 0-2.76142 2.23858-5 5-5zm-3 5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3-1.3431 3-3 3-3-1.3431-3-3z' fill='currentColor' fill-rule='evenodd'/></svg> </i> </div> </a> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="76b4a3d2" href=https://www.youtube.com/@productive_io target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-icon__icon-elem" data-name="youtube-24"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5552 18.983L8.69953 18.9125C7.45116 18.8879 6.19967 18.9369 4.97578 18.6824C3.11395 18.302 2.98205 16.4371 2.84403 14.8727C2.65385 12.6735 2.72748 10.4343 3.08636 8.25343C3.28896 7.02972 4.08628 6.29953 5.31931 6.22007C9.48169 5.9317 13.6718 5.96587 17.8249 6.10041C18.2635 6.11274 18.7052 6.18015 19.1377 6.25688C21.2726 6.63111 21.3247 8.7445 21.4631 10.5236C21.6011 12.321 21.5428 14.1277 21.279 15.9129C21.0674 17.391 20.6625 18.6305 18.9536 18.7501C16.8126 18.9066 14.7206 19.0326 12.5735 18.9925C12.5736 18.983 12.5613 18.983 12.5552 18.983ZM10.2884 15.2409C11.9019 14.3145 13.4846 13.4035 15.0888 12.4833C13.4724 11.5569 11.8927 10.646 10.2884 9.72578V15.2409Z' fill='currentColor'/></svg> </i> </div> </a> </div> </div> </div> </div> <div class="block-column" data-id="751a28a2"> <div class="wrapper wrapper--simple" data-id="95b76f89" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="f8537d13" > <p class="typography block-paragraph__paragraph" data-id="8a50dcad" > © The Productive Company Inc.<br></p></div> </div> </div> </div> <div class="block-column" data-id="7343b33b"> <div class="wrapper wrapper--simple" data-id="8be46866" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="50922a8a" > <picture class="image media__image-picture" data-id="3ee2bf0e" > <img src="https://website-assets.productive.io/uploads/2021/05/21972-312_SOC_NonCPA.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> <div class="block-column" data-id="8c8b105d"> <div class="block-flex" data-id="ae2b9e2d"> <div class="block-button block-button--link" data-id="89d59504"> <a href="https://productive.io/trust/privacy-policy/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d466b743" > <p class="typography btn__label js-button-label" data-id="b1c55311" > Privacy Policy</p> </a></div> <div class="block-button block-button--link" data-id="dafe3c74"> <a href="https://productive.io/trust/privacy-and-terms/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a908f91b" > <p class="typography btn__label js-button-label" data-id="0c048b42" > Terms & Conditions</p> </a></div> </div> </div> </div> </div> </div> </div> </div> </div><div class="gdpr-modal__backdrop js-gdpr-modal-backdrop"></div> <div class="gdpr-modal js-gdpr-modal" data-modal="gdpr"> <div class="gdpr-modal__container"> <div class="gdpr-modal__content gdpr-modal__content--advance js-gdpr-modal-screen-advance"> <div class="gdpr-modal__header"> <p class="typography gdpr-modal__heading gdpr-modal__title" data-id="6204096d" > We need your consent to continue</p> <i class="gdpr-modal__close js-gdpr-modal-hide-advance"></i> </div> <div class="gdpr-modal__body"> <div class="gdpr-modal__level"> <div class="gdpr-modal__level-content"> <h3 class="typography gdpr-modal__heading gdpr-modal__selection-item-title" data-id="49863577" > Necessary cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="cb2e5119" > Cookies for the basic functionality of the Productive website.</p> </div> <div class="gdpr-modal__toggle"> <p class="typography gdpr-modal__paragraph" data-id="2093d9ec" > Always on</p> </div> </div> <div class="gdpr-modal__level"> <div class="gdpr-modal__level-content"> <h3 class="typography gdpr-modal__heading gdpr-modal__selection-item-title" data-id="0a918ed9" > Functional cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="44265e37" > Cookies for additional functionality and increased website security.</p> </div> <div class="gdpr-modal__toggle"> <div class="toggle gdpr-modal__toggle js-gdpr-modal-toggle" data-id="8e4f1c8b"> <label class="toggle__label"> <input name="" class="toggle__checkbox js-gdpr-modal-toggle-input js-gdpr-modal-toggle-input-functional" value="functional" type="checkbox" data-level=1 /> <span class="toggle__background"></span> <span class="toggle__toggle-circle"></span> <span class="toggle__hidden-label"></span> </label> </div> </div> </div> <div class="gdpr-modal__level"> <div class="gdpr-modal__level-content"> <h3 class="typography gdpr-modal__heading gdpr-modal__selection-item-title" data-id="ae0a7f37" > Targeting cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="ec01b4b9" > Advertising and analytics service cookies that create day-to-day statistics and show ads on their site and on the advertiser’s partners websites.</p> </div> <div class="gdpr-modal__toggle"> <div class="toggle gdpr-modal__toggle js-gdpr-modal-toggle" data-id="0d7d1a57"> <label class="toggle__label"> <input name="" class="toggle__checkbox js-gdpr-modal-toggle-input js-gdpr-modal-toggle-input-marketing" value="marketing" type="checkbox" data-level=2 /> <span class="toggle__background"></span> <span class="toggle__toggle-circle"></span> <span class="toggle__hidden-label"></span> </label> </div> </div> </div> </div> <div class="gdpr-modal__description"> <div class="gdpr-modal__btn-container"> <button name="" class="btn btn__type--primary gdpr-modal__btn js-gdpr-modal__btn-advance js-gdpr-modal-btn js-gdpr-modal-btn-advance" id="" aria-label="" data-id="42ca6ac7" data-level=1 > <p class="typography btn__label js-gdpr-modal__btn-advance js-gdpr-modal-btn js-gdpr-modal-btn-advance js-button-label" data-id="834e6e6d" > Save changes</p> </button> </div> <div class="gdpr-modal__btn-container"> <a href="https://productive.io/trust/privacy-policy/" class="btn btn__as-link btn__type--primary gdpr-modal__btn" id="" aria-label="" data-id="c2d15141" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="e375a11a" > Privacy Policy</p> </a> </div> </div> </div> <div class="gdpr-modal__content gdpr-modal__content--basic js-gdpr-modal-screen-basic"> <span class="gdpr-modal__intro"> <p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="c298e144" > <a href="#" class="gdpr-modal__more-link js-gdpr-modal-show-advance"><strong>Manage cookies</strong></a> and help us deliver our services. By using our services, you agree to our use of cookies.</p> </span> <button name="" class="btn btn__type--primary gdpr-modal__btn js-gdpr-modal-btn" id="" aria-label="" data-id="e5cd2ccf" data-level=2 > <p class="typography btn__label js-gdpr-modal-btn js-button-label" data-id="f466771c" > I agree</p> </button> </div> </div> </div><div class="modal js-modal" id="trial-form-modal" aria-hidden="true" > <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-1-title"> <button class="modal__close" aria-label="Close modal" data-micromodal-close> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z' fill='currentColor' /></svg> </button> <main class="modal__content" id="trial-form-modal-content"> <div class="block-heading" data-id="9e7c3f99"> <h2 class="typography block-heading__heading" data-id="29a92e52" > Try Productive<br><strong>for free</strong></h2></div><div class="block-paragraph" data-id="386f7f2c" > <p class="typography block-paragraph__paragraph" data-id="5b4690f0" > Free 14-day trial. No credit card required.<br>Cancel any time.</p></div><style id='esFormsCssVariables-global'>:root {--global-custom-blocks-name: eightshift-block;--global-es-max-cols: 12;--global-esf-spacing-xs: 0.25rem;--global-esf-spacing-s: 0.5rem;--global-esf-spacing-m: 1rem;--global-esf-spacing-l: 1.5rem;--global-esf-spacing-xl: 2rem;--global-esf-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);--global-esf-box-shadow: 0 0 0.5rem rgb(0 0 0 / 0.04);--global-esf-box-shadow-l: 0 0 0.125rem rgb(0 0 0 / 0.16), 0 0 0.5rem rgb(0 0 0 / 0.16);--global-esf-max-width: 36rem;--global-esf-input-height: 2.625rem;--global-breakpoints-mobile: 480;--global-breakpoints-tablet: 960;--global-breakpoints-desktop: 1920;--global-breakpoints-large: 1921;--global-colors-esf-admin-accent: #29A3A3;--global-colors-esf-admin-accent-values: 41 163 163;--global-colors-esf-admin-accent-50: #29A3A380;--global-colors-esf-admin-accent-50-values: 0 0 0;--global-colors-esf-admin-accent-30: #29a3a333;--global-colors-esf-admin-accent-30-values: 0 0 0;--global-colors-esf-admin-accent-10: #29A3A31A;--global-colors-esf-admin-accent-10-values: 0 0 0;--global-colors-esf-admin-accent-05: #29A3A30D;--global-colors-esf-admin-accent-05-values: 0 0 0;--global-colors-esf-admin-accent-dark: #218282;--global-colors-esf-admin-accent-dark-values: 33 130 130;--global-colors-esf-border: #DEDEDE;--global-colors-esf-border-values: 222 222 222;--global-colors-esf-black: #181818;--global-colors-esf-black-values: 24 24 24;--global-colors-esf-white: #FFFFFF;--global-colors-esf-white-values: 255 255 255;--global-colors-esf-gray: #484848;--global-colors-esf-gray-values: 72 72 72;--global-colors-esf-yellow-50: #FFFBEB;--global-colors-esf-yellow-50-values: 255 251 235;--global-colors-esf-yellow-100: #FEF3C7;--global-colors-esf-yellow-100-values: 254 243 199;--global-colors-esf-yellow-200: #FDE68A;--global-colors-esf-yellow-200-values: 253 230 138;--global-colors-esf-yellow-500: #EAB308;--global-colors-esf-yellow-500-values: 234 179 8;--global-colors-esf-yellow-950: #451A03;--global-colors-esf-yellow-950-values: 69 26 3;--global-colors-esf-sky-50: #F0F9FF;--global-colors-esf-sky-50-values: 240 249 255;--global-colors-esf-sky-100: #E0F2FE;--global-colors-esf-sky-100-values: 224 242 254;--global-colors-esf-sky-200: #BAE6FD;--global-colors-esf-sky-200-values: 186 230 253;--global-colors-esf-sky-500: #0EA5E9;--global-colors-esf-sky-500-values: 14 165 233;--global-colors-esf-sky-950: #082F49;--global-colors-esf-sky-950-values: 8 47 73;--global-colors-esf-gray-50: #F9FAFB;--global-colors-esf-gray-50-values: 249 250 251;--global-colors-esf-gray-100: #F3F4F6;--global-colors-esf-gray-100-values: 243 244 246;--global-colors-esf-gray-200: #E5E7EB;--global-colors-esf-gray-200-values: 229 231 235;--global-colors-esf-gray-300: #D1D5DB;--global-colors-esf-gray-300-values: 209 213 219;--global-colors-esf-gray-400: #9CA3AF;--global-colors-esf-gray-400-values: 156 163 175;--global-colors-esf-gray-500: #6B7280;--global-colors-esf-gray-500-values: 107 114 128;--global-colors-esf-gray-600: #4B5563;--global-colors-esf-gray-600-values: 75 85 99;--global-colors-esf-gray-950: #030712;--global-colors-esf-gray-950-values: 3 7 18;--global-colors-esf-red-50: #FEF2F2;--global-colors-esf-red-50-values: 254 242 242;--global-colors-esf-red-100: #FEE2E2;--global-colors-esf-red-100-values: 254 226 226;--global-colors-esf-red-200: #FECACA;--global-colors-esf-red-200-values: 254 202 202;--global-colors-esf-red-500: #EF4444;--global-colors-esf-red-500-values: 239 68 68;--global-colors-esf-red-400: #F87171;--global-colors-esf-red-400-values: 248 113 113;--global-colors-esf-red-600: #DC2626;--global-colors-esf-red-600-values: 220 38 38;--global-colors-esf-red-800: #991B1B;--global-colors-esf-red-800-values: 153 27 27;--global-colors-esf-red-950: #450A0A;--global-colors-esf-red-950-values: 69 10 10;--global-colors-esf-green-50: #F0FDF4;--global-colors-esf-green-50-values: 240 253 244;--global-colors-esf-green-100: #DCFCE7;--global-colors-esf-green-100-values: 220 252 231;--global-colors-esf-green-200: #BBF7D0;--global-colors-esf-green-200-values: 187 247 208;--global-colors-esf-green-500: #22C55E;--global-colors-esf-green-500-values: 34 197 94;--global-colors-esf-green-950: #052E16;--global-colors-esf-green-950-values: 5 46 22;}</style> <div class="es-block-forms js-es-block-forms modal-trial-form es-block-forms--gtm-event-try-productive" > <form class="es-form js-es-block-form" data-type-selector='trial-form-modal' data-phone-sync='1' data-phone-disable-picker='1' data-form-id='25792' data-post-id='655' data-form-type='hubspot' data-conditional-tags='[]' method='post' data-block-ssr='false' data-disabled-default-styles='true' novalidate onsubmit="event.preventDefault();" > <div class="es-global-msg js-es-block-global-msg" > </div> <div class="es-form__fields"> <div class="es-field es-field--input js-es-block-field" data-id="fe01ce72" data-hubspot-type-id='0-1' data-field-name='email' data-field-type='input' data-type-custom='email' data-tracking='email'> <div class="es-field__inner"> <div class="es-field__content"> <div class="es-field__content-wrap"> <input class="es-input" name="email" id="email" type="email" placeholder='Enter your work email' /> </div> </div> <div class="es-error es-field__es-error js-es-block-error" data-id="email" ></div> </div> </div><div class="es-field es-field--submit js-es-block-field" data-id="aa48cafc" data-field-type='submit'> <div class="es-field__inner"> <div class="es-field__content"> <div class="es-field__content-wrap"> <button class="es-submit es-submit--default" ><span class="es-submit__inner"> Start free trial</span></button> </div> </div> </div> </div> </div> <div class="es-loader js-es-block-loader es-loader__form"> <svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'><g fill='none' fill-rule='evenodd' stroke-width='2'><circle cx='22' cy='22' r='1' stroke='var(--loader-color-1, currentColor)'><animate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle><circle cx='22' cy='22' r='1' stroke='var(--loader-color-2, currentColor)'><animate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle></g></svg></div></form><div class="es-loader js-es-block-loader es-loader__geolocation"> <svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'><g fill='none' fill-rule='evenodd' stroke-width='2'><circle cx='22' cy='22' r='1' stroke='var(--loader-color-1, currentColor)'><animate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle><circle cx='22' cy='22' r='1' stroke='var(--loader-color-2, currentColor)'><animate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/><animate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/></circle></g></svg></div></div> <style id='esFormsCssVariables'>.es-field[data-id='9648a990']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='01ec69e1']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='fe01ce72']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='aa48cafc']{--es-field-width: calc((12 / 12) * 100%);} </style><div class="block-paragraph" data-id="8bd182e3" > <p class="typography block-paragraph__paragraph" data-id="ea43768b" > Already using Productive?<br><a href="https://app.productive.io/"><strong>Sign in with an existing account</strong></a></p></div> </main> </div> </div> </div><style id='esCssVariables'> .icon[data-id='9fdaeddc']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='c9cddfb9']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .icon[data-id='08f90890']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='c16a1aa5']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .icon[data-id='9bae33e6']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='33fb9049']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='2013e27e']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .card-simple[data-id='0d20b424']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .image[data-id='afa92ea0']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='e96706c7']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --typography-letter-spacing: 0.4px; --es-ft-sm-font-size: 0.6875; --es-ft-md-font-size: 0.75; --es-ft-lg-font-size: 0.875; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='0a08c46b']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-indigo); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='2f24b004']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .btn[data-id='28852d00']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='61698455']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='7e8baf16']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .card-simple[data-id='195640da']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .image[data-id='d75add05']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='d304cc09']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='e4b8a632']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .btn[data-id='0f79461a']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='11fece11']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='fbf3edd5']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .block-button[data-id='5ebe664c']{ --button-align: left; } .btn[data-id='d4f4cd74']{ --button-color: var(--global-colors-black); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-black); --button-secondary-color-hover: var(--global-colors-black); --button-border-color: var(--global-colors-black); --button-background-color: var(--global-colors-black); --button-background-color-hover: var(--global-colors-black); --button-color-is-link: var(--global-colors-black); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='442e969d']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .block-button[data-id='8095d884']{ --button-align: left; } .btn[data-id='2b89a188']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='b9879192']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; --typography-font-weight: bold; } .block-button[data-id='549c4da1']{ --button-align: left; } .btn[data-id='b24d6677']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='ac3c6018']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='3ceee8ed']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; --typography-font-weight: bold; } .block-heading[data-id='d9b54fb1']{ --heading-align: center; } .typography[data-id='872f9237']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-indigo); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -3px; --es-ft-sm-font-size: 3; --es-ft-md-font-size: 4.375; --es-ft-lg-font-size: 5.625; --typography-line-height: 1.07; --typography-font-weight: bold; } .wrapper[data-id='6bd02871']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-divider-color: var(--global-colors-white); --wrapper-display-type: grid; } .block-paragraph[data-id='944a5274']{ --paragraph-align: center; } .typography[data-id='94dee845']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='3aaa3fa0']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-divider-color: var(--global-colors-grey200); --wrapper-display-type: grid; } .image[data-id='06114566']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .image[data-id='702567f3']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .btn[data-id='1ab1941b']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='0c87e5c8']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='fc2a1caf']{ --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='14ddc37a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='aa61954c']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='2dfba632']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='7a52bb4c']{ --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='fc5c5bc5']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='f2908c26']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='846bf075']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='6d1da308']{ --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='f066cd93']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='a17121ec']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='2f732c55']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='2a88807b']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='ba94145d']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='d63bf98f']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='b9d0adcf']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='deaf269c']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='76e2cd79']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='5647dab7']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='e530596d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='057ca7f6']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='d3ec3864']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='a3a419b3']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 2.8rem); --button-padding-vertical: calc(var(--base-font-size) * 1rem); --button-padding-horizontal: calc(var(--base-font-size) * 2rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='4a5085d9']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='54eb2d2f']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='058d2f6c']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .block-paragraph[data-id='1682e63e']{ --paragraph-align: center; } .typography[data-id='684281d3']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a08dd171']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .block-button[data-id='360880a0']{ --button-align: left; } .btn[data-id='a32bcafe']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: flex; --button-width: 100%; --button-align: center; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='e0d08000']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .wrapper[data-id='06ed93ce']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e9b12ed1']{ --button-align: left; } .btn[data-id='8f75a5f6']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: flex; --button-width: 100%; --button-align: center; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='8dd68a9c']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .wrapper[data-id='731d2ae8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-flex[data-id='0adf63cb']{ --flex-separator: none; } .block-flex[data-id='0adf63cb']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-display-type: initial; } .wrapper[data-id='42ddcf87']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-divider-color: var(--global-colors-grey200); --wrapper-display-type: grid; } .block-heading[data-id='19ddc946']{ --heading-align: left; } .typography[data-id='fc9e0d68']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-indigo); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -2px; --es-ft-sm-font-size: 2.25; --es-ft-md-font-size: 3; --es-ft-lg-font-size: 4.125; --typography-line-height: 1.146; } .wrapper[data-id='1f3aa97c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='a7be7e19']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='a7be7e19']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='b09e00b5']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='4cac1ce4']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='7936ba9d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='01a5e1a3']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='4b57ed04']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='5ac1114b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='387c4dc5']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='387c4dc5']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='c220bd21']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='b5c0290f']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='7147c8d3']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='d3507450']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='6334c7b1']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='1b3176fb']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='0ea72b0f']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='0ea72b0f']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='65aee0d2']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='d01e3c1b']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='356ad8ac']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='0d155eef']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='212bff2a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='f497f77e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='ba1c27d6']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='ba1c27d6']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='c46bf345']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='d6a24846']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='47f2f1dd']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='0ef87b7d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='d392668c']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a5e82688']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='e8910342']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='e8910342']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='3c1bd169']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='8b26caee']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='a0338e3b']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='0cf51d5a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='80ba6ffd']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='7f5a098f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='fa289f27']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='fa289f27']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='01565c63']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='4a53272d']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='f8f92b9d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='aa335ed8']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='de904c07']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='84d245b9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='33d974aa']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='33d974aa']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='aac2f475']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='34d0b90f']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='eac5cb18']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='d1e36ae3']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='2476cf64']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='e6f526a5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='b92b3c10']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='b92b3c10']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='24ef91d4']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='1d7ac0e6']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='160d54df']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='3d0f22a5']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='4a22f9ec']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='17fcda97']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='b4df735e']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='b4df735e']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .card-simple[data-id='dfef6b4b']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='9269d8e5']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='7b969f12']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='fc047d88']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; --typography-font-weight: bold; } .typography[data-id='4742baaa']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='1d87ac0f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='42943f3b']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='42943f3b']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-columns[data-id='deddef09']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='c0612de9']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-divider-color: var(--global-colors-grey200); --wrapper-display-type: block; } .icon[data-id='82a7f5a5']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='e675e97a']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='252a57b3']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='882062aa']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='3a24a8d0']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='09a4cb33']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='f877a5f8']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='2008a5ef']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .icon[data-id='c8243b5e']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-on-backplate-color: var(--global-colors-black); } .btn[data-id='ad9f36aa']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: flex; --button-width: 100%; --button-align: center; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='0229fe24']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='2ffecd68']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: flex; --button-width: 100%; --button-align: center; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='60376728']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='a2eef3a5']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: flex; --button-width: 100%; --button-align: center; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='f652b01e']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='e4076509']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .block-heading[data-id='0764e25a']{ --heading-align: left; } .typography[data-id='3d9cdbd7']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -2px; --es-ft-sm-font-size: 2.25; --es-ft-md-font-size: 3; --es-ft-lg-font-size: 4.125; --typography-line-height: 1.146; } .wrapper[data-id='a6a71291']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .media[data-id='fca40a52']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='bddeeaee']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='797cebc7']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='1ce69da9']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='76c2d7a5']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='516c2322']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='cf76a15c']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='4265f9d0']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='f93d99d8']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='5ba6786b']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='71f0888e']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='308d9136']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='0f6939cb']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='30acd69a']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .block-autoscroll-carousel[data-id='4b27410b']{ --autoscroll-carousel-align-items: center; } .wrapper[data-id='63d7d605']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; --wrapper-xl-padding-left: 0; --wrapper-xl-padding-right: 0; } .media[data-id='e53d991a']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='ae087c0b']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='af62f89d']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='d05e36df']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='8509f74b']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='b8d751a1']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='1d10cf92']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='3742d261']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='d5b50bce']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='b5bc26c0']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='eeccd0e1']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='b0ea2899']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .media[data-id='b82d59ad']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='0353396b']{ --image-width: 100%; --image-img-width: 100%; --image-height: 100%; --image-img-height: 100%; --image-img-max-width: 100%; --image-img-max-height: 100%; --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .block-autoscroll-carousel[data-id='db57af16']{ --autoscroll-carousel-align-items: center; } .wrapper[data-id='e7c6de08']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; --wrapper-xl-padding-left: 0; --wrapper-xl-padding-right: 0; } .image[data-id='e0a5c632']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .blockquote[data-id='e41c6ad7']{ --blockquote-icon-space: calc(var(--base-font-size) * 3rem); } .card-simple[data-id='e41c6ad7']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-order: 5; --card-intro-margin-top: calc(var(--base-font-size) * 1.25rem); --card-intro-margin-bottom: 0; --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='39aa4e81']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='d6a3b2e6']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='c28d1e6a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .image[data-id='42150820']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .blockquote[data-id='385b9300']{ --blockquote-icon-space: calc(var(--base-font-size) * 3rem); } .card-simple[data-id='385b9300']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-order: 5; --card-intro-margin-top: calc(var(--base-font-size) * 1.25rem); --card-intro-margin-bottom: 0; --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='86dc8562']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='043ee10a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='13e10d20']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .image[data-id='9fc1b8f9']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .blockquote[data-id='b68df858']{ --blockquote-icon-space: calc(var(--base-font-size) * 3rem); } .card-simple[data-id='b68df858']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-order: 5; --card-intro-margin-top: calc(var(--base-font-size) * 1.25rem); --card-intro-margin-bottom: 0; --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='d27d6daa']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='9433f843']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='217aef71']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .block-blockquote-carousel-avatars[data-id='c7d0aa0f']{ --bca-avatars-column: 9 / span 5; --bca-chevrons-column: 9 / span 5; --bca-blockquote-column: 2 / span 6; --bca-avatars-chevrons-align: flex-start; } .blockquote[data-id='52a50667']{ --blockquote-icon-space: calc(var(--base-font-size) * 2rem); } .card-simple[data-id='52a50667']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-order: 5; --card-intro-margin-top: calc(var(--base-font-size) * 1.25rem); --card-intro-margin-bottom: 0; --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='a5cb6a6d']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='026c3aec']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='59889f7e']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .btn[data-id='d72b5245']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='1acbad84']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='6fdac40b']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .chevron[data-id='5ef5117a']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='5ef5117a']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='b1aa1201']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .chevron[data-id='ac1a2f6c']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='ac1a2f6c']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='b5097190']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='ab2bd667']{ --typography-uppercase: uppercase; } .wrapper[data-id='fe970a2b']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: block; } .block-heading[data-id='84499e28']{ --heading-align: left; } .typography[data-id='101d7b36']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -2px; --es-ft-sm-font-size: 2.25; --es-ft-md-font-size: 3; --es-ft-lg-font-size: 4.125; --typography-line-height: 1.146; } .wrapper[data-id='0a7d4e17']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='8da4b3d0']{ --paragraph-align: left; } .typography[data-id='5e83a234']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='4c4768f9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='671ce1b4']{ --button-align: left; } .btn[data-id='7cf72405']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='280f2fe1']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='8d73922e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .wrapper[data-id='be4499ee']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: block; } .block-column[data-id='6e91fdd1']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='6e91fdd1']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='05a904bd']{ --paragraph-align: left; } .typography[data-id='29d0f946']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='22b5cae6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='6ab5dc3f']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='17c371ee']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='23b57e79']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='35280025']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='95ed68ca']{ --paragraph-align: left; } .typography[data-id='43f5c707']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='87c5ab12']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='1f69f958']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='01007e8f']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='4f62b513']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='716c0d9c']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='2b353fc1']{ --paragraph-align: left; } .typography[data-id='7b86450f']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a961fec3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='49c85085']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='3d7c35d8']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='24b53123']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='a10cdc91']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='47e004fd']{ --paragraph-align: left; } .typography[data-id='5c4362a0']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='15153505']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='54e25cf2']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='4211b6cc']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='5f480d10']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='8b50624f']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='6dae95c1']{ --paragraph-align: left; } .typography[data-id='269ae101']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a8296d88']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='3a570247']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='8075e30e']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='1cda2a2e']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='70d7a594']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='b70a8b47']{ --paragraph-align: left; } .typography[data-id='4e1962a8']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='c9ed81a8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='638d8255']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='b2af0b99']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='0ed4dc41']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='d96f6185']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='10719f2f']{ --paragraph-align: left; } .typography[data-id='f01bb574']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='6ef2a6f5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='9f6473c3']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='79042994']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='a9eea99e']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='23c2e3f6']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 2.4rem); } .block-paragraph[data-id='81d86d9a']{ --paragraph-align: left; } .typography[data-id='462b0b88']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='fb9587a8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-accordion-item[data-id='ecef0819']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .accordion[data-id='e9657e04']{ --accordion-trigger-hover-background: var(--global-colors-inherit); } .typography[data-id='d14f8bbe']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; --typography-font-weight: bold; } .icon[data-id='c411500a']{ --icon-backplate-color: var(--global-colors-black); --icon-color: var(--global-colors-black); --icon-on-backplate-color: var(--global-colors-black); --icon-size: calc(var(--base-font-size) * 2.4rem); } .wrapper[data-id='1a3420e5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='d766c197']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='d766c197']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-columns[data-id='9c2168df']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='d2873af8']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: block; } .cta-form[data-id='f34704d1']{ --cta-border-radius: 0; --cta-form-vertical-padding: calc(var(--base-font-size) * 8rem); --cta-form-horizontal-padding: var(--global-grid-side-padding); --cta-form-xl-padding: var(--cta-form-vertical-padding) 20vw; --cta-form-background-color: var(--global-colors-indigo); --cta-form-grid-template-columns: 45% 55%; --cta-form-grid-template-areas: 'heading form' 'paragraph form'; --cta-form-align-self: center; --cta-form-justify-self: flex-end; --cta-form-margin-left: calc(var(--base-font-size) * 6rem); --cta-form-margin-right: calc(var(--base-font-size) * 2rem); } .cta-form[data-id='f34704d1']{ --wrapper-bg-color-project: transparent } .typography[data-id='68aa8677']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-white); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -2px; --es-ft-sm-font-size: 2.25; --es-ft-md-font-size: 3; --es-ft-lg-font-size: 4.125; --typography-line-height: 1.146; } .typography[data-id='4cdee935']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='89f8679c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; --wrapper-xl-padding-left: 0; --wrapper-xl-padding-right: 0; } .media[data-id='e7e7caa6']{ --media-align-horizontal: flex-start; --media-align-vertical: center; --media-object-position: left center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='1b2d2fb5']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='ec674d3f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='f7f2bbdc']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='f7f2bbdc']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='97ffd14d']{ --paragraph-align: left; } .typography[data-id='d71e2c34']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='f9084dfa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5d27c80a']{ --button-align: left; } .btn[data-id='94bee28a']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='dd7a9bcc']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='2a982681']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='1b9264a2']{ --button-align: left; } .btn[data-id='617d0cb8']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='1a75c2e8']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='17b7a452']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='58d00191']{ --button-align: left; } .btn[data-id='09dbf811']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='5a3a6c8b']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='b561dea4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a4e1d419']{ --button-align: left; } .btn[data-id='1002770a']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='7c020ca3']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='1052cc83']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='b6ac7868']{ --paragraph-align: left; } .typography[data-id='a7acf170']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='381ca39c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8a6807c6']{ --button-align: left; } .btn[data-id='f2bc8f29']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='974c986c']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='d3505b68']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='110c8b29']{ --button-align: left; } .btn[data-id='266fbd07']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='fbd1efca']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='49234586']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='ea1e6390']{ --button-align: left; } .btn[data-id='bdd04c02']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='86ab6dfa']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='ae6c01de']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='ba703fc9']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='ba703fc9']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='ad59a757']{ --paragraph-align: left; } .typography[data-id='856257ce']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='b552eca6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='c5b3778a']{ --button-align: left; } .btn[data-id='76d8e08f']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='60e64fd3']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='28642556']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e96113a0']{ --button-align: left; } .btn[data-id='4a0d7d6f']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='32a6930f']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='c5ef9cfe']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='2700ed36']{ --button-align: left; } .btn[data-id='442eae7c']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='0c1a0b45']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='f78e31be']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='16ee537e']{ --button-align: left; } .btn[data-id='9920a719']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='a37d4f23']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='f78bcf18']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e5a33675']{ --button-align: left; } .btn[data-id='0791fd0e']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='cca1dd99']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='b61eb57d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='575d57be']{ --button-align: left; } .btn[data-id='ef655594']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='a7d5bcc5']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='01e7cb64']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='b08b78d9']{ --button-align: left; } .btn[data-id='34d1c83a']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='ce146853']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='5d702893']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='98dc6051']{ --paragraph-align: left; } .typography[data-id='41b06d7f']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='59337556']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4949c1cd']{ --button-align: left; } .btn[data-id='87b46549']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='bb8d907a']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='94dbc8f2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0a9d6f14']{ --button-align: left; } .btn[data-id='ed792894']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='6e61c653']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='446d4ab5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6f78685b']{ --button-align: left; } .btn[data-id='9a34f5f4']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='58ff3710']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='d2406af2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='678a3bbe']{ --button-align: left; } .btn[data-id='ae4cf7a7']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='cc6532a4']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='0673459b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='80b52bec']{ --button-align: left; } .btn[data-id='6cc11c5a']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='a51c0c80']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='63d27a08']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='11219730']{ --button-align: left; } .btn[data-id='3bbcb47b']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='8ceea699']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a1761e88']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='627b42b8']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='627b42b8']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='d9f8cdbd']{ --paragraph-align: left; } .typography[data-id='57485da4']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='70b398f5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='53f135e0']{ --button-align: left; } .btn[data-id='d28b993a']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='420fe14a']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='74b41db2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='80bbd4d2']{ --button-align: left; } .btn[data-id='56da08b1']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='cc7d533c']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='3c18c745']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0cf25b06']{ --button-align: left; } .btn[data-id='0c41b616']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='50ff2210']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='7386bfa7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f072045e']{ --button-align: left; } .btn[data-id='0b91fe88']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='cacd0eae']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='05113505']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='19b134ea']{ --button-align: left; } .btn[data-id='f305da7d']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='0c805747']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='fe3ac1b9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='35f1a83d']{ --button-align: left; } .btn[data-id='11b921d2']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='5ba105ec']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='44dde755']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='5cd20bae']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='5cd20bae']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='91853b76']{ --paragraph-align: left; } .typography[data-id='95245f68']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='34ea53e0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='23469091']{ --button-align: left; } .btn[data-id='9d0dd645']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='2e0b93e4']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='752d6c23']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='db55ec6c']{ --button-align: left; } .btn[data-id='ad3c80bf']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='58c5996b']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='d722bde1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8a90a378']{ --button-align: left; } .btn[data-id='1f599e5d']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='4fc43a60']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a0523f45']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='aa5856c1']{ --button-align: left; } .btn[data-id='0e5152fe']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='2347001e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='8cc06631']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='3f301b5b']{ --button-align: left; } .btn[data-id='cca00921']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='79f9c11e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='7aff6773']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='47ba51d4']{ --button-align: left; } .btn[data-id='2ff461e5']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='7a8c27ea']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='7005029e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='19d7c0d0']{ --button-align: left; } .btn[data-id='e8aa37e6']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='c5df32d1']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='e0a5cf23']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='d989f658']{ --button-align: left; } .btn[data-id='34ac5977']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='68172dc4']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='945cd434']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e63d30ce']{ --button-align: left; } .btn[data-id='fdb0d447']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='f565fa08']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='64bc06a9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='9be1724e']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='9be1724e']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='30ddab7e']{ --paragraph-align: left; } .typography[data-id='8a47975b']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='37babebe']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='9e026ad9']{ --button-align: left; } .btn[data-id='03c3b7fa']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='faef01d6']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='566ad77c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='b68538e6']{ --button-align: left; } .btn[data-id='520d2f75']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='80802f3e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='4f3bdb29']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='7d00bde5']{ --button-align: left; } .btn[data-id='7d50b9b1']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='66065c82']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='6ecbe593']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='48f4fd40']{ --button-align: left; } .btn[data-id='97c9c325']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='2c256c50']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='a2ee025a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='de9ce15c']{ --button-align: left; } .btn[data-id='f7c90518']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='4a961f6e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='e3a8584b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6d238cc9']{ --button-align: left; } .btn[data-id='b1affd25']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='44e1b4e2']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='08b8caee']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='99289528']{ --button-align: left; } .btn[data-id='ff638910']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='96dd0dd4']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='e116741e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='2e29aa10']{ --button-align: left; } .btn[data-id='23cef70b']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='da178a76']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='92c652a2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='3d59fd99']{ --button-align: left; } .btn[data-id='002eea8c']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='433e5019']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='d1efb130']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='08d2ccf0']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='08d2ccf0']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-columns[data-id='44c2e247']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='e28bf467']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .media[data-id='3e4201ef']{ --media-align-horizontal: flex-start; --media-align-vertical: center; --media-object-position: left center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='5a23eafa']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='605cc36b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='3d0e61ee']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='3d0e61ee']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-columns[data-id='980f0f7d']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='24c3aa68']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .icon[data-id='5fd0a24b']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 4rem); } .icon[data-id='76e0a2e5']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 4rem); } .icon[data-id='8a461165']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 4rem); } .icon[data-id='76b4a3d2']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-on-backplate-color: var(--global-colors-white); --icon-size: calc(var(--base-font-size) * 4rem); } .block-flex[data-id='5a93c6d5']{ --flex-separator: none; } .block-flex[data-id='5a93c6d5']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-display-type: initial; } .wrapper[data-id='9a7fc2f5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='671ef93a']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='671ef93a']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-paragraph[data-id='f8537d13']{ --paragraph-align: left; } .typography[data-id='8a50dcad']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='95b76f89']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='751a28a2']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='751a28a2']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .media[data-id='50922a8a']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(0 / 10) * 2rem)); } .image[data-id='3ee2bf0e']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='8be46866']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='7343b33b']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='7343b33b']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-button[data-id='89d59504']{ --button-align: left; } .btn[data-id='d466b743']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='b1c55311']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .block-button[data-id='dafe3c74']{ --button-align: left; } .btn[data-id='a908f91b']{ --button-color: var(--global-colors-indigo); --button-color-hover: var(--global-colors-black); --button-secondary-color: var(--global-colors-white); --button-secondary-color-hover: var(--global-colors-indigo); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-white); --button-background-color-hover: var(--global-colors-grey100); --button-color-is-link: var(--global-colors-white); --button-color-is-link-hover: var(--global-colors-indigo); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-font-weight: normal; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='0c048b42']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .block-flex[data-id='ae2b9e2d']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-display-type: initial; } .block-column[data-id='8c8b105d']{ --column-horizontal-padding: calc(var(--base-font-size) * 0rem); --column-background-color: var(--global-colors-unset); --column-border-color-mobile: var(--global-colors-indigo); --column-border-color-desktop: var(--global-colors-indigo); } .block-column[data-id='8c8b105d']{ --wrapper-spacing-top: initial;; --wrapper-spacing-bottom: initial;; --wrapper-spacing-top-in: initial;; --wrapper-spacing-bottom-in: initial;; --wrapper-divider-top: initial; --wrapper-divider-bottom: initial;; --wrapper-display: initial;; --wrapper-is-full-width: initial;; --wrapper-grid-template-columns: initial;; --wrapper-display-type: initial; } .block-columns[data-id='8bfb1184']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='df4f8e09']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .typography[data-id='6204096d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-letter-spacing: -1px; --es-ft-sm-font-size: 1.5; --es-ft-md-font-size: 2.25; --es-ft-lg-font-size: 3; --typography-line-height: 1.167; --typography-font-weight: bold; } .typography[data-id='49863577']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1; --es-ft-md-font-size: 1.125; --es-ft-lg-font-size: 1.4375; --typography-line-height: 1.44; --typography-font-weight: bold; } .typography[data-id='cb2e5119']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .typography[data-id='2093d9ec']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-uppercase: uppercase; --typography-letter-spacing: 0.4px; --es-ft-md-font-size: 0.75; --es-ft-lg-font-size: 0.875; --typography-line-height: 1.33; } .typography[data-id='0a918ed9']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1; --es-ft-md-font-size: 1.125; --es-ft-lg-font-size: 1.4375; --typography-line-height: 1.44; --typography-font-weight: bold; } .typography[data-id='44265e37']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .toggle[data-id='8e4f1c8b']{ --toggle-color: var(--global-colors-indigo); } .typography[data-id='ae0a7f37']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1; --es-ft-md-font-size: 1.125; --es-ft-lg-font-size: 1.4375; --typography-line-height: 1.44; --typography-font-weight: bold; } .typography[data-id='ec01b4b9']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .toggle[data-id='0d7d1a57']{ --toggle-color: var(--global-colors-indigo); } .btn[data-id='42ca6ac7']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='834e6e6d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .btn[data-id='c2d15141']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-border-radius: 0; --button-background-color: transparent; --button-background-color-hover: transparent; --button-padding-vertical: 0; --button-padding-horizontal: 0; --button-color: var(--button-color-is-link); --button-color-hover: var(--button-color-is-link-hover); --button-display: inline; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='e375a11a']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .typography[data-id='c298e144']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } .btn[data-id='e5cd2ccf']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .typography[data-id='f466771c']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .block-heading[data-id='9e7c3f99']{ --heading-align: center; } .typography[data-id='29a92e52']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-indigo); --typography-letter-spacing: -1px; --es-ft-sm-font-size: 1.5; --es-ft-md-font-size: 2.25; --es-ft-lg-font-size: 3; --typography-line-height: 1.167; } .block-paragraph[data-id='386f7f2c']{ --paragraph-align: center; } .typography[data-id='5b4690f0']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1; --es-ft-md-font-size: 1.125; --es-ft-lg-font-size: 1.4375; --typography-line-height: 1.44; } .block-paragraph[data-id='8bd182e3']{ --paragraph-align: center; } .typography[data-id='ea43768b']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-black)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } @media (min-width:479px){ .cta-form[data-id='f34704d1']{ --cta-form-vertical-padding: calc(var(--base-font-size) * 10rem); } } @media (min-width:2159px){ .cta-form[data-id='f34704d1']{ --cta-form-horizontal-padding: 15vw; } } .card-simple[data-id='0d20b424']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .card-simple[data-id='195640da']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='6bd02871']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 150; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='3aaa3fa0']{ --wrapper-width: 8; --wrapper-offset: 3; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='058d2f6c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 0; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='a08dd171']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 30; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='06ed93ce']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='731d2ae8']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-flex[data-id='0adf63cb']{ --flex-vertical-align: flex-start; --flex-horizontal-align: flex-start; --flex-auto: 1; --flex-basis: ; --flex-height: unset; --flex-direction: row; --flex-wrap: nowrap; --flex-item-space: calc(var(--base-font-size) * (0 * 0.1rem)); --flex-auto: 1; --flex-basis: ; --flex-height: unset; } .wrapper[data-id='42ddcf87']{ --wrapper-width: 4; --wrapper-offset: 5; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='1f3aa97c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='a7be7e19']{ --column-width: 4; --column-offset: 1; --column-vertical-align: stretch; --column-item-height: 100%; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='b09e00b5']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='5ac1114b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='387c4dc5']{ --column-width: 3; --column-offset: 5; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='c220bd21']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='1b3176fb']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='0ea72b0f']{ --column-width: 3; --column-offset: 8; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='65aee0d2']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='f497f77e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='ba1c27d6']{ --column-width: 3; --column-offset: 11; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='c46bf345']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='a5e82688']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='e8910342']{ --column-width: 3; --column-offset: 5; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='3c1bd169']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='7f5a098f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='fa289f27']{ --column-width: 3; --column-offset: 8; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='01565c63']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='84d245b9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='33d974aa']{ --column-width: 3; --column-offset: 11; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='aac2f475']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='e6f526a5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='b92b3c10']{ --column-width: 3; --column-offset: 5; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='24ef91d4']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='17fcda97']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='b4df735e']{ --column-width: 3; --column-offset: 8; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .card-simple[data-id='dfef6b4b']{ --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 2rem); --card-content-inset: calc(var(--base-font-size) * 2rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='1d87ac0f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='42943f3b']{ --column-width: 3; --column-offset: 11; --column-vertical-align: flex-start; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='deddef09']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='c0612de9']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: 50; --wrapper-spacing-bottom-in: 100; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e4076509']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 0; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='a6a71291']{ --wrapper-width: 5; --wrapper-offset: 1; --wrapper-spacing-top: -5; --wrapper-spacing-top-in: 70; --wrapper-spacing-bottom-in: 50; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .block-autoscroll-carousel-item[data-id='2d501245']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='fbf3d280']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='6fabcc1a']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='8be40406']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='4a7b8f4f']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='70ef6675']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='ce24e441']{ --autoscroll-carousel-item-width: 2; } .wrapper[data-id='63d7d605']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: -1; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-autoscroll-carousel-item[data-id='8bf795e1']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='b9d479f5']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='d1e6f8db']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='0e3721b4']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='f7b589e5']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='7eb7d4fe']{ --autoscroll-carousel-item-width: 2; } .block-autoscroll-carousel-item[data-id='8425bc5b']{ --autoscroll-carousel-item-width: 2; } .wrapper[data-id='e7c6de08']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 160; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .card-simple[data-id='e41c6ad7']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .card-simple[data-id='385b9300']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .card-simple[data-id='b68df858']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .card-simple[data-id='52a50667']{ --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); --card-media-inset: calc(var(--base-font-size) * 0rem); --card-content-inset: calc(var(--base-font-size) * 0rem); --card-media-inset: var(--card-content-inset); } .wrapper[data-id='fe970a2b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom: 80; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 105; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='0a7d4e17']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='4c4768f9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='be4499ee']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='6e91fdd1']{ --column-width: 5; --column-offset: 1; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='22b5cae6']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='87c5ab12']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='a961fec3']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='15153505']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='a8296d88']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='c9ed81a8']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='6ef2a6f5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='fb9587a8']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='1a3420e5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='d766c197']{ --column-width: 8; --column-offset: 6; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='9c2168df']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='d2873af8']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: -100; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 100; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='89f8679c']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-bottom: 0; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='ec674d3f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='f7f2bbdc']{ --column-width: 1; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='f9084dfa']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='2a982681']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='17b7a452']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='b561dea4']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='1052cc83']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='381ca39c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d3505b68']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='49234586']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='ae6c01de']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='ba703fc9']{ --column-width: 2; --column-offset: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='b552eca6']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='28642556']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='c5ef9cfe']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='f78e31be']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='f78bcf18']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='b61eb57d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='01e7cb64']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='5d702893']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='59337556']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='94dbc8f2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='446d4ab5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d2406af2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='0673459b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='63d27a08']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='a1761e88']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='627b42b8']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='70b398f5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='74b41db2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='3c18c745']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7386bfa7']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='05113505']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='fe3ac1b9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='44dde755']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='5cd20bae']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='34ea53e0']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='752d6c23']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d722bde1']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='a0523f45']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='8cc06631']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7aff6773']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7005029e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e0a5cf23']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='945cd434']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='64bc06a9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='9be1724e']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='37babebe']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='566ad77c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 16; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='4f3bdb29']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='6ecbe593']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='a2ee025a']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e3a8584b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='08b8caee']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e116741e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='92c652a2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d1efb130']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 10; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='08d2ccf0']{ --column-width: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='44c2e247']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='e28bf467']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: 0; --wrapper-spacing-top-in: 100; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='605cc36b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 60; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='3d0e61ee']{ --column-width: 4; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='980f0f7d']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='24c3aa68']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: -30; --wrapper-spacing-top-in: 120; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: none; --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-flex[data-id='5a93c6d5']{ --flex-vertical-align: center; --flex-horizontal-align: start; --flex-height: unset; --flex-direction: row; --flex-wrap: nowrap; --flex-item-space: calc(var(--base-font-size) * (0 * 0.1rem)); --flex-auto: 0; --flex-basis: ; --flex-height: unset; } .wrapper[data-id='9a7fc2f5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='671ef93a']{ --column-width: 2; --column-offset: 1; --column-order: 0; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='95b76f89']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='751a28a2']{ --column-width: 3; --column-offset: 5; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='8be46866']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='7343b33b']{ --column-width: 1; --column-offset: 10; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-flex[data-id='ae2b9e2d']{ --flex-vertical-align: center; --flex-horizontal-align: flex-start; --flex-auto: 0; --flex-basis: auto; --flex-unset: ; --flex-height: unset; --flex-direction: row; --flex-wrap: nowrap; --flex-item-space: calc(var(--base-font-size) * (0 * 0.1rem)); --flex-auto: 1; --flex-basis: ; --flex-height: unset; } .block-column[data-id='8c8b105d']{ --column-width: 5; --column-offset: 11; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='8bfb1184']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='df4f8e09']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: -30; --wrapper-spacing-top-in: 120; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } @media (max-width:2159px){ .block-flex[data-id='0adf63cb']{ --flex-item-space: calc(var(--base-font-size) * (10 * 0.1rem)); } .block-column[data-id='a7be7e19']{ --column-width: 3; --column-offset: 2; } .wrapper[data-id='c0612de9']{ --wrapper-spacing-bottom-in: 80; } .wrapper[data-id='a6a71291']{ --wrapper-spacing-top-in: 140; } .wrapper[data-id='e7c6de08']{ --wrapper-spacing-bottom-in: 140; } .block-column[data-id='6e91fdd1']{ --column-width: 4; --column-offset: 2; } .block-flex[data-id='5a93c6d5']{ --flex-vertical-align: flex-start; } .block-column[data-id='671ef93a']{ --column-offset: 2; --column-vertical-align: flex-start; } } @media (max-width:1279px){ .wrapper[data-id='6bd02871']{ --wrapper-spacing-top-in: 120; } .wrapper[data-id='3aaa3fa0']{ --wrapper-spacing-bottom-in: 20; } .block-flex[data-id='0adf63cb']{ --flex-item-space: calc(var(--base-font-size) * (10 * 0.1rem)); } .block-column[data-id='a7be7e19']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='387c4dc5']{ --column-width: 4; --column-offset: 2; } .block-column[data-id='0ea72b0f']{ --column-width: 4; --column-offset: 6; } .block-column[data-id='ba1c27d6']{ --column-width: 4; --column-offset: 10; } .block-column[data-id='e8910342']{ --column-width: 4; --column-offset: 2; } .block-column[data-id='fa289f27']{ --column-width: 4; --column-offset: 6; } .block-column[data-id='33d974aa']{ --column-width: 4; --column-offset: 10; } .block-column[data-id='b92b3c10']{ --column-width: 4; --column-offset: 2; } .block-column[data-id='b4df735e']{ --column-width: 4; --column-offset: 6; } .block-column[data-id='42943f3b']{ --column-width: 4; --column-offset: 2; } .wrapper[data-id='c0612de9']{ --wrapper-spacing-bottom-in: 60; } .wrapper[data-id='e4076509']{ --wrapper-display: none; } .wrapper[data-id='a6a71291']{ --wrapper-width: 7; --wrapper-offset: 1; --wrapper-spacing-top-in: 70; } .block-autoscroll-carousel-item[data-id='2d501245']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='fbf3d280']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='6fabcc1a']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='8be40406']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='4a7b8f4f']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='70ef6675']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='ce24e441']{ --autoscroll-carousel-item-width: 3; } .wrapper[data-id='63d7d605']{ --wrapper-spacing-bottom-in: 0; } .block-autoscroll-carousel-item[data-id='8bf795e1']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='b9d479f5']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='d1e6f8db']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='0e3721b4']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='f7b589e5']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='7eb7d4fe']{ --autoscroll-carousel-item-width: 3; } .block-autoscroll-carousel-item[data-id='8425bc5b']{ --autoscroll-carousel-item-width: 3; } .wrapper[data-id='e7c6de08']{ --wrapper-spacing-bottom-in: 120; } .block-column[data-id='6e91fdd1']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='d766c197']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='89f8679c']{ --wrapper-spacing-bottom: 0; } .wrapper[data-id='ec674d3f']{ --wrapper-display: none; } .block-column[data-id='f7f2bbdc']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='ba703fc9']{ --column-width: 6; --column-offset: 2; } .wrapper[data-id='c5ef9cfe']{ --wrapper-spacing-top-in: 10; } .block-column[data-id='627b42b8']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='5cd20bae']{ --column-width: 5; --column-offset: 2; } .block-column[data-id='9be1724e']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='08d2ccf0']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='e28bf467']{ --wrapper-spacing-top-in: 56; --wrapper-spacing-bottom-in: 80; } .block-column[data-id='3d0e61ee']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='24c3aa68']{ --wrapper-spacing-top-in: 40; --wrapper-display: var(--wrapper-display-type, grid); } .block-flex[data-id='5a93c6d5']{ --flex-vertical-align: flex-start; } .block-column[data-id='671ef93a']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='95b76f89']{ --wrapper-spacing-bottom: 20; } .block-column[data-id='751a28a2']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='7343b33b']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='ae2b9e2d']{ --flex-horizontal-align: flex-start; } .block-column[data-id='8c8b105d']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='df4f8e09']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 56; } } @media (max-width:479px){ .wrapper[data-id='6bd02871']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 120; } .wrapper[data-id='3aaa3fa0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='058d2f6c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a08dd171']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='06ed93ce']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='731d2ae8']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-flex[data-id='0adf63cb']{ --flex-item-space: calc(var(--base-font-size) * (10 * 0.1rem)); } .wrapper[data-id='42ddcf87']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1f3aa97c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5ac1114b']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='387c4dc5']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='1b3176fb']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='0ea72b0f']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='f497f77e']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='ba1c27d6']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='a5e82688']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='e8910342']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='7f5a098f']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='fa289f27']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='84d245b9']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='33d974aa']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='e6f526a5']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='b92b3c10']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='17fcda97']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='b4df735e']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='1d87ac0f']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='42943f3b']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='c0612de9']{ --wrapper-offset: 1; --wrapper-spacing-bottom-in: 60; } .wrapper[data-id='e4076509']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='a6a71291']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 1; } .block-autoscroll-carousel-item[data-id='2d501245']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='fbf3d280']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='6fabcc1a']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='8be40406']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='4a7b8f4f']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='70ef6675']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='ce24e441']{ --autoscroll-carousel-item-width: 5; } .wrapper[data-id='63d7d605']{ --wrapper-width: 14; --wrapper-offset: 1; } .block-autoscroll-carousel-item[data-id='8bf795e1']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='b9d479f5']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='d1e6f8db']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='0e3721b4']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='f7b589e5']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='7eb7d4fe']{ --autoscroll-carousel-item-width: 5; } .block-autoscroll-carousel-item[data-id='8425bc5b']{ --autoscroll-carousel-item-width: 5; } .wrapper[data-id='e7c6de08']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 100; } .wrapper[data-id='fe970a2b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 40; } .wrapper[data-id='0a7d4e17']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4c4768f9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='be4499ee']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='22b5cae6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='87c5ab12']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a961fec3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='15153505']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a8296d88']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c9ed81a8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6ef2a6f5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fb9587a8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1a3420e5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d2873af8']{ --wrapper-offset: 1; --wrapper-spacing-top-in: 1; } .wrapper[data-id='89f8679c']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); } .wrapper[data-id='ec674d3f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='f9084dfa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2a982681']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='17b7a452']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b561dea4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1052cc83']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='381ca39c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d3505b68']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='49234586']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ae6c01de']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b552eca6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='28642556']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c5ef9cfe']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f78e31be']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f78bcf18']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b61eb57d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='01e7cb64']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5d702893']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='59337556']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='94dbc8f2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='446d4ab5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d2406af2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0673459b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='63d27a08']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a1761e88']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='627b42b8']{ --column-order: 1; } .wrapper[data-id='70b398f5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='74b41db2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3c18c745']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7386bfa7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='05113505']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fe3ac1b9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='44dde755']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='5cd20bae']{ --column-width: 6; --column-offset: 2; --column-order: 3; } .wrapper[data-id='34ea53e0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='752d6c23']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d722bde1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a0523f45']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8cc06631']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7aff6773']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7005029e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e0a5cf23']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='945cd434']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='64bc06a9']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='9be1724e']{ --column-order: 4; } .wrapper[data-id='37babebe']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='566ad77c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4f3bdb29']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6ecbe593']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a2ee025a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e3a8584b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='08b8caee']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e116741e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='92c652a2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d1efb130']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='08d2ccf0']{ --column-order: 4; } .wrapper[data-id='e28bf467']{ --wrapper-offset: 1; } .wrapper[data-id='605cc36b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='24c3aa68']{ --wrapper-offset: 1; } .block-flex[data-id='5a93c6d5']{ --flex-vertical-align: flex-start; } .wrapper[data-id='9a7fc2f5']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='671ef93a']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='95b76f89']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='751a28a2']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='8be46866']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='7343b33b']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='ae2b9e2d']{ --flex-horizontal-align: flex-start; } .block-column[data-id='8c8b105d']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='df4f8e09']{ --wrapper-offset: 1; } } :root {--es-loaded-opacity: 1;}</style><script src="https://js.chilipiper.com/marketing.js?ver=1.0.0" id="chili-piper-js"></script> <script src="https://productive.io/wp-content/plugins/wp-media-folder/assets/js/gif/play_gif.js?ver=5.9.8" id="wpmf_play_gifs-js"></script> <script src="https://productive.io/wp-content/plugins/wp-media-folder/assets/js/gif/spin.js?ver=1.0" id="wpmf_spin-js"></script> <script src="https://productive.io/wp-content/plugins/wp-media-folder/assets/js/gif/jquery.spin.js?ver=1.0" id="wpmf_spinjQuery-js"></script> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/productive.io","onHoverDelay":"100","rateThrottle":"3"}; </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script id="Productive-block-frontend-scripts-js-extra"> var productiveBlocks = {"initialCookieLevelBasic":"2","initialCookieLevelAdvanced":"1"}; var registrationEndpoints = {"thankYouPagePath":"https:\/\/productive.io\/thank-you\/","registrationEndpointPagePath":"https:\/\/productive.io\/registration-events\/"}; var bookADemoValues = {"Tier1CompanyValues":[{"field_value":"2-10"}],"Tier1RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/a","Tier2CompanyValues":[{"field_value":"11-20"}],"Tier2RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/b","Tier3CompanyValues":[{"field_value":"21-30"}],"Tier3RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/c","Tier4CompanyValues":[{"field_value":"31-50"}],"Tier4RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/d","Tier5CompanyValues":[{"field_value":"51-100"}],"Tier5RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/e","Tier6CompanyValues":[{"field_value":">100"}],"Tier6RedirectUrl":"https:\/\/meetings-eu1.hubspot.com\/meetings\/productive\/f"}; </script> <script src="https://productive.io/wp-content/themes/productive/public/applicationBlocksFrontend-9f8518e5de2e9481b36e.js?ver=20241121151712.11956160953" id="Productive-block-frontend-scripts-js"></script> <script id="eightshift-forms-block-frontend-scripts-js-before"> const esFormsLocalization = {"restRoutes":{"prefix":"https:\/\/productive.io\/wp-json\/eightshift-forms\/v1","prefixProject":"eightshift-forms\/v1","prefixSubmit":"submit","prefixTestApi":"test-api","files":"files","captcha":"captcha","geolocation":"geolocation","validationStep":"validate-step"},"hideGlobalMessageTimeout":6000,"redirectionTimeout":300,"fileRemoveLabel":"<div \n\taria-hidden=\"true\"\n\tclass=\"icon\"\n\tdata-id=\"023c6f7f\"\n\t>\n\t\t\t<i class=\"\" data-name=\"remove-attachment-24\">\n\t\t\t<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm5 1h8v-2H8v2z' fill='currentColor'\/><\/svg>\t\t<\/i>\n\t<\/div>","formDisableScrollToFieldOnError":false,"formDisableScrollToGlobalMessageOnSuccess":true,"formDisableAutoInit":false,"formResetOnSuccess":true,"formServerErrorMsg":"A server error occurred while submitting your form. Please try again.","formCaptchaErrorMsg":"A ReCaptcha error has occured. Please try again.","formMisconfigured":"","enrichment":{"isUsed":true,"isUsedPrefill":false,"isUsedPrefillUrl":true,"expiration":"30","expirationPrefill":"2","allowed":["utm_source","utm_campaign","utm_medium","gh_src","gh_jid","_hsq","utm","utm_source","utm_content","utm_campaign","utm_term","utm_medium"],"map":[]},"geolocation":{"isUsed":false},"captcha":{"isUsed":false},"isAdmin":false} </script> <script src="https://productive.io/wp-content/plugins/eightshift-forms/public/applicationBlocksFrontend-7eb600a1824877250da2.js?ver=5.1.8" id="eightshift-forms-block-frontend-scripts-js"></script> <script src="https://productive.io/wp-content/themes/productive/public/application-4bdf92b622426c75c09b.js?ver=20241121151712.11956160953" id="Productive-scripts-js"></script> </body> </html>