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>Integrations - Productive</title><link rel="preload" data-rocket-preload as="image" href="https://productive.io/wp-content/uploads/2021/09/Hero-Integrations-General-Grey-1.svg" media="(max-width: 479px)" fetchpriority="high"><link rel="preload" data-rocket-preload as="image" href="https://productive.io/wp-content/uploads/2021/09/Hero-Integrations-General-Grey.svg" media="(min-width: 479.1px)" fetchpriority="high"> <meta name="description" content="Productive is an agency management platform that integrates with other tools. Expand your Productive workspace with 3rd party integrations." /> <link rel="canonical" href="https://productive.io/integrations/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Integrations" /> <meta property="og:description" content="Productive is an agency management platform that integrates with other tools. Expand your Productive workspace with 3rd party integrations." /> <meta property="og:url" content="https://productive.io/integrations/" /> <meta property="og:site_name" content="Productive" /> <meta property="article:modified_time" content="2024-11-05T10:27:38+00:00" /> <meta property="og:image" content="https://website-assets.productive.io/uploads/2021/10/Productive.png" /> <meta property="og:image:width" content="2400" /> <meta property="og:image:height" content="1260" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://productive.io/integrations/","url":"https://productive.io/integrations/","name":"Integrations - Productive","isPartOf":{"@id":"https://productive.io/#website"},"primaryImageOfPage":{"@id":"https://productive.io/integrations/#primaryimage"},"image":{"@id":"https://productive.io/integrations/#primaryimage"},"thumbnailUrl":"https://website-assets.productive.io/uploads/2021/10/Productive.png","datePublished":"2021-08-30T10:09:23+00:00","dateModified":"2024-11-05T10:27:38+00:00","description":"Productive is an agency management platform that integrates with other tools. Expand your Productive workspace with 3rd party integrations.","breadcrumb":{"@id":"https://productive.io/integrations/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://productive.io/integrations/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://productive.io/integrations/#primaryimage","url":"https://website-assets.productive.io/uploads/2021/10/Productive.png","contentUrl":"https://website-assets.productive.io/uploads/2021/10/Productive.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https://productive.io/integrations/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://productive.io/"},{"@type":"ListItem","position":2,"name":"Integrations"}]},{"@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/4567" /><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="integrations" class="page-template-default page page-id-4567 page-parent"> <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 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="c767b5ae"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="6f578d82" > <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="91d51e1f" > 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="ebb82f31" > <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="633dd2d3" > 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="0322f169" > <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="a034240d" > 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="1616b245" > 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="8d269e1e" > <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="9cfba204" > <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="066f4630" > <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="5bd43057" > <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="3bc8784a"> <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="ecf36f71" > <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="e3a7be15" > <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="af341d32" > <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="ae152144" > <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="5d16305e" > <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="bbb368d9" > <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="c26dc95b"> <picture class="image card-simple__image-picture" data-id="7a254937" > <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="d3088176" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="840c0ece" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="9bc9729c" > 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="1a4801aa" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="1432e627" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="7e18d45f" > <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="d443632f"> <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="81754bb0" > <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="6c4e71a2" > <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="6312abb8" > <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="84a31a50" > <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://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="c118c642" > <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://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="a661e16e" > <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/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="6ddc4caa" > <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/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="b77d85d0" > <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 href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="cf82fe9b" > <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/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="25af0a3b" > <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> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="ef6c5a0d"> <picture class="image card-simple__image-picture" data-id="7fe1ebf3" > <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="0f4891aa" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="9c9f6f96" > 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="7d52ff9d" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="04962e4e" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="f45187dd" > <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="837e6577"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="c68fc87c" > <p class="typography btn__label js-button-label" data-id="b7ac4247" > Login</p> </a></div> <div class="block-button" data-id="89125195"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="b69773d4" > <p class="typography btn__label js-button-label" data-id="4105a600" > Book a Demo</p> </a></div> <div class="block-button" data-id="cc9200e0"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="b66c2b68" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="c83992a7" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="2123b532" > <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="c767b5ae"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="6f578d82" > <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="91d51e1f" > 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="ebb82f31" > <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="633dd2d3" > 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="0322f169" > <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="a034240d" > 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="1616b245" > 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="8d269e1e" > <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="9cfba204" > <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="066f4630" > <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="5bd43057" > <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="3bc8784a"> <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="ecf36f71" > <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="e3a7be15" > <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="af341d32" > <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="ae152144" > <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="5d16305e" > <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="bbb368d9" > <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="c26dc95b"> <picture class="image card-simple__image-picture" data-id="7a254937" > <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="d3088176" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="840c0ece" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="9bc9729c" > 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="1a4801aa" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="1432e627" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="7e18d45f" > <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="d443632f"> <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="81754bb0" > <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="6c4e71a2" > <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="6312abb8" > <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="84a31a50" > <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://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="c118c642" > <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://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="a661e16e" > <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/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="6ddc4caa" > <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/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="b77d85d0" > <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 href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="cf82fe9b" > <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/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="25af0a3b" > <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> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="ef6c5a0d"> <picture class="image card-simple__image-picture" data-id="7fe1ebf3" > <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="0f4891aa" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="9c9f6f96" > 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="7d52ff9d" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="04962e4e" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="f45187dd" > <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="837e6577"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="c68fc87c" > <p class="typography btn__label js-button-label" data-id="b7ac4247" > Login</p> </a></div> <div class="block-button" data-id="89125195"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="b69773d4" > <p class="typography btn__label js-button-label" data-id="4105a600" > Book a Demo</p> </a></div> <div class="block-button" data-id="cc9200e0"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="b66c2b68" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="c83992a7" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="2123b532" > <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 wrapper--simple" data-id="f153a806" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="cb38bc16"> <div class="block-column" data-id="8f3a68f5"> <div class="wrapper wrapper--simple" data-id="920fb61d" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="9f467e41"> <h3 class="typography block-heading__heading" data-id="34321a1f" > <strong>INTEGRATIONS</strong></h3></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2e55994d" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="939a2bb9"> <h1 class="typography block-heading__heading" data-id="bf3be138" > Your Business Ecosystem,<br><strong>Connected</strong></h1></div> </div> </div> <div class="wrapper wrapper--simple" data-id="779a8fc3" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="151d4d3c" > <p class="typography block-paragraph__paragraph" data-id="63f1a2f6" > Productive is an end-to-end agency management platform that lets you integrate with other tools to help you improve your workflow. </p></div> </div> </div> </div> <div class="block-column" data-id="3ce5dfb1"> <div class="wrapper wrapper--simple" data-id="ca8d78e8" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="7a9cbab0" > <picture class="image media__image-picture" data-id="b7f79285" > <source srcset="https://productive.io/wp-content/uploads/2021/09/Hero-Integrations-General-Grey-1.svg" media="(max-width: 479px)" /> <img fetchpriority="high" src="https://productive.io/wp-content/uploads/2021/09/Hero-Integrations-General-Grey.svg" class="image image__img media__image-img" alt="" loading="lazy" /> </picture> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="c08dfbcd" > <div class="wrapper__inner"> <div class="block-heading" data-id="f7a11f91"> <h2 class="typography block-heading__heading" data-id="8e6440b3" > Popular Productive<br><strong>Integrations</strong></h2></div> </div> </div> <div class="wrapper" data-id="8d2117de" > <div class="wrapper__inner"> <div class="block-grid" data-id="05ff7f00"> <div class="block-grid-item" data-id="8713be31"> <a href="https://productive.io/integrations/jira-cloud/" class="card-with-backplate block-card-with-backplate__card-with-backplate gtm_productive_jira" data-id="7f00a99b" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="d5113ed1" > <i class="card-with-backplate__top-icon-elem" data-name="jira-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#426f26f9-b08f-4693-b467-54bf3a3cb154)'><g clip-path='url(#30fed8f6-a249-40af-8f36-6cb725a53622)'><path d='m47.438 25.702-20.711 20.71-2.007 2.007L9.13 32.83 2 25.702a1.91 1.91 0 0 1 0-2.695L16.245 8.764 24.72.29l15.588 15.59.243.241 6.886 6.876a1.907 1.907 0 0 1 0 2.705zM24.72 17.238l-7.116 7.117 7.116 7.116 7.114-7.116-7.114-7.117z' fill='#2684FF'/><path d='M24.72 31.47a11.979 11.979 0 0 0-.052 16.89L9.097 32.796l8.474-8.474 7.149 7.148z' fill='url(#d4cb6aaa-0541-4a5b-8b72-90bc76e8e000)'/><path d='m31.853 24.374-7.134-7.136a11.983 11.983 0 0 0 0-16.944L40.334 15.9l-8.48 8.474z' fill='url(#0c3817e0-9cd0-4458-b5ee-cc6ae8eaa022)'/></g></g><defs><linearGradient id='d4cb6aaa-0541-4a5b-8b72-90bc76e8e000' x1='23.445' y1='38.67' x2='13.508' y2='28.735' gradientUnits='userSpaceOnUse'><stop offset='.18' stop-color='#0052CC'/><stop offset='1' stop-color='#2684FF'/></linearGradient><linearGradient id='0c3817e0-9cd0-4458-b5ee-cc6ae8eaa022' x1='1814.87' y1='-2040.93' x2='2829.57' y2='-2698.76' gradientUnits='userSpaceOnUse'><stop offset='.18' stop-color='#0052CC'/><stop offset='1' stop-color='#2684FF'/></linearGradient><clipPath id='426f26f9-b08f-4693-b467-54bf3a3cb154'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath><clipPath id='30fed8f6-a249-40af-8f36-6cb725a53622'><path fill='#fff' transform='matrix(1 0 0 -1 2 48.708)' d='M0 0h46v48.708H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading gtm_productive_jira" data-id="4635416d" > Jira</h2><p class="typography card-with-backplate__paragraph gtm_productive_jira" data-id="2b29ea49" > If you rely on Jira, simply connect it with Productive. Jira and Productive work in perfect harmony. </p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="05df63a3" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="c3c5b499"> <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> </a> </div> <div class="block-grid-item" data-id="7928d48a"> <a href="https://productive.io/integrations/hubspot/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="7dbb9b1e" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="5bedf896" > <i class="card-with-backplate__top-icon-elem" data-name="hubspot-50"> <svg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#a)'><circle cx='25' cy='25' r='24' fill='#FF7A59'/><path d='M31.722 20.752v-3.527a2.716 2.716 0 0 0 1.566-2.448v-.081c0-1.5-1.216-2.716-2.716-2.716h-.081a2.716 2.716 0 0 0-2.716 2.716v.081a2.716 2.716 0 0 0 1.566 2.448v3.527a7.69 7.69 0 0 0-3.657 1.61l-9.673-7.534c.069-.249.105-.505.109-.762a3.06 3.06 0 1 0-3.064 3.054 3.027 3.027 0 0 0 1.507-.41l9.525 7.412a7.714 7.714 0 0 0 .118 8.69l-2.897 2.898a2.486 2.486 0 0 0-.724-.118 2.514 2.514 0 1 0 2.515 2.515 2.48 2.48 0 0 0-.118-.724l2.866-2.867a7.729 7.729 0 1 0 5.874-13.764m-1.188 11.6a3.965 3.965 0 1 1 0-7.927 3.965 3.965 0 0 1 .004 7.925' fill='#fff'/></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="e5d818cf" > HubSpot</h2><p class="typography card-with-backplate__paragraph" data-id="672b2359" > If HubSpot is your CRM tool of choice, integrate and speed up work.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="fc4e6c5b" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="3e992218"> <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> </a> </div> <div class="block-grid-item" data-id="f317189d"> <a href="https://productive.io/integrations/xero-integration/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="400e28ee" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="a6de2870" > <i class="card-with-backplate__top-icon-elem" data-name="xero-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M25 48c12.703 0 23-10.297 23-23S37.703 2 25 2 2 12.297 2 25s10.297 23 23 23z' fill='#1AB4D7'/><path d='m13.01 24.933 3.925-3.935a.703.703 0 0 0-1-.988l-3.922 3.92-3.94-3.926a.703.703 0 1 0-.988 1l3.924 3.923-3.922 3.93a.701.701 0 0 0 .49 1.207.697.697 0 0 0 .496-.206l3.934-3.927 3.918 3.913a.702.702 0 1 0 1.008-.979l-3.923-3.932zm23.335-.002a1.28 1.28 0 0 0 1.278 1.278 1.28 1.28 0 0 0 0-2.556 1.28 1.28 0 0 0-1.278 1.278z' fill='#fff'/><path d='M33.92 24.933a3.706 3.706 0 0 1 3.702-3.701c2.04 0 3.7 1.66 3.7 3.701 0 2.04-1.66 3.7-3.7 3.7a3.705 3.705 0 0 1-3.701-3.7zm-1.455 0a5.163 5.163 0 0 0 5.157 5.157 5.164 5.164 0 0 0 5.158-5.157 5.164 5.164 0 0 0-5.158-5.157 5.163 5.163 0 0 0-5.157 5.157zm-.366-5.069h-.217c-.65 0-1.276.204-1.799.608a.705.705 0 0 0-.687-.553.695.695 0 0 0-.697.697l.002 8.686a.704.704 0 0 0 1.407-.001v-5.34c0-1.78.163-2.5 1.687-2.69.141-.018.295-.015.295-.015.417-.014.714-.301.714-.689a.705.705 0 0 0-.705-.703zm-13.504 4.219.003-.06a3.726 3.726 0 0 1 7.235.06h-7.238zm8.678-.133c-.303-1.435-1.088-2.613-2.284-3.37a5.198 5.198 0 0 0-5.747.152 5.216 5.216 0 0 0-2.173 4.235c0 .414.05.832.154 1.244a5.198 5.198 0 0 0 4.377 3.852 4.922 4.922 0 0 0 1.855-.123 5.098 5.098 0 0 0 1.542-.658c.498-.32.915-.744 1.319-1.25l.024-.027c.28-.348.229-.842-.08-1.078-.259-.199-.695-.28-1.038.16a4.75 4.75 0 0 1-.246.321 4.035 4.035 0 0 1-1.017.82 3.7 3.7 0 0 1-1.728.436c-2.046-.022-3.14-1.45-3.53-2.47a3.706 3.706 0 0 1-.157-.59 1.364 1.364 0 0 1-.01-.109l7.341-.001c1.006-.021 1.548-.732 1.398-1.544z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="3748ddf1" > Xero</h2><p class="typography card-with-backplate__paragraph" data-id="c25b76f8" > Export and copy invoices from Productive into Xero to streamline your agency’s processes.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="510be756" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="cb484686"> <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> </a> </div> <div class="block-grid-item" data-id="c455433a"> <a href="https://productive.io/integrations/google-calendar/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="f7a7d65a" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="427ed739" > <i class="card-with-backplate__top-icon-elem" data-name="google-calendar-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M37.105 12.895h-24.21v24.21h24.21v-24.21z' fill='#fff'/><path d='M37.105 48 48 37.105H37.105V48z' fill='#EA4335'/><path d='M48 12.895H37.105v24.21H48v-24.21z' fill='#FBBC04'/><path d='M37.105 37.105h-24.21V48h24.21V37.105z' fill='#34A853'/><path d='M2 37.105v7.263A3.63 3.63 0 0 0 5.632 48h7.263V37.105H2z' fill='#188038'/><path d='M48 12.895V5.632A3.63 3.63 0 0 0 44.368 2h-7.263v10.895H48z' fill='#1967D2'/><path d='M37.105 2H5.632A3.63 3.63 0 0 0 2 5.632v31.473h10.895v-24.21h24.21V2z' fill='#4285F4'/><path d='M17.86 31.676c-.904-.611-1.53-1.504-1.872-2.684l2.1-.866c.19.726.523 1.29.999 1.689.472.4 1.047.596 1.718.596.688 0 1.278-.209 1.77-.626a2 2 0 0 0 .742-1.595c0-.66-.26-1.199-.78-1.616-.521-.418-1.175-.627-1.955-.627h-1.214v-2.079h1.09c.671 0 1.237-.181 1.697-.545.46-.363.69-.86.69-1.492 0-.563-.205-1.01-.617-1.346-.412-.336-.932-.506-1.565-.506-.617 0-1.107.164-1.47.494-.363.33-.636.748-.793 1.213l-2.08-.865c.276-.781.781-1.471 1.523-2.067.741-.597 1.688-.896 2.838-.896.85 0 1.616.163 2.294.493.678.33 1.21.787 1.595 1.368a3.49 3.49 0 0 1 .575 1.964c0 .742-.178 1.368-.535 1.883a3.69 3.69 0 0 1-1.317 1.183v.124a3.997 3.997 0 0 1 1.689 1.316c.439.59.66 1.296.66 2.119 0 .823-.21 1.558-.627 2.203-.418.645-.995 1.153-1.728 1.522-.735.37-1.561.557-2.479.557-1.062.003-2.042-.303-2.947-.914zm12.902-10.423-2.306 1.668-1.153-1.75 4.137-2.983h1.586v14.075h-2.264v-11.01z' fill='#4285F4'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="1a0b6a8b" > Google Calendar</h2><p class="typography card-with-backplate__paragraph" data-id="f5700138" > Keep up to date across all your devices by syncing Productive and your Google Calendar.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="87fe3dc3" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="bbf30c95"> <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> </a> </div> <div class="block-grid-item" data-id="fb2dafe7"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="af7b783f"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="0a699a5e" > <i class="card-with-backplate__top-icon-elem" data-name="sage-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#607083'/><path d='M25.31 11.583c4.516 0 8.188 3.098 8.273 7.408.042 1.214-.844 1.884-1.815 1.884-.929 0-1.73-.669-1.773-1.8-.042-2.428-2.11-4.228-4.727-4.228-2.449 0-4.305 1.716-4.305 4.06 0 2.553 1.73 3.684 5.318 4.982 3.84 1.38 7.344 3.013 7.344 7.868 0 4.228-3.335 7.618-7.977 7.618-4.558 0-8.315-3.181-8.315-7.492 0-2.679 1.309-4.563 2.575-4.563 1.097 0 1.772.712 1.772 1.674 0 .837-.717 1.214-.717 2.721 0 2.679 2.195 4.395 4.685 4.395 2.617 0 4.347-1.8 4.347-3.976 0-2.68-1.73-3.809-5.318-5.065-4.009-1.422-7.344-3.139-7.344-7.868 0-4.269 3.461-7.618 7.977-7.618Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="fcf52959" > Sage</h2><p class="typography card-with-backplate__paragraph" data-id="bfbde77a" > Export and copy invoices from Productive into Sage to streamline your agency’s processes. </p><a href="https://productive.io/integrations/sage/" class="chevron card-with-backplate__chevron" aria-label="" data-id="5caefcfc" > <div aria-hidden="true" class="icon chevron__icon" data-id="60697ae5"> <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> </a> </div> </div> <div class="block-grid-item" data-id="8f552089"> <a href="https://productive.io/integrations/zapier-integration/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="91bbc45b" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="888bba7a" > <i class="card-with-backplate__top-icon-elem" data-name="zapier-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M42.48 2H7.52A5.52 5.52 0 0 0 2 7.52v34.96A5.52 5.52 0 0 0 7.52 48h34.96A5.52 5.52 0 0 0 48 42.48V7.52A5.52 5.52 0 0 0 42.48 2z' fill='#FF4F00'/><path d='m8.932 39.42-.006-.02 4.147-3.797v-1.83H6.42v1.83h3.975l.006.017-4.107 3.8v1.83h6.847v-1.83H8.932zm8.293-5.82c-.767 0-1.393.115-1.876.346-.45.202-.83.535-1.09.955a3.473 3.473 0 0 0-.456 1.38l2.019.284c.073-.43.219-.735.438-.915.25-.188.556-.283.868-.268.41 0 .707.11.892.328.182.22.276.523.276.922v.2h-1.942c-.988 0-1.698.22-2.13.657-.43.439-.646 1.017-.646 1.736 0 .736.216 1.283.647 1.643.43.359.973.538 1.625.535.81 0 1.433-.278 1.87-.835.257-.343.44-.735.54-1.152h.073l.278 1.83h1.83v-4.633c0-.957-.253-1.7-.758-2.225-.504-.526-1.323-.789-2.458-.789zm.64 5.71c-.29.242-.67.363-1.144.363-.39 0-.66-.069-.813-.205a.67.67 0 0 1-.228-.52.684.684 0 0 1 .189-.506.705.705 0 0 1 .52-.19h1.91v.127a1.163 1.163 0 0 1-.434.93zm13.638-5.537h-2.161v7.478h2.161v-7.478zm12.761 0c-.61 0-1.092.216-1.444.647-.252.31-.444.767-.576 1.372h-.063l-.283-2.019h-1.846v7.477h2.162v-3.834c0-.484.113-.854.34-1.112.226-.258.643-.387 1.252-.387h.821v-2.144h-.363zm-6.357.245c-.505-.3-1.141-.45-1.91-.45-1.209 0-2.155.345-2.84 1.034-.683.689-1.024 1.638-1.024 2.848a4.539 4.539 0 0 0 .465 2.113 3.357 3.357 0 0 0 1.326 1.397c.572.331 1.253.497 2.043.498.683 0 1.253-.106 1.711-.316.43-.189.805-.485 1.089-.86.27-.368.47-.782.591-1.222l-1.862-.522a1.73 1.73 0 0 1-.438.758c-.21.21-.563.316-1.057.316-.588 0-1.026-.169-1.315-.505-.209-.244-.34-.59-.398-1.041h5.099c.02-.21.032-.387.032-.53v-.465a4.152 4.152 0 0 0-.378-1.814 2.84 2.84 0 0 0-1.134-1.239zm-1.972 1.333c.876 0 1.373.432 1.491 1.294h-3.1c.05-.288.168-.559.347-.79.284-.336.705-.505 1.262-.504zm-5.489-4.591a1.215 1.215 0 0 0-.884.34 1.168 1.168 0 0 0-.347.876 1.188 1.188 0 0 0 1.231 1.23 1.17 1.17 0 0 0 1.136-.754 1.23 1.23 0 0 0 .08-.476 1.166 1.166 0 0 0-.741-1.137 1.163 1.163 0 0 0-.474-.078v-.001zm-4.465 2.809c-.736 0-1.327.231-1.774.693-.331.343-.574.854-.729 1.534h-.069l-.283-2.019H21.28V43.4h2.162v-3.964h.079c.066.265.158.522.276.767.183.4.482.736.86.962.391.214.832.32 1.277.308.905 0 1.594-.352 2.067-1.057.473-.705.71-1.688.71-2.95 0-1.22-.229-2.173-.687-2.863-.457-.69-1.139-1.034-2.043-1.034zm.22 5.418c-.253.365-.647.548-1.184.548a1.395 1.395 0 0 1-1.159-.53c-.28-.35-.419-.831-.418-1.442v-.142c0-.62.14-1.095.418-1.425.28-.329.665-.492 1.16-.488.546 0 .943.173 1.19.52.248.347.371.831.371 1.452.002.642-.124 1.144-.377 1.507H26.2z' fill='#FFFDF9'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="7bea0d1b" > Zapier</h2><p class="typography card-with-backplate__paragraph" data-id="3ba70320" > Connect your Productive workspace with over 1000 apps via Zapier.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="3fa969ff" > <div aria-hidden="true" class="icon chevron__icon" data-id="2f96e867"> <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> </a> </div> <div class="block-grid-item" data-id="dc6d8e33"> <a href="https://productive.io/integrations/microsoft-outlook-calendar-integration/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="e6cf9266" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="8d7d56d9" > <i class="card-with-backplate__top-icon-elem" data-name="outlook-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M42.382 4.875H17.668a2.018 2.018 0 0 0-2.018 2.018v2.295L29.58 13.5 44.4 9.187V6.893a2.018 2.018 0 0 0-2.018-2.018z' fill='#0364B8'/><path d='M46.772 27.02c.21-.662.378-1.337.503-2.02a.958.958 0 0 0-.479-.828l-.018-.012-.006-.002-15.58-8.876a2.157 2.157 0 0 0-2.334-.001l-15.58 8.878-.006.003-.017.01a.958.958 0 0 0-.48.828c.125.683.293 1.358.503 2.02l16.52 12.082L46.772 27.02z' fill='#0A2767'/><path d='M35.775 9.188H25.712L22.807 13.5l2.905 4.313 10.063 8.625H44.4v-8.625l-8.625-8.625z' fill='#28A8EA'/><path d='M15.65 9.188h10.062v8.624H15.65V9.188z' fill='#0078D4'/><path d='M35.775 9.188H44.4v8.624h-8.625V9.188z' fill='#50D9FF'/><path d='m35.775 26.438-10.063-8.625H15.65v8.625l10.062 8.625 15.571 2.541-5.508-11.166z' fill='#0364B8'/><path d='M25.712 17.813h10.063v8.625H25.712v-8.625z' fill='#0078D4'/><path d='M15.65 26.438h10.062v8.625H15.65v-8.626z' fill='#064A8C'/><path d='M35.775 26.438H44.4v8.625h-8.625v-8.626z' fill='#0078D4'/><path opacity='.5' d='M30.298 38.25 13.346 25.889l.711-1.25s15.446 8.797 15.682 8.93a.759.759 0 0 0 .604-.018l15.716-8.955.713 1.249L30.298 38.25z' fill='#0A2767'/><path d='m46.796 25.83-.02.01-.004.004-15.58 8.875a2.15 2.15 0 0 1-2.099.13l5.426 7.276 11.865 2.583v.006a2.155 2.155 0 0 0 .89-1.745V25a.958.958 0 0 1-.478.83z' fill='#1490DF'/><path opacity='.05' d='M47.275 42.969v-1.061l-14.35-8.177-1.733.988a2.15 2.15 0 0 1-2.099.13l5.426 7.276 11.865 2.583v.006a2.153 2.153 0 0 0 .89-1.745z' fill='#000'/><path opacity='.1' d='m47.203 43.52-15.73-8.96-.28.157a2.152 2.152 0 0 1-2.1.133l5.426 7.275 11.865 2.583v.006a2.17 2.17 0 0 0 .82-1.193v-.002z' fill='#000'/><path d='M13.278 25.848v-.014h-.014l-.043-.029a.934.934 0 0 1-.446-.805v17.969a2.151 2.151 0 0 0 2.156 2.156H45.12a2.16 2.16 0 0 0 .532-.072.917.917 0 0 0 .258-.086.205.205 0 0 0 .087-.029c.117-.048.228-.11.33-.187.03-.014.044-.014.058-.043l-33.106-18.86z' fill='#28A8EA'/><path opacity='.1' d='M27.15 37.459v-23.48a1.922 1.922 0 0 0-1.916-1.916h-9.54V22.78l-2.416 1.378-.007.002-.017.01a.956.956 0 0 0-.479.83v.007V25v14.375h12.459a1.922 1.922 0 0 0 1.916-1.916z' fill='#000'/><path opacity='.2' d='M25.712 38.896v-23.48a1.922 1.922 0 0 0-1.916-1.916h-8.103v9.28l-2.415 1.378-.007.002-.017.01a.956.956 0 0 0-.479.83v.007V25v15.813h11.021a1.922 1.922 0 0 0 1.916-1.917z' fill='#000'/><path opacity='.2' d='M25.712 36.021V15.416a1.922 1.922 0 0 0-1.916-1.916h-8.103v9.28l-2.415 1.378-.007.002-.017.01a.956.956 0 0 0-.479.83v.007V25v12.938h11.021a1.922 1.922 0 0 0 1.916-1.917z' fill='#000'/><path opacity='.2' d='M24.275 36.021V15.416a1.922 1.922 0 0 0-1.916-1.916h-6.666v9.28l-2.415 1.378-.007.002-.017.01a.956.956 0 0 0-.479.83v.007V25v12.938h9.584a1.922 1.922 0 0 0 1.916-1.917z' fill='#000'/><path d='M3.191 13.5H22.36a1.917 1.917 0 0 1 1.916 1.916v19.168A1.917 1.917 0 0 1 22.36 36.5H3.19a1.916 1.916 0 0 1-1.916-1.916V15.416A1.916 1.916 0 0 1 3.191 13.5z' fill='#0078D4'/><path d='M6.834 21.36a6.01 6.01 0 0 1 2.36-2.607 7.138 7.138 0 0 1 3.752-.94 6.636 6.636 0 0 1 3.469.89 5.951 5.951 0 0 1 2.297 2.492 8.045 8.045 0 0 1 .805 3.666 8.482 8.482 0 0 1-.83 3.832 6.094 6.094 0 0 1-2.364 2.579 6.9 6.9 0 0 1-3.601.916 6.797 6.797 0 0 1-3.548-.902 6.043 6.043 0 0 1-2.326-2.495 7.847 7.847 0 0 1-.815-3.621 8.704 8.704 0 0 1 .8-3.81zm2.515 6.121a3.904 3.904 0 0 0 1.327 1.716 3.466 3.466 0 0 0 2.075.626 3.641 3.641 0 0 0 2.215-.646 3.742 3.742 0 0 0 1.29-1.72 6.65 6.65 0 0 0 .41-2.394 7.279 7.279 0 0 0-.388-2.423 3.837 3.837 0 0 0-1.245-1.783 3.43 3.43 0 0 0-2.195-.68 3.586 3.586 0 0 0-2.123.631 3.94 3.94 0 0 0-1.357 1.73 6.865 6.865 0 0 0-.01 4.945l.001-.002z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="6826526f" > Outlook / Microsoft Calendar</h2><p class="typography card-with-backplate__paragraph" data-id="7638429e" > Keep your schedule in sync by syncing calendars.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="963955ba" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="1c81ebbe"> <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> </a> </div> <div class="block-grid-item" data-id="dfcbe112"> <a href="https://productive.io/integrations/slack/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="9939ff5d" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="4ace0621" > <i class="card-with-backplate__top-icon-elem" data-name="slack-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#b5acb372-e9de-42d7-bea5-ccacb91f9557)' fill-rule='evenodd' clip-rule='evenodd'><path d='M18.865 2a4.598 4.598 0 1 0 .002 9.198h4.601V6.601A4.603 4.603 0 0 0 18.865 2c.002 0 .002 0 0 0zm0 12.267H6.601a4.6 4.6 0 0 0-.002 9.2h12.266a4.6 4.6 0 1 0 0-9.2z' fill='#36C5F0'/><path d='M48 18.866a4.6 4.6 0 0 0-4.6-4.6 4.6 4.6 0 0 0-4.602 4.6v4.6H43.4a4.6 4.6 0 0 0 4.601-4.6zm-12.267 0V6.599a4.601 4.601 0 0 0-9.2 0v12.267a4.6 4.6 0 1 0 9.2 0z' fill='#2EB67D'/><path d='M31.133 48a4.6 4.6 0 1 0 0-9.198h-4.601V43.4a4.603 4.603 0 0 0 4.6 4.599zm0-12.269h12.266a4.6 4.6 0 0 0 .002-9.2H31.134a4.6 4.6 0 0 0-.002 9.2z' fill='#ECB22E'/><path d='M2 31.132a4.6 4.6 0 0 0 4.6 4.6 4.6 4.6 0 0 0 4.601-4.6v-4.599h-4.6A4.6 4.6 0 0 0 2 31.133zm12.267 0V43.4a4.6 4.6 0 0 0 9.2.002V31.136a4.6 4.6 0 0 0-9.2-.004s0 .002 0 0z' fill='#E01E5A'/></g><defs><clipPath id='b5acb372-e9de-42d7-bea5-ccacb91f9557'><path fill='#fff' transform='translate(2 2)' d='M0 0h46v46H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="369e1d27" > Slack</h2><p class="typography card-with-backplate__paragraph" data-id="86a6ba3c" > Get Productive notifications and task updates directly in Slack.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="a82e65ea" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="b316c37d"> <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> </a> </div> <div class="block-grid-item" data-id="d9014290"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="c450dc33"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="da268a6d" > <i class="card-with-backplate__top-icon-elem" data-name="bugherd-2500"> <svg width='2500' height='2500' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid'><path d='M134.395 255.707H121.8c-.463-.094-.922-.217-1.39-.277-5.75-.734-11.575-1.1-17.241-2.247-27.92-5.647-51.689-18.928-70.373-40.422C3.82 179.43-5.931 140.756 4.14 97.822 17.274 41.833 66.636 2.102 123.908.272c1.252-.04 2.5-.179 3.75-.272h1.172c.416.077.832.221 1.248.222 8.03.01 15.978.9 23.818 2.555 28.244 5.961 52.077 19.706 70.84 41.61 24.117 28.158 34.104 60.942 30.355 97.844-1.493 14.694-5.606 28.678-12.18 41.893-13.027 26.185-32.706 45.767-58.921 58.714-13.956 6.892-28.741 10.942-44.255 12.306-1.783.157-3.56.374-5.34.563zM57.356 125.858c2.706-2.75 3.785-4.684 3.85-7.25.068-2.733.094-5.47-.004-8.2-.175-4.883-3.1-8.457-7.939-9.031-3.852-.457-7.787-.331-11.682-.26-1.778.033-3.016 1.658-3.018 3.557-.018 14.693-.022 29.386.004 44.079.004 2.105 1.52 3.537 3.66 3.56 3.222.035 6.446.071 9.666-.006 6.255-.15 10.732-4.762 10.752-10.99.006-2.1-.004-4.198.002-6.297.011-4.024-1.433-7.222-5.29-9.162zm72.365-3.47v-1.678c0-5.32.002-10.642 0-15.963-.003-2.751-1.374-4.277-3.85-4.292-2.516-.015-3.945 1.48-3.946 4.204a38129.47 38129.47 0 0 0 0 44.082c.002 2.703 1.456 4.196 3.984 4.168 2.41-.027 3.808-1.555 3.81-4.185.005-5.76.002-11.52.002-17.281v-1.582h8.602v1.818c0 5.712-.012 11.424.006 17.135.008 2.61 1.45 4.092 3.91 4.095 2.475.004 3.878-1.463 3.882-4.09.008-4.881.003-9.763.003-14.645 0-9.91.002-19.82-.003-29.73-.002-2.036-.967-3.413-2.675-3.88-2.738-.748-5.09.955-5.11 3.79-.039 5.42-.013 10.838-.013 16.257v1.777h-8.602zm-28.19 18.53c.397.068.728.131 1.062.181 6.715 1.01 11.81-2.466 12.66-8.816.284-2.112.07-4.287.122-6.433.05-2.126-.109-4.184-1.707-5.948.628-.081 1.103-.12 1.568-.208 2.39-.454 3.343-1.789 2.988-4.162-.302-2.017-1.355-2.705-3.835-2.5-.291.024-.58.077-.871.108-3.387.362-6.766.847-10.163 1.054-4.695.287-8.286 3.18-9.078 7.829-.324 1.904-.215 3.882-.316 5.825-.206 3.944.14 7.73 3.208 10.735-1.955 1.414-3.176 3.096-3.354 5.409-.18 2.352.598 4.286 2.702 5.656l-.92.635c-2.735 1.882-3.78 4.523-3.33 7.743.44 3.139 2.395 5.087 5.322 5.984 4.406 1.35 8.9 1.527 13.174-.317 1.847-.797 3.712-2.116 4.938-3.69 4.704-6.04 1.292-14.632-6.064-15.52-2.022-.244-4.094-.054-6.142-.098-2.354-.053-3.022-1.17-1.964-3.467zm107.836-23.94c-.738-.616-1.218-1.116-1.788-1.474-2.644-1.657-5.444-1.798-8.228-.488-2.582 1.215-3.572 3.555-3.592 6.242-.062 8.196-.092 16.394.005 24.588.055 4.559 3.319 7.482 7.88 7.352 2.472-.07 4.302-1.336 5.835-3.371.51 1.62 1.33 2.77 2.955 3.045 2.67.453 4.426-1.041 4.433-3.838.02-8.391.008-16.783.008-25.174 0-6.489-.009-12.978.005-19.466.004-1.46-.368-2.712-1.708-3.482-2.706-1.555-5.785.188-5.8 3.293-.02 4.186-.005 8.373-.005 12.773zM81.223 149.79c.137.417.187.605.26.784.758 1.891 2.23 2.668 4.344 2.298 1.656-.29 2.567-1.53 2.593-3.532.006-.488.001-.976.001-1.464 0-9.857.007-19.714-.004-29.57-.003-2.468-1.376-3.809-3.804-3.792-2.367.016-3.688 1.385-3.693 3.924-.015 8.393 0 16.786-.02 25.178-.001.56-.006 1.295-.334 1.643-.97 1.03-2.258 1.295-3.63.9-1.205-.347-1.661-1.268-1.732-2.435-.044-.73-.091-1.46-.092-2.19-.006-7.662.004-15.323-.009-22.984-.004-2.655-1.299-4.03-3.729-4.036-2.466-.007-3.77 1.352-3.771 3.973-.006 8.93-.023 17.86.006 26.789.017 5.332 3.036 8.2 8.269 7.916 2.31-.125 4.06-1.238 5.345-3.402zm78.699-13.87c3.424 0 6.686.009 9.947-.004 2.094-.008 3.133-1.034 3.152-3.152.025-2.928.067-5.857-.007-8.783-.143-5.636-3.906-9.573-9.234-9.759-6.726-.234-10.904 2.845-11.206 8.976-.347 7.057-.291 14.146-.075 21.212.14 4.544 2.788 7.513 6.82 8.419 1.27.285 2.61.355 3.916.355 5.997 0 9.775-3.928 9.595-9.903-.067-2.204-1.29-3.412-3.491-3.444-2.332-.034-3.533 1.107-3.614 3.433-.01.292-.005.586-.033.877-.185 1.86-1.17 2.833-2.882 2.854-1.674.02-2.798-.982-2.864-2.843-.095-2.674-.024-5.353-.024-8.239zm25.558-17.824c-.297-1.582-.784-2.828-2.36-3.218-2.75-.679-4.649.771-4.662 3.603-.022 4.778-.006 9.555-.006 14.333 0 5.363-.008 10.725.004 16.088.006 2.165.893 3.471 2.593 3.914 2.74.715 4.902-.921 4.906-3.755.012-8.435.004-16.869.006-25.303 0-1.642.46-2.042 2.107-1.843.771.093 1.542.279 2.312.272 1.924-.018 3.117-1.404 3.194-3.603.088-2.51-.91-3.874-2.974-4.063-2.692-.248-3.744.457-5.12 3.575zM46.3 145.509V129.64c1.742 0 3.446-.158 5.106.042 1.919.231 3.183 1.477 3.291 3.379.169 2.958.174 5.94.006 8.899-.108 1.916-1.416 3.028-3.325 3.345-.672.111-1.356.173-2.036.196-.967.032-1.935.008-3.042.008zm.011-22.794V107.78c1.615.113 3.16.13 4.676.354 1.203.179 2.168 1.026 2.222 2.225.14 3.147.198 6.31.029 9.452-.083 1.532-1.286 2.502-2.859 2.687-1.293.152-2.605.145-4.068.217zm55 5.016c-.002-1.366-.071-2.737.014-4.098.128-2.035 1.359-3.211 3.244-3.245 1.988-.036 3.336 1.111 3.42 3.201.11 2.729.104 5.468.007 8.197-.075 2.083-1.424 3.276-3.383 3.255-1.884-.02-3.148-1.198-3.284-3.212-.091-1.36-.017-2.731-.018-4.098zm3.27 31.24c-.675-.084-1.362-.116-2.024-.262-2.854-.628-3.899-3.479-2.358-6.373.607-1.14 1.346-1.948 2.85-1.745 1.293.175 2.625.044 3.929.169 1.567.15 2.765.867 3.203 2.518.441 1.664-.037 3.517-1.505 4.387-1.213.719-2.654 1.055-3.994 1.56a65.267 65.267 0 0 0-.1-.254zm104.785-25.26v10.24c-.002 1.686-.708 2.444-2.519 2.713-1.667.248-2.91-.419-3.349-1.869a6.098 6.098 0 0 1-.248-1.722c-.017-6.29-.029-12.58-.002-18.87.012-2.854 2.029-4.216 4.59-3.167 1.021.418 1.602 1.007 1.563 2.29-.103 3.458-.035 6.922-.035 10.384zm-43.86-3.807h-5.526c0-2.393-.113-4.715.04-7.02.102-1.556 1.311-2.416 2.81-2.386 1.48.029 2.534.804 2.638 2.369.152 2.302.039 4.622.039 7.037z' fill='#222'/><path d='M227.038 143.77c2.7-.02 4.526 1.754 4.554 4.422.03 2.752-1.818 4.662-4.504 4.657-2.628-.004-4.465-1.864-4.48-4.535-.015-2.7 1.765-4.526 4.43-4.545z' fill='#6DB6D1'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="73b14a1b" > BugHerd</h2><p class="typography card-with-backplate__paragraph" data-id="a1580903" > Connect BugHerd with Productive in a few easy steps.</p><a href="https://productive.io/integrations/bugherd/" class="chevron card-with-backplate__chevron" aria-label="" data-id="70d2b3a7" > <div aria-hidden="true" class="icon chevron__icon" data-id="be49bc81"> <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> </a> </div> </div> <div class="block-grid-item" data-id="6c4798bc"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="00918a6a"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="09002149" > <i class="card-with-backplate__top-icon-elem" data-name="quickbooks-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#29289fba-7bb6-4bb3-b131-193fc2a58d91)'><path d='M24.589 48.339h1.187c.065-.014.13-.035.196-.04.72-.064 1.44-.114 2.158-.19a19.098 19.098 0 0 0 2.672-.499 23.004 23.004 0 0 0 7.881-3.654 22.93 22.93 0 0 0 6.916-7.89 22.948 22.948 0 0 0 2.71-9.79 22.663 22.663 0 0 0-.222-4.527 23.251 23.251 0 0 0-.905-3.815 22.86 22.86 0 0 0-4.283-7.689c-2.953-3.493-6.624-5.908-10.996-7.255a21.214 21.214 0 0 0-4.143-.85c-.572-.056-1.144-.118-1.717-.132-.71-.018-1.421.003-2.131.024-.735.021-1.465.11-2.191.218a22.603 22.603 0 0 0-3.282.74 23.01 23.01 0 0 0-6.014 2.823 23.031 23.031 0 0 0-6.527 6.494 22.895 22.895 0 0 0-3.24 7.411c-.364 1.511-.596 3.04-.616 4.599-.002.146-.027.292-.042.439v.778c.011.073.029.144.031.217.01.284.006.568.025.851.071 1.08.212 2.15.43 3.209a22.925 22.925 0 0 0 2.851 7.292 23.016 23.016 0 0 0 8.114 8.017 22.83 22.83 0 0 0 5.647 2.373 20.05 20.05 0 0 0 2.88.584c.612.073 1.227.124 1.84.182.21.02.42.027.629.044.048.004.094.024.142.036zm1.876-7.992c-.044-.226-.035-24.068.01-24.221.066-.004.138-.012.21-.012 2.053-.001 4.105-.003 6.158 0 .7.001 1.393.072 2.075.23a8.944 8.944 0 0 1 3.974 2.052c2.389 2.127 3.53 5.295 2.861 8.536-.593 2.877-2.237 4.986-4.858 6.321-1.19.607-2.468.888-3.8.925-.426.012-.853.002-1.28.001-.065 0-.131-.007-.192-.011-.049-.199-.042-3.22.01-3.377.067 0 .14.002.212 0 .556-.01 1.112-.007 1.667-.037.572-.032 1.12-.192 1.642-.422 2.345-1.029 3.677-3.419 3.341-5.958a5.441 5.441 0 0 0-1.575-3.2c-1.093-1.099-2.429-1.648-3.976-1.67-.976-.015-1.953-.004-2.93-.003-.059 0-.118.006-.186.01v4.118c0 4.418 0 8.837-.002 13.256 0 .227-.004.46-.049.682-.278 1.379-1.1 2.273-2.445 2.68a2.603 2.603 0 0 1-.867.1zm-2.59-30.391c.01.026.02.043.02.06.003 7.99.004 15.98.004 23.971 0 .049-.008.098-.013.146 0 .006-.006.011-.01.015a.259.259 0 0 1-.037.031h-.233c-2.034 0-4.067.005-6.1-.003a10.238 10.238 0 0 1-1.239-.077 9.015 9.015 0 0 1-7.817-8.093 8.473 8.473 0 0 1 .197-2.853c.72-2.93 2.46-5.028 5.204-6.285a8.12 8.12 0 0 1 2.802-.712c.646-.047 1.297-.031 1.946-.042.041 0 .083.011.12.017.049.183.046 3.192-.006 3.369h-.195c-.352 0-.705-.009-1.057.003a7.85 7.85 0 0 0-.867.067 5.347 5.347 0 0 0-2.935 1.386c-1.443 1.339-2.047 3.008-1.804 4.95.209 1.662 1.047 2.975 2.432 3.925a5.303 5.303 0 0 0 2.9.952c1.05.028 2.1.007 3.151.007.053 0 .106-.009.177-.015v-1.517c0-5.24 0-10.48.004-15.72 0-.313.011-.636.083-.938.334-1.41 1.227-2.272 2.634-2.602a1.76 1.76 0 0 1 .64-.042z' fill='#24A205'/></g><defs><clipPath id='29289fba-7bb6-4bb3-b131-193fc2a58d91'><path fill='#fff' transform='matrix(-1 0 0 1 48.338 2)' d='M0 0h46.338v46.338H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="fa4c2326" > QuickBooks</h2><p class="typography card-with-backplate__paragraph" data-id="2d1d3e44" > If QuickBooks is your accounting tool of choice, integrate and speed up work.</p><a href="https://productive.io/integrations/quickbooks/" class="chevron card-with-backplate__chevron" aria-label="" data-id="663f4c79" > <div aria-hidden="true" class="icon chevron__icon" data-id="036fac6f"> <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> </a> </div> </div> <div class="block-grid-item" data-id="3b5b9a32"> </div> <div class="block-grid-item" data-id="6e7ff20e"> </div> <div class="block-grid-item" data-id="4af2bad4"> </div> <div class="block-grid-item" data-id="0267f73f"> </div> <div class="block-grid-item" data-id="4250b526"> </div> <div class="block-grid-item" data-id="ddd500ff"> </div> <div class="block-grid-item" data-id="2338037f"> </div> <div class="block-grid-item" data-id="d6b947de"> </div> </div> </div> </div> <div class="wrapper" data-id="7b5a4d15" > <div class="wrapper__inner"> <div class="block-cta-box"> <div class="cta-box" data-id="7396cddd"> <h2 class="typography cta-box__title" data-id="896d9f73" > Open API </h2><p class="typography cta-box__description" data-id="38b83f06" > Connect Productive to over 1000+ apps via our completely Open API. Get the documentation here.</p> <div class="cta-box__buttons"> <a href="https://productive.io/integrations/open-api/" class="btn btn__type--primary cta-box__button" id="" aria-label="" data-id="acfff82b" > <p class="typography btn__label js-button-label" data-id="ba9747f2" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="d6ed84ec" > <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><button name="" class="btn btn__type--secondary cta-box__button js-contact-button" id="" aria-label="" data-id="8a0726b7" > <p class="typography btn__label js-button-label" data-id="864913e8" > Contact Support</p><div aria-hidden="true" class="icon btn__icon" data-id="6d9d0ed6" > <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> <picture class="image cta-box__image-picture" data-id="7b56ba03" > <source srcset="https://productive.io/wp-content/uploads/2021/12/Build-Your-Own-IntegrationS.webp" media="(max-width: 479px)" /> <source srcset="https://productive.io/wp-content/uploads/2021/12/Build-Your-Own-IntegrationS.webp" media="(max-width: 1279px)" /> <source srcset="https://productive.io/wp-content/uploads/2021/12/Build-Your-Own-IntegrationS.webp" media="(max-width: 2159px)" /> <img src="https://productive.io/wp-content/uploads/2021/12/Build-Your-Own-IntegrationS.webp" class="image image__img cta-box__image-img" alt="" loading="lazy" /> </picture></div></div> </div> </div> <div class="wrapper" data-id="6967e554" > <div class="wrapper__anchor" id="accounting-integrations"></div> <div class="wrapper__inner"> <div class="block-heading" data-id="c8b8aeeb"> <h2 class="typography block-heading__heading" data-id="ae93c671" > Accounting <strong>Integrations</strong></h2></div> </div> </div> <div class="wrapper" data-id="5335f41d" > <div class="wrapper__inner"> <div class="block-grid" data-id="cd68d3f7"> <div class="block-grid-item" data-id="e1031f74"> <a href="https://productive.io/integrations/xero-integration/" class="card-with-backplate block-card-with-backplate__card-with-backplate gtm_productive_jira" data-id="20881cb4" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="4df783ba" > <i class="card-with-backplate__top-icon-elem" data-name="xero-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M25 48c12.703 0 23-10.297 23-23S37.703 2 25 2 2 12.297 2 25s10.297 23 23 23z' fill='#1AB4D7'/><path d='m13.01 24.933 3.925-3.935a.703.703 0 0 0-1-.988l-3.922 3.92-3.94-3.926a.703.703 0 1 0-.988 1l3.924 3.923-3.922 3.93a.701.701 0 0 0 .49 1.207.697.697 0 0 0 .496-.206l3.934-3.927 3.918 3.913a.702.702 0 1 0 1.008-.979l-3.923-3.932zm23.335-.002a1.28 1.28 0 0 0 1.278 1.278 1.28 1.28 0 0 0 0-2.556 1.28 1.28 0 0 0-1.278 1.278z' fill='#fff'/><path d='M33.92 24.933a3.706 3.706 0 0 1 3.702-3.701c2.04 0 3.7 1.66 3.7 3.701 0 2.04-1.66 3.7-3.7 3.7a3.705 3.705 0 0 1-3.701-3.7zm-1.455 0a5.163 5.163 0 0 0 5.157 5.157 5.164 5.164 0 0 0 5.158-5.157 5.164 5.164 0 0 0-5.158-5.157 5.163 5.163 0 0 0-5.157 5.157zm-.366-5.069h-.217c-.65 0-1.276.204-1.799.608a.705.705 0 0 0-.687-.553.695.695 0 0 0-.697.697l.002 8.686a.704.704 0 0 0 1.407-.001v-5.34c0-1.78.163-2.5 1.687-2.69.141-.018.295-.015.295-.015.417-.014.714-.301.714-.689a.705.705 0 0 0-.705-.703zm-13.504 4.219.003-.06a3.726 3.726 0 0 1 7.235.06h-7.238zm8.678-.133c-.303-1.435-1.088-2.613-2.284-3.37a5.198 5.198 0 0 0-5.747.152 5.216 5.216 0 0 0-2.173 4.235c0 .414.05.832.154 1.244a5.198 5.198 0 0 0 4.377 3.852 4.922 4.922 0 0 0 1.855-.123 5.098 5.098 0 0 0 1.542-.658c.498-.32.915-.744 1.319-1.25l.024-.027c.28-.348.229-.842-.08-1.078-.259-.199-.695-.28-1.038.16a4.75 4.75 0 0 1-.246.321 4.035 4.035 0 0 1-1.017.82 3.7 3.7 0 0 1-1.728.436c-2.046-.022-3.14-1.45-3.53-2.47a3.706 3.706 0 0 1-.157-.59 1.364 1.364 0 0 1-.01-.109l7.341-.001c1.006-.021 1.548-.732 1.398-1.544z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading gtm_productive_jira" data-id="321596a0" > Xero</h2><p class="typography card-with-backplate__paragraph gtm_productive_jira" data-id="ba13317c" > Export and copy invoices and expenses from Productive to Xero.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="ab490c65" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="080cdfe2"> <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> </a> </div> <div class="block-grid-item" data-id="02035f47"> <a href="https://productive.io/integrations/quickbooks/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="cdc147ee" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="7d5fc474" > <i class="card-with-backplate__top-icon-elem" data-name="quickbooks-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#29289fba-7bb6-4bb3-b131-193fc2a58d91)'><path d='M24.589 48.339h1.187c.065-.014.13-.035.196-.04.72-.064 1.44-.114 2.158-.19a19.098 19.098 0 0 0 2.672-.499 23.004 23.004 0 0 0 7.881-3.654 22.93 22.93 0 0 0 6.916-7.89 22.948 22.948 0 0 0 2.71-9.79 22.663 22.663 0 0 0-.222-4.527 23.251 23.251 0 0 0-.905-3.815 22.86 22.86 0 0 0-4.283-7.689c-2.953-3.493-6.624-5.908-10.996-7.255a21.214 21.214 0 0 0-4.143-.85c-.572-.056-1.144-.118-1.717-.132-.71-.018-1.421.003-2.131.024-.735.021-1.465.11-2.191.218a22.603 22.603 0 0 0-3.282.74 23.01 23.01 0 0 0-6.014 2.823 23.031 23.031 0 0 0-6.527 6.494 22.895 22.895 0 0 0-3.24 7.411c-.364 1.511-.596 3.04-.616 4.599-.002.146-.027.292-.042.439v.778c.011.073.029.144.031.217.01.284.006.568.025.851.071 1.08.212 2.15.43 3.209a22.925 22.925 0 0 0 2.851 7.292 23.016 23.016 0 0 0 8.114 8.017 22.83 22.83 0 0 0 5.647 2.373 20.05 20.05 0 0 0 2.88.584c.612.073 1.227.124 1.84.182.21.02.42.027.629.044.048.004.094.024.142.036zm1.876-7.992c-.044-.226-.035-24.068.01-24.221.066-.004.138-.012.21-.012 2.053-.001 4.105-.003 6.158 0 .7.001 1.393.072 2.075.23a8.944 8.944 0 0 1 3.974 2.052c2.389 2.127 3.53 5.295 2.861 8.536-.593 2.877-2.237 4.986-4.858 6.321-1.19.607-2.468.888-3.8.925-.426.012-.853.002-1.28.001-.065 0-.131-.007-.192-.011-.049-.199-.042-3.22.01-3.377.067 0 .14.002.212 0 .556-.01 1.112-.007 1.667-.037.572-.032 1.12-.192 1.642-.422 2.345-1.029 3.677-3.419 3.341-5.958a5.441 5.441 0 0 0-1.575-3.2c-1.093-1.099-2.429-1.648-3.976-1.67-.976-.015-1.953-.004-2.93-.003-.059 0-.118.006-.186.01v4.118c0 4.418 0 8.837-.002 13.256 0 .227-.004.46-.049.682-.278 1.379-1.1 2.273-2.445 2.68a2.603 2.603 0 0 1-.867.1zm-2.59-30.391c.01.026.02.043.02.06.003 7.99.004 15.98.004 23.971 0 .049-.008.098-.013.146 0 .006-.006.011-.01.015a.259.259 0 0 1-.037.031h-.233c-2.034 0-4.067.005-6.1-.003a10.238 10.238 0 0 1-1.239-.077 9.015 9.015 0 0 1-7.817-8.093 8.473 8.473 0 0 1 .197-2.853c.72-2.93 2.46-5.028 5.204-6.285a8.12 8.12 0 0 1 2.802-.712c.646-.047 1.297-.031 1.946-.042.041 0 .083.011.12.017.049.183.046 3.192-.006 3.369h-.195c-.352 0-.705-.009-1.057.003a7.85 7.85 0 0 0-.867.067 5.347 5.347 0 0 0-2.935 1.386c-1.443 1.339-2.047 3.008-1.804 4.95.209 1.662 1.047 2.975 2.432 3.925a5.303 5.303 0 0 0 2.9.952c1.05.028 2.1.007 3.151.007.053 0 .106-.009.177-.015v-1.517c0-5.24 0-10.48.004-15.72 0-.313.011-.636.083-.938.334-1.41 1.227-2.272 2.634-2.602a1.76 1.76 0 0 1 .64-.042z' fill='#24A205'/></g><defs><clipPath id='29289fba-7bb6-4bb3-b131-193fc2a58d91'><path fill='#fff' transform='matrix(-1 0 0 1 48.338 2)' d='M0 0h46.338v46.338H0z'/></clipPath></defs></svg> </i> </div><h1 class="typography card-with-backplate__heading" data-id="6206c331" > QuickBooks</h1><p class="typography card-with-backplate__paragraph" data-id="3af5d985" > If QuickBooks is your accounting tool of choice, integrate and speed up work.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="1cf39ed9" > <div aria-hidden="true" class="icon chevron__icon" data-id="b7acf67b"> <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> </a> </div> <div class="block-grid-item" data-id="ce9534c1"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="b6fa1647"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="136bc95d" > <i class="card-with-backplate__top-icon-elem" data-name="sage-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#607083'/><path d='M25.31 11.583c4.516 0 8.188 3.098 8.273 7.408.042 1.214-.844 1.884-1.815 1.884-.929 0-1.73-.669-1.773-1.8-.042-2.428-2.11-4.228-4.727-4.228-2.449 0-4.305 1.716-4.305 4.06 0 2.553 1.73 3.684 5.318 4.982 3.84 1.38 7.344 3.013 7.344 7.868 0 4.228-3.335 7.618-7.977 7.618-4.558 0-8.315-3.181-8.315-7.492 0-2.679 1.309-4.563 2.575-4.563 1.097 0 1.772.712 1.772 1.674 0 .837-.717 1.214-.717 2.721 0 2.679 2.195 4.395 4.685 4.395 2.617 0 4.347-1.8 4.347-3.976 0-2.68-1.73-3.809-5.318-5.065-4.009-1.422-7.344-3.139-7.344-7.868 0-4.269 3.461-7.618 7.977-7.618Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="858ca7fa" > Sage</h2><p class="typography card-with-backplate__paragraph" data-id="703cb54a" > Export and copy invoices from Productive into Sage to streamline your agency’s processes. </p><a href="https://productive.io/integrations/sage/" class="chevron card-with-backplate__chevron" aria-label="" data-id="45571fe8" > <div aria-hidden="true" class="icon chevron__icon" data-id="180826aa"> <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> </a> </div> </div> <div class="block-grid-item" data-id="8f91ab3c"> <a href="https://productive.io/integrations/integrations-fortnox/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="f3f24372" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="8f1a8121" > <i class="card-with-backplate__top-icon-elem" data-name="fortnox-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#0dc81a6e-a029-44b9-afab-a524375babd7)' fill='currentColor'><path d='M32.68 9.832h-7.868c-5.478 0-9.191 3.713-9.191 9.19v19.703c0 .567.314.882.882.882h4.376c.567 0 .882-.315.882-.882v-8.183h10.952c.568 0 .882-.314.882-.882v-4.185c0-.568-.314-.882-.882-.882H21.727v-5.728c0-1.826 1.228-3.053 3.054-3.053h7.899c.567 0 .882-.315.882-.882v-4.216c0-.568-.315-.882-.882-.882z'/><path d='M25 50C11.213 50 0 38.784 0 25c0-3.55.73-6.98 2.169-10.2a1.827 1.827 0 0 1 2.412-.92c.922.412 1.335 1.49.922 2.412A21.189 21.189 0 0 0 3.652 25c0 11.773 9.575 21.348 21.348 21.348 1.792 0 3.576-.222 5.295-.66a1.826 1.826 0 0 1 .902 3.54 25.085 25.085 0 0 1-6.197.775V50zm12.694-3.78a1.826 1.826 0 0 1-1.003-3.354A21.307 21.307 0 0 0 46.348 25a21.384 21.384 0 0 0-10.96-18.655 1.826 1.826 0 0 1 1.778-3.188A25.037 25.037 0 0 1 49.997 25a24.95 24.95 0 0 1-11.306 20.919c-.309.202-.657.3-1 .3h.003zM7.258 11.916a1.826 1.826 0 0 1-1.396-3.003A24.965 24.965 0 0 1 25 0c1.919 0 3.834.22 5.688.649a1.825 1.825 0 0 1-.826 3.556 21.509 21.509 0 0 0-4.86-.556A21.318 21.318 0 0 0 8.66 11.26a1.82 1.82 0 0 1-1.399.652l-.003.003z'/></g><defs><clipPath id='0dc81a6e-a029-44b9-afab-a524375babd7'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="9a900bd2" > Fortnox</h2><p class="typography card-with-backplate__paragraph" data-id="b1fd579a" > Export and copy invoices from Productive into Fortnox to streamline your agency’s processes.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="fc3db073" > <div aria-hidden="true" class="icon chevron__icon" data-id="81fc3ed1"> <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> </a> </div> <div class="block-grid-item" data-id="28e52897"> <a href="https://productive.io/integrations/visma-e-conomic/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="be34d251" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="86fc7ca5" > <i class="card-with-backplate__top-icon-elem" data-name="visma-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M19.045 10c9.08.89 19.04 5.482 24.752 12.15 7.322 8.445 4.833 16.891-5.566 18.816-10.399 2.075-24.752-3.258-32.075-11.705C.59 22.741.737 16.223 5.863 12.667L34.715 34.3 19.045 10z' fill='#C92043'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="2f90346d" > Visma e-conomic </h2><p class="typography card-with-backplate__paragraph" data-id="2fd356dd" > Export and copy invoices from Productive, the Scandinavian way.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="7fa4fcf5" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="ef6805fb"> <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> </a> </div> <div class="block-grid-item" data-id="bc4a544a"> <a href="https://productive.io/integrations/exact-integration/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="3ccbd122" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="8d798856" > <i class="card-with-backplate__top-icon-elem" data-name="exact-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.393 11.13C4.091 11.22 4 12.552 4 16.248v4.968l20.126.03c11.077.03 20.308.061 20.52.091.273.03.363-1.181.363-5.12v-5.15l-20.126-.06c-11.077-.03-20.308.03-20.49.121zM4 35v5h41.16v-9.997H4V35z' fill='#C91919'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="2fa7b575" > Exact</h2><p class="typography card-with-backplate__paragraph" data-id="01e963dd" > Once an invoice is created in Productive, export and copy it into Exact.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="81be7271" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="15b4b94b"> <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> </a> </div> <div class="block-grid-item" data-id="5972dfa5"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="53b00c69"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="be2cdcf4" > <i class="card-with-backplate__top-icon-elem" data-name="twinfield-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'> <mask id='mask0_930_5193' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='44' height='44'> <circle cx='25' cy='25' r='22' fill='#D9D9D9'/> </mask> <g mask='url(#mask0_930_5193)'> <rect x='19.8113' y='19.8113' width='10.3774' height='10.3774' fill='#E63136'/> <rect x='19.8113' y='30.1887' width='10.3774' height='10.3774' fill='#A5C860'/> <rect x='19.8113' y='40.566' width='10.3774' height='10.3774' fill='#4A9FD8'/> <rect x='30.1887' y='19.8113' width='10.3774' height='10.3774' fill='#A5C860'/> <rect x='40.566' y='19.8113' width='10.3774' height='10.3774' fill='#4A9FD8'/> <rect x='30.1887' y='30.1887' width='10.3774' height='10.3774' fill='#80BA27'/> <rect x='30.1887' y='40.566' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='40.566' y='30.1887' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='9.43396' y='19.8113' width='10.3774' height='10.3774' fill='#D2E4B4'/> <rect x='-0.943359' y='19.8113' width='10.3774' height='10.3774' fill='#AFCCEA'/> <rect x='9.43396' y='30.1887' width='10.3774' height='10.3774' fill='#80BA27'/> <rect x='-0.943359' y='30.1887' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='9.43396' y='40.566' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='19.8113' y='9.43396' width='10.3774' height='10.3774' fill='#D2E4B4'/> <rect x='19.8113' y='-0.943359' width='10.3774' height='10.3774' fill='#AFCCEA'/> <rect x='30.1887' y='9.43396' width='10.3774' height='10.3774' fill='#80BA27'/> <rect x='40.566' y='9.43396' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='30.1887' y='-0.943359' width='10.3774' height='10.3774' fill='#007BC1'/> <rect x='9.43396' y='9.43396' width='10.3774' height='10.3774' fill='#A5C860'/> <rect x='9.43396' y='-0.943359' width='10.3774' height='10.3774' fill='#4A9FD8'/> <rect x='-0.943359' y='9.43396' width='10.3774' height='10.3774' fill='#4A9FD8'/> </g> </svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="2a83caa7" > Twinfield</h2><p class="typography card-with-backplate__paragraph" data-id="ca19fb1a" > If you’re using Twinfield, you can export and copy invoices from Productive. </p> </div> </div> <div class="block-grid-item" data-id="8caa62e9"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="903e419b"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="97a7cd31" > <i class="card-with-backplate__top-icon-elem" data-name="cpp-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><g clip-path='url(#ae950cff-b30f-4edd-aa3e-0115e79bd8a8)'><path d='M25 50c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z' fill='#fff'/><path d='M6.25 21.545h.301v-.71h.381v-.313h.301v-.396h.682v-.314h9.27v2.464l-8.287-.021v5.49h4.294v2.442H8.203v-.313h-.589v-.396h-.682v-.314h-.401v-.71H6.25v-6.909Zm14.648.709v.313h-2.347v-2.776h9.972v.334h.682v.418h.582v.292h.401v.71h.28v4.174h-.3v.71h-.381v.293h-.582v.313H28.12v.417H21.2v2.735h-2.648v-5.49h2.347v.292h6.942v-2.735h-6.942Zm-6.062 5.49h2.347v2.442h-2.347v-2.442Zm19.645 2.465h-2.669V19.834h9.986v.292h.689v.397h.581v.313h.382v.71h.3v4.175h-.3v.689h-.382v.334h-.581v.292h-1.084v.417H40.14v-2.15h.281v-.313h.421v-.271h.261v-2.463h-6.621v2.734h3.993v2.463H34.48v2.756Z' fill='#DDD'/></g><defs><clipPath id='ae950cff-b30f-4edd-aa3e-0115e79bd8a8'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="93ebb50f" > CPP</h2><p class="typography card-with-backplate__paragraph" data-id="e96a3723" > Connect your Productive workspace with CPP.</p> </div> </div> <div class="block-grid-item" data-id="e3f0d379"> </div> <div class="block-grid-item" data-id="ff2044e5"> </div> <div class="block-grid-item" data-id="7adb85de"> </div> <div class="block-grid-item" data-id="daa366ea"> </div> </div> </div> </div> <div class="wrapper" data-id="59146923" > <div class="wrapper__anchor" id="hr-integrations"></div> <div class="wrapper__inner"> <div class="block-heading" data-id="df72f5e8"> <h2 class="typography block-heading__heading" data-id="052cad6b" > Human Resources <strong>Integrations</strong></h2></div> </div> </div> <div class="wrapper" data-id="3c1a99d0" > <div class="wrapper__inner"> <div class="block-grid" data-id="aeaa0a4d"> <div class="block-grid-item" data-id="b0bac6f0"> <a href="https://productive.io/integrations/personio/" class="card-with-backplate block-card-with-backplate__card-with-backplate gtm_productive_jira" data-id="0701bf9f" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="fb29f325" > <i class="card-with-backplate__top-icon-elem" data-name="personio-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#0ac0da4a-93bd-4a5b-a584-255c85b6e4d6)' fill='currentColor'><path d='M24.14 26.826c-1.919 6.843-3.501 12.592-3.63 13.371a1.633 1.633 0 0 1-1.627 1.427h-.181a1.631 1.631 0 0 1-1.422-1.795c.07-.642 1.356-5.375 2.925-11.003-2.218 1.034-4.042 1.703-5.167 1.843a3.85 3.85 0 0 1-.547.04c-1.101 0-1.656-.527-1.932-.99a1.632 1.632 0 0 1 1.115-2.422 1.625 1.625 0 0 1 1.012.142c.967-.137 3.443-1.156 6.697-2.846 1.632-5.81 3.32-11.734 4.16-14.682a1.629 1.629 0 0 1 2-1.08 1.627 1.627 0 0 1 1.128 1.975c-.999 3.5-2.16 7.586-3.288 11.582a100.054 100.054 0 0 0 4.384-2.685c8.13-5.265 13.668-10.298 14.784-13.507.421-1.197.113-1.75-.48-2.21-1.425-1.109-5.804-1.246-13.825 1.687C18.223 10.066 5.523 18.597 4.311 23.046c.123.024.25.035.375.034a1.625 1.625 0 0 1 1.754 1.492 1.631 1.631 0 0 1-1.49 1.756h-.114c-.344.016-2.12.042-3.154-1.184a2.995 2.995 0 0 1-.58-2.633c.809-3.798 5.984-7.957 10.182-10.792A86.47 86.47 0 0 1 29.157 2.61C34.892.505 42.486-1.395 46.094 1.408c1.682 1.316 2.292 3.201 1.72 5.333-.74 2.756-3.996 7.61-15.31 15.078a119.816 119.816 0 0 1-8.364 5.007zm11.69 12.921c.382-1.471-.367-2.943-1.679-3.285-1.311-.342-2.678.574-3.067 2.05-.39 1.477.37 2.941 1.68 3.283 1.308.343 2.68-.576 3.067-2.048zM48 46.741H4.614V50H48v-3.259z' fill='currentColor'/></g><defs><clipPath id='0ac0da4a-93bd-4a5b-a584-255c85b6e4d6'><path fill='#fff' transform='translate(1)' d='M0 0h47v50H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading gtm_productive_jira" data-id="cb8e9ade" > Personio</h2><p class="typography card-with-backplate__paragraph gtm_productive_jira" data-id="ddd30d46" > If Personio is your HR tool of choice, integrate and speed up work.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="2ff44ac0" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="aa631ca6"> <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> </a> </div> <div class="block-grid-item" data-id="c73e9fa0"> <a href="https://productive.io/integrations/charliehr/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="c525fe8d" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="b58442de" > <i class="card-with-backplate__top-icon-elem" data-name="charlie-hr-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M25.5 30.494a5.993 5.993 0 0 1-5.994-5.994 5.993 5.993 0 0 1 11.238-2.896s.004 0 .008.004l16.677-5.56C44.034 7.249 35.498 1 25.5 1 12.523 1 2 11.523 2 24.5 2 37.478 12.523 48 25.5 48c10.093 0 18.702-6.367 22.028-15.298l-16.692-5.473a5.993 5.993 0 0 1-5.332 3.269l-.004-.004Z' fill='#2FB1D7'/><path d='m16.892 20.58 2.082-4.68L8.055 8.755c-.137.152-.27.312-.403.468a23.374 23.374 0 0 0-5.64 14.82l17.498.372c0-.194.015-.388.035-.578l-2.653-3.258Z' fill='#34C3DD'/><path d='m20.496 27.8 5.005 20.201-1.218-17.631a5.991 5.991 0 0 1-3.783-2.573l-.004.004Z' fill='#247CBE'/><path d='M25.5 1c-.19 0-.373.011-.564.015l-5.963 14.888 4.52 2.957a5.834 5.834 0 0 1 1.295-.304L38.447 4.893A23.359 23.359 0 0 0 25.498 1Z' fill='#1F74D1'/><path d='m25.695 1.004 2.965 13.678 9.792-9.792a23.419 23.419 0 0 0-12.757-3.886Z' fill='#1E56D7'/><path d='m30.75 21.607 16.676-5.56a23.575 23.575 0 0 0-8.978-11.158l-9.792 9.792 1.248 5.765c.324.35.61.739.842 1.161h.003Z' fill='#1F74D1'/><path d='M25.5 18.506a5.97 5.97 0 0 1 4.408 1.941l-1.248-5.765-3.87 3.87a6.15 6.15 0 0 1 .71-.046Z' fill='#2191CA'/><path d='m18.977 15.9 5.96-14.884a23.43 23.43 0 0 0-16.882 7.74L18.977 15.9Z' fill='#2C9FE2'/><path d='m15.598 24.337 3.912.084c0-.194.015-.388.034-.579l-2.512-3.086-1.434 3.581Z' fill='#269BC9'/><path d='M34.863 2.945Zm1.524.731c.186.099.373.198.56.304a44.544 44.544 0 0 0-.56-.304Zm-3.918-1.621Zm-15.805.669Z' fill='#2FB1D7'/><path d='m18.976 15.898-1.945 4.853 2.512 3.086a5.992 5.992 0 0 1 3.95-4.982l-4.52-2.957h.003Z' fill='#1D82D2'/><path d='M37.863 4.52ZM7.035 9.974ZM14.52 3.72Zm-1.036.583ZM3.25 16.946ZM24.938 1.015c.186-.004.373-.015.563-.015a23.47 23.47 0 0 0-5.435.64 23.316 23.316 0 0 1 4.872-.625Zm3.269.141c.152.02.304.038.453.061-.152-.019-.3-.042-.453-.06Zm-4.094 17.518s.011 0 .019-.004c-.008 0-.011 0-.019.004ZM8.057 8.756a23.498 23.498 0 0 1 5.412-4.442 23.585 23.585 0 0 0-5.77 4.857c.118-.141.236-.278.358-.415Zm21.029-7.483.483.08c-.16-.026-.32-.057-.483-.08ZM15.578 3.195Z' fill='#2FB1D7'/><path d='M19.506 24.5c0-.027 0-.054.004-.084l-3.912-.084-6.641 16.581 15.044-10.621a5.99 5.99 0 0 1-4.495-5.796v.003Z' fill='#32D0D8'/><path d='m20.496 27.799 1.05 4.236 2.459-1.736a6.026 6.026 0 0 1-3.505-2.5h-.004Z' fill='#28B0BF'/><path d='m4.748 24.104-2.737-.057c0 .152-.011.3-.011.456a23.403 23.403 0 0 0 6.8 16.529l2.665-1.88-2.508 1.77 6.64-16.582-10.85-.232v-.004Z' fill='#3DE3E7'/><path d='M30.835 27.229a5.994 5.994 0 0 1-4.175 3.15l20.87 2.322-16.691-5.473h-.004Z' fill='#247CBE'/><path d='m17.034 20.751 1.945-4.852L8.056 8.756c-.137.152 8.978 11.995 8.978 11.995Z' fill='#29B3E4'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="cadb49b1" > CharlieHR</h2><p class="typography card-with-backplate__paragraph" data-id="99879779" > Perfect for small businesses, CharlieHR integrates with Productive.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="5758809f" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="afd1ce80"> <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> </a> </div> <div class="block-grid-item" data-id="c8b66aaf"> <a href="https://productive.io/integrations/bamboohr/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="8260d064" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="105e61d5" > <i class="card-with-backplate__top-icon-elem" data-name="bamboo-hr-50"> <svg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#a)'><g clip-path='url(#b)'><circle cx='25' cy='25' r='24' fill='#fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M29.238 35.25c-3.226 0-5.963-2.55-5.963-5.95 0-3.413 2.3-6.213 6.013-6.213 3.712 0 5.9 3 5.9 6.15.012 3.426-2.313 6.013-5.95 6.013Zm-9.526-11.288-1.137-3.737c-.675-1.963-.887-3.1-2.8-5.125-.662-.7-3.15-2.225-2.838-1.887 3.15 3.4 4.763 7.525 5.388 8.675-.575-.688-1.238-1.313-2-2.088-.65-.663-1.325-1.25-1.975-1.65-.425-.262-.662-.412-1.1-.625-1.938-1.012-3.825-1.625-4.55-1.8-.887-.225-1.75-.275-1.75-.275s2.812 2.375 4.025 3.887c1.2 1.513 2.438 2.863 3.8 3.425 1.362.55 1.838.713 2.9.875.912.113 2.037.325 2.037.325Zm9.776-3.312c-2.976 0-4.575 1.025-5.688 2.138l-.3.325v-9.976h-2.575v16.325c0 5.025 3.863 8.15 8.313 8.15 4.887 0 8.587-3.762 8.587-8.6 0-4.5-3.863-8.362-8.338-8.362ZM50 25c0 13.813-11.188 25-25 25C11.187 50 0 38.812 0 25 0 11.187 11.188 0 25 0c13.813 0 25 11.188 25 25Z' fill='#73C41D'/></g></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath><clipPath id='b'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="8fbab96a" > BambooHR</h2><p class="typography card-with-backplate__paragraph" data-id="642698cf" > BambooHR integrates seamlessly with Productive for easy time off sync.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="87e40cec" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="5fb81678"> <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> </a> </div> <div class="block-grid-item" data-id="f2bf3795"> <a href="https://productive.io/integrations/integrations-factorial/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="9f215d70" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="f53542b0" > <i class="card-with-backplate__top-icon-elem" data-name="factorial-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#FF355E'/><path d='M36 39a17.122 17.122 0 0 1-22 0 17.122 17.122 0 0 1 22 0Z' fill='#fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M13.567 34.233a14.546 14.546 0 0 1-3.521-9.498c0-8.137 6.695-14.734 14.954-14.734s14.953 6.597 14.953 14.734a14.55 14.55 0 0 1-3.52 9.498c.754.464 1.478.974 2.17 1.526l.3.241A17.504 17.504 0 0 0 43 24.735C43 14.94 34.941 7 25 7S7 14.94 7 24.735A17.504 17.504 0 0 0 11.097 36l.3-.24a21.676 21.676 0 0 1 2.17-1.527Z' fill='#fff'/><path d='M32 24.5c0 3.59-3.135 6.5-7 6.5-3.866 0-7-2.91-7-6.5s3.134-6.5 7-6.5 7 2.911 7 6.5Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="c825b7a7" > Factorial</h2><p class="typography card-with-backplate__paragraph" data-id="dabb7a41" > Sync Factorial absence types and time offs to Productive.</p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="d63a395d" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="9c175be8"> <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> </a> </div> <div class="block-grid-item" data-id="bd93f9c7"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="5ff89d1a"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="01de2e5f" > <i class="card-with-backplate__top-icon-elem" data-name="humaans-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#FE5555'/><path d='M28.409 35H34V15h-5.591v7.518H21.59V15H16v20h5.591v-8.028h6.818V35Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="00defc52" > Humaans.io</h2><p class="typography card-with-backplate__paragraph" data-id="ea69d48d" > Productive works hand in hand with Humaans to make your HR work a breeze.</p> </div> </div> <div class="block-grid-item" data-id="138aae9e"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="b35d3d00"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="794b6cda" > <i class="card-with-backplate__top-icon-elem" data-name="breathe-hr-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#E1F0FE'/><g clip-path='url(#92bc73f2-0242-48a4-971e-28dc3aa2aeb7)' fill-rule='evenodd' clip-rule='evenodd'><path d='M25.263 27.153c.742-2.552 3.055-4.338 5.745-4.338 2.713 0 5.042 1.816 5.763 4.404.749.12 1.447.382 2.074.753a8.077 8.077 0 0 0 .583-3.02c0-4.296-3.34-7.793-7.534-8.006-.634-3.79-3.888-6.682-7.817-6.682-3.928 0-7.18 2.89-7.816 6.678-.108-.004-.214-.017-.324-.017-4.384 0-7.937 3.594-7.937 8.027s3.553 8.027 7.937 8.027h3.805c.11-3.084 2.503-5.59 5.52-5.826Z' fill='#003E51'/><path d='m36.02 29.03-.805-.042-.135-.812c-.33-2.005-2.014-3.46-4.002-3.46-1.987 0-3.67 1.454-4.002 3.457l-.148.893-.89-.04s-.143-.01-.159-.01c-2.242 0-4.065 1.865-4.065 4.157s1.823 4.157 4.066 4.157h9.933c2.242 0 4.066-1.865 4.066-4.157 0-2.212-1.695-4.033-3.86-4.144Z' fill='#0580FA'/></g><defs><clipPath id='92bc73f2-0242-48a4-971e-28dc3aa2aeb7'><path fill='#fff' d='M8 10h32v27H8z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="33e05e74" > Breathe</h2><p class="typography card-with-backplate__paragraph" data-id="f48fc806" > Breathe connects to your Productive account in just a few clicks. </p> </div> </div> <div class="block-grid-item" data-id="83a5a268"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="b00ec641"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="2862df32" > <i class="card-with-backplate__top-icon-elem" data-name="hibob-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M48 25C48 12.297 37.703 2 25 2S2 12.297 2 25s10.297 23 23 23 23-10.297 23-23Z' fill='#F50050'/><path fill-rule='evenodd' clip-rule='evenodd' d='M26.125 31.75a4.625 4.625 0 1 0 0-9.25 4.625 4.625 0 0 0 0 9.25Zm0-1.5a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25Z' fill='#fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M12 18a1 1 0 0 0-1 1v8h.002A4.875 4.875 0 1 0 13 23.188V19a1 1 0 0 0-1-1Zm6.75 9.125a2.875 2.875 0 1 1-5.75 0 2.875 2.875 0 0 1 5.75 0Zm13.15-9a.4.4 0 0 0-.4.4v8.6h.002a4.25 4.25 0 1 0 .798-2.608v-5.992a.4.4 0 0 0-.4-.4ZM39.125 27a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="dab123f5" > HiBob</h2><p class="typography card-with-backplate__paragraph" data-id="1d352cbc" > HiBob connects to your Productive account in just a few clicks. </p> </div> </div> <div class="block-grid-item" data-id="012176ae"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="27846e1d"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="b59fed76" > <i class="card-with-backplate__top-icon-elem" data-name="justworks-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#1E98FF'/><path d='M33.625 32.667h-17.25v4.791h17.25v-4.791Z' fill='#fff'/><path d='m16.375 26.505 4.166-.91c.08 2.458.751 3.642 2.162 3.642 1.226 0 1.793-.653 1.793-2.55V12.542h4.337v12.961c0 5.07-1.819 7.164-6.222 7.164-4.562 0-5.893-3.066-6.236-6.162Z' fill='#000'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="f7204401" > Justworks</h2><p class="typography card-with-backplate__paragraph" data-id="14e64d96" > Productive just works with Justworks.</p> </div> </div> <div class="block-grid-item" data-id="efa17950"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="8473826b"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="bc6cf732" > <i class="card-with-backplate__top-icon-elem" data-name="rippling-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#F7CE4C'/><path d='M14.082 20.304c0-2.32-1.204-4.236-3.457-5.846h5.236a7.378 7.378 0 0 1 2.184 2.584 7.184 7.184 0 0 1 .78 3.262 7.184 7.184 0 0 1-.78 3.261 7.379 7.379 0 0 1-2.184 2.584c1.7.691 2.667 2.378 2.667 4.793v4.6h-4.741v-4.6c0-2.3-1.126-3.91-3.16-4.792 2.252-1.61 3.457-3.526 3.457-5.845l-.002-.001Zm10.275 0c0-2.32-1.205-4.236-3.458-5.846h5.237a7.378 7.378 0 0 1 2.184 2.584c.514 1.014.78 2.13.779 3.262a7.183 7.183 0 0 1-.779 3.261 7.378 7.378 0 0 1-2.184 2.584c1.699.691 2.667 2.378 2.667 4.793v4.6H24.06v-4.6c0-2.3-1.127-3.91-3.162-4.792 2.253-1.61 3.458-3.526 3.458-5.845v-.001Zm10.276 0c0-2.32-1.205-4.236-3.457-5.846h5.235a7.378 7.378 0 0 1 2.185 2.584c.514 1.014.78 2.13.779 3.262a7.183 7.183 0 0 1-.779 3.261 7.379 7.379 0 0 1-2.185 2.584c1.7.691 2.667 2.378 2.667 4.793v4.6h-4.742v-4.6c0-2.3-1.125-3.91-3.16-4.792 2.252-1.61 3.457-3.526 3.457-5.845v-.001Z' fill='#4B303C'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="f0f5f7d6" > Rippling</h2><p class="typography card-with-backplate__paragraph" data-id="70cf9473" > Rippling connects to your Productive account in just a few clicks. </p> </div> </div> <div class="block-grid-item" data-id="76ce83bf"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="313b69a2"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="ddbf5925" > <i class="card-with-backplate__top-icon-elem" data-name="gusto-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='24' fill='#F45D48'/><path d='M33.994 30.052V14.358h-4.248v1.051A8.846 8.846 0 0 0 24.947 14C20.014 14 16 18.04 16 23.007s4.014 9.007 8.949 9.007a8.849 8.849 0 0 0 4.749-1.374c0 .138-.007.262-.007.346 0 2.61-2.114 4.738-4.708 4.738a4.675 4.675 0 0 1-2.49-.726l-2.101 3.703A8.849 8.849 0 0 0 24.99 40c4.935 0 9.004-4.041 9.004-9.008 0-.193.013-.76 0-.94Zm-9.045-2.308c-2.593 0-4.708-2.126-4.708-4.737s2.114-4.738 4.708-4.738c2.593 0 4.707 2.127 4.707 4.738 0 2.61-2.113 4.739-4.707 4.739v-.002Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="ffd29e14" > Gusto </h2><p class="typography card-with-backplate__paragraph" data-id="5e59ed75" > Let us know if you’re using Gusto and would like to sync time off types and periods to Productive.</p> </div> </div> <div class="block-grid-item" data-id="3aac8bcb"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="720a0b5d"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="9838c6e9" > <i class="card-with-backplate__top-icon-elem" data-name="alexis-hr-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='22' fill='#142B4F'/><path fill-rule='evenodd' clip-rule='evenodd' d='m32.56 34.525-2.4-9.016c-.48-2.018-1.08-4.39-2.88-5.814-.24-.237-.6-.356-.84-.593-.36-.119-.6-.356-.96-.356-.36-.119-.72-.237-.96-.237-.36 0-.72-.12-1.08-.12-1.68 0-3.24.713-4.44 1.78-1.08 1.068-1.8 2.61-1.8 4.39 0 1.78.72 3.204 1.8 4.39 1.08 1.068 2.64 1.78 4.44 1.78.96 0 1.8-.238 2.64-.593.6-.238 1.2-.712 1.68-1.187l1.2 4.509c-.36.237-.72.356-1.08.593a11.02 11.02 0 0 1-4.44.949c-2.88 0-5.52-1.186-7.44-3.085-1.8-1.78-3-4.39-3-7.356s1.2-5.576 3.12-7.474C18.04 15.186 20.68 14 23.56 14c.6 0 1.2 0 1.8.119.6.118 1.2.237 1.68.474.6.356 1.08.593 1.56.83.48.238.96.594 1.44.95 1.44 1.068 2.4 2.491 3 4.034.6 1.305.96 2.729 1.32 4.152L37 34.644l-4.44-.119Z' fill='#F6F6F6'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="e8fe327b" > AlexisHR</h2><p class="typography card-with-backplate__paragraph" data-id="5c5944d7" > Let us know if you’re using AlexisHR and would like to sync time off types and periods to Productive.</p> </div> </div> <div class="block-grid-item" data-id="eef4bda4"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="ada56df9"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="1d6fcb50" > <i class="card-with-backplate__top-icon-elem" data-name="adp-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M36 2H14C7.373 2 2 7.373 2 14v22c0 6.627 5.373 12 12 12h22c6.627 0 12-5.373 12-12V14c0-6.627-5.373-12-12-12Z' fill='#D0271D'/><path d='M29.371 24.95a4.634 4.634 0 0 1-1.298 3.213A4.372 4.372 0 0 1 24.95 29.5h-1.7v-2h1.7c.657 0 1.287-.269 1.752-.747a2.588 2.588 0 0 0 .726-1.803c0-.676-.261-1.325-.726-1.803a2.442 2.442 0 0 0-1.752-.747h-1.7v-2h1.7a4.372 4.372 0 0 1 3.122 1.337 4.634 4.634 0 0 1 1.298 3.213ZM19.95 20.4v3.7h-3.06l-1.118 2h6.12v-5.7H19.95ZM42 23.25a6.35 6.35 0 0 1-1.778 4.42 5.985 5.985 0 0 1-4.293 1.83v3.4h-5.246v-2.65a7.614 7.614 0 0 1-2.61 1.974 7.41 7.41 0 0 1-3.17.676h-4.954v-3.4h-3.886l-1.943 3.4H8L16.986 17h7.965a7.74 7.74 0 0 1 3.158.706 7.938 7.938 0 0 1 2.622 1.944V17h5.246a5.977 5.977 0 0 1 4.265 1.845A6.336 6.336 0 0 1 42 23.25ZM24.951 30.9a5.673 5.673 0 0 0 3.102-.917 5.911 5.911 0 0 0 2.144-2.483h2.477v3.4h1.36v-3.4h1.943a4.02 4.02 0 0 0 1.58-.322 4.117 4.117 0 0 0 1.34-.921 4.25 4.25 0 0 0 .896-1.38 4.352 4.352 0 0 0 .313-1.627 4.353 4.353 0 0 0-1.238-3.011A4.107 4.107 0 0 0 35.928 19h-3.302v5.1h-1.943a6.05 6.05 0 0 0-1.951-3.64 5.733 5.733 0 0 0-3.78-1.46h-6.8L11.4 30.9h1.603l1.943-3.4h6.945v3.4h3.06Zm11.026-10.65h-1.943v2h1.943a.8.8 0 0 1 .585.247.844.844 0 0 1 .24.603.888.888 0 0 1-.248.594.839.839 0 0 1-.577.256h-1.943v2h1.943c.734 0 1.439-.3 1.958-.835.519-.534.81-1.26.81-2.015a2.923 2.923 0 0 0-.819-2.007 2.758 2.758 0 0 0-1.949-.843Z' fill='#fff'/><path d='M38.647 31.9a.817.817 0 0 1-.131.445.782.782 0 0 1-.349.294.757.757 0 0 1-.847-.173.822.822 0 0 1-.168-.872.796.796 0 0 1 .286-.359.761.761 0 0 1 .73-.076.766.766 0 0 1 .422.434.81.81 0 0 1 .057.307Zm.194 0c0-.197-.057-.39-.163-.555a.978.978 0 0 0-.436-.368.947.947 0 0 0-1.06.216 1.027 1.027 0 0 0-.21 1.09.994.994 0 0 0 .358.449.951.951 0 0 0 1.227-.124c.182-.188.284-.442.284-.708Z' fill='#fff'/><path d='M37.92 31.45c.051 0 .1.022.137.06a.203.203 0 0 1 0 .282.192.192 0 0 1-.137.059h-.194v-.4h.194Zm.243-.05a.364.364 0 0 0-.243-.1h-.389v1.2h.146v-.45h.194l.243.45h.195l-.292-.5c.049 0 .097-.05.146-.1a.307.307 0 0 0 .048-.2.287.287 0 0 0-.048-.3Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="02e878d2" > ADP Workforce Now</h2><p class="typography card-with-backplate__paragraph" data-id="c0a67e31" > Let us know if you’re using ADP Workforce Now and would like to sync time off types and periods to Productive.</p> </div> </div> <div class="block-grid-item" data-id="d9e2f9ba"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="fb3d19d5"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="13d5d2cc" > <i class="card-with-backplate__top-icon-elem" data-name="sap-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='url(#7e7c9f5c-75fa-4524-9f03-aa14c7304a50)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.7 18.1h-4.492l.015 10.8-3.911-10.804h-3.879l-3.339 9.023c-.355-2.296-2.677-3.088-4.504-3.681-1.206-.397-2.487-.98-2.474-1.623.01-.529.685-1.019 2.027-.946.9.05 1.695.124 3.276.905l1.555-2.77c-1.442-.75-3.436-1.225-5.07-1.226h-.01c-1.907 0-3.495.631-4.479 1.671a3.902 3.902 0 0 0-1.07 2.67c-.026 1.404.478 2.4 1.536 3.196.894.67 2.037 1.104 3.045 1.423 1.242.393 2.257.736 2.245 1.465-.01.265-.108.514-.295.714-.31.327-.785.45-1.443.463-1.268.028-2.208-.176-3.706-1.081l-1.384 2.806c1.497.87 3.085 1.306 4.89 1.306l.406-.003c1.571-.03 2.846-.414 3.86-1.247.057-.048.11-.096.163-.144l-.17.895 3.79-.012.68-1.78a7.29 7.29 0 0 0 2.391.388c.841 0 1.632-.131 2.334-.366l.474 1.758 6.8.007.016-4.058h1.447c3.498 0 5.565-1.82 5.565-4.87 0-3.399-2.01-4.879-6.289-4.879Zm-10.347 9.232a3.984 3.984 0 0 1-1.434-.257l1.418-4.577h.028l1.395 4.59c-.42.153-.899.244-1.407.244Zm10.61-2.63h-.987v-3.689h.988c1.315 0 2.365.448 2.365 1.82-.001 1.422-1.05 1.869-2.365 1.869' fill='#fff'/><defs><linearGradient id='7e7c9f5c-75fa-4524-9f03-aa14c7304a50' x1='25' y1='2' x2='25' y2='48.001' gradientUnits='userSpaceOnUse'><stop stop-color='#00AEEF'/><stop offset='0.212' stop-color='#0097DC'/><stop offset='0.519' stop-color='#007CC5'/><stop offset='0.792' stop-color='#006CB8'/><stop offset='1' stop-color='#0066B3'/></linearGradient></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="2d12fd4b" > SAP SuccessFactors </h2><p class="typography card-with-backplate__paragraph" data-id="75984d08" > Let us know if you’re using SAP SuccessFactors and would like to sync time off types and periods to Productive.</p> </div> </div> <div class="block-grid-item" data-id="8cf8f728"> <div class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="ed0d1bec"> <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="e8bb9ce7" > <i class="card-with-backplate__top-icon-elem" data-name="lucca-50"> <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><circle cx='25' cy='25' r='23' fill='#FE6600'/><circle cx='25' cy='25' r='23' fill='#FE6600'/><path d='M35 19.656C35 14.3 30.564 10 25.039 10S15 14.3 15 19.656c0 4.074 2.646 7.77 6.615 9.128-3.113 1.81-4.047 5.658-2.18 8.675.546.905 1.402 1.66 2.335 2.188.623.528 1.635.453 2.18-.151.544-.604.466-1.584-.156-2.112-.156-.076-.311-.227-.467-.227-1.634-.905-2.257-3.017-1.245-4.601.934-1.584 3.113-2.188 4.747-1.207 1.634.905 2.257 3.017 1.245 4.601-.311.528-.778.906-1.245 1.207-.7.453-.934 1.434-.467 2.113.233.377.7.679 1.245.679.311 0 .545-.076.778-.227 3.113-1.735 4.202-5.582 2.413-8.6-.545-.905-1.323-1.735-2.257-2.263C32.354 27.426 35 23.73 35 19.656Zm-6.77 5.507c-.7.377-1.635.15-2.102-.528-.389-.68-.155-1.584.545-2.037 1.634-.905 2.257-3.017 1.245-4.602-1.011-1.584-3.113-2.187-4.747-1.207-1.634.906-2.257 3.018-1.245 4.602.311.528.778.905 1.245 1.207.778.302 1.245 1.132.934 1.961a1.602 1.602 0 0 1-2.023.906c-.156-.076-.312-.151-.467-.302-3.113-1.735-4.202-5.582-2.413-8.6 1.868-3.093 5.915-4.074 9.028-2.338 3.112 1.735 4.202 5.582 2.412 8.6-.622.98-1.479 1.734-2.412 2.338Z' fill='#fff'/></svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="087a5291" > Lucca</h2><p class="typography card-with-backplate__paragraph" data-id="f72cbf01" > Let us know if you’re using Lucca and would like to sync time off types and periods to Productive.</p> </div> </div> <div class="block-grid-item" data-id="9bef8bd4"> </div> <div class="block-grid-item" data-id="4807cfe4"> </div> <div class="block-grid-item" data-id="c6d8042b"> </div> <div class="block-grid-item" data-id="35aee210"> </div> <div class="block-grid-item" data-id="757d3c74"> </div> <div class="block-grid-item" data-id="045fc730"> </div> <div class="block-grid-item" data-id="678ea0a5"> </div> <div class="block-grid-item" data-id="a67a85aa"> </div> <div class="block-grid-item" data-id="56fcb09b"> </div> <div class="block-grid-item" data-id="3807db01"> </div> <div class="block-grid-item" data-id="680bd716"> </div> <div class="block-grid-item" data-id="f543e599"> </div> </div> </div> </div> <div class="wrapper" data-id="380a67c6" > <div class="wrapper__inner"> <div class="block-heading" data-id="0a71b479"> <h2 class="typography block-heading__heading" data-id="084adb26" > Time Tracking <strong>Integrations</strong></h2></div> </div> </div> <div class="wrapper" data-id="42c2c8da" > <div class="wrapper__inner"> <div class="block-grid" data-id="f979b6f7"> <div class="block-grid-item" data-id="6510d39d"> <a href="https://productive.io/integrations/jira/" class="card-with-backplate block-card-with-backplate__card-with-backplate gtm_productive_jira" data-id="128c8188" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="e74a23ca" > <i class="card-with-backplate__top-icon-elem" data-name="jira-50"> <svg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#426f26f9-b08f-4693-b467-54bf3a3cb154)'><g clip-path='url(#30fed8f6-a249-40af-8f36-6cb725a53622)'><path d='m47.438 25.702-20.711 20.71-2.007 2.007L9.13 32.83 2 25.702a1.91 1.91 0 0 1 0-2.695L16.245 8.764 24.72.29l15.588 15.59.243.241 6.886 6.876a1.907 1.907 0 0 1 0 2.705zM24.72 17.238l-7.116 7.117 7.116 7.116 7.114-7.116-7.114-7.117z' fill='#2684FF'/><path d='M24.72 31.47a11.979 11.979 0 0 0-.052 16.89L9.097 32.796l8.474-8.474 7.149 7.148z' fill='url(#d4cb6aaa-0541-4a5b-8b72-90bc76e8e000)'/><path d='m31.853 24.374-7.134-7.136a11.983 11.983 0 0 0 0-16.944L40.334 15.9l-8.48 8.474z' fill='url(#0c3817e0-9cd0-4458-b5ee-cc6ae8eaa022)'/></g></g><defs><linearGradient id='d4cb6aaa-0541-4a5b-8b72-90bc76e8e000' x1='23.445' y1='38.67' x2='13.508' y2='28.735' gradientUnits='userSpaceOnUse'><stop offset='.18' stop-color='#0052CC'/><stop offset='1' stop-color='#2684FF'/></linearGradient><linearGradient id='0c3817e0-9cd0-4458-b5ee-cc6ae8eaa022' x1='1814.87' y1='-2040.93' x2='2829.57' y2='-2698.76' gradientUnits='userSpaceOnUse'><stop offset='.18' stop-color='#0052CC'/><stop offset='1' stop-color='#2684FF'/></linearGradient><clipPath id='426f26f9-b08f-4693-b467-54bf3a3cb154'><path fill='#fff' d='M0 0h50v50H0z'/></clipPath><clipPath id='30fed8f6-a249-40af-8f36-6cb725a53622'><path fill='#fff' transform='matrix(1 0 0 -1 2 48.708)' d='M0 0h46v48.708H0z'/></clipPath></defs></svg> </i> </div><h2 class="typography card-with-backplate__heading gtm_productive_jira" data-id="1541d86c" > Jira</h2><p class="typography card-with-backplate__paragraph gtm_productive_jira" data-id="c97fd2dd" > If you rely on Jira, simply connect it with Productive. Jira and Productive work in perfect harmony. </p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="e0259f7d" target=_blank rel="noopener noreferrer" > <div aria-hidden="true" class="icon chevron__icon" data-id="321bad51"> <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> </a> </div> <div class="block-grid-item" data-id="59fb5da4"> <a href="https://productive.io/integrations/memtime/" class="card-with-backplate block-card-with-backplate__card-with-backplate" data-id="5975e220" > <div class="card-with-backplate__hoverlay"></div> <div aria-hidden="true" class="icon card-with-backplate__top-icon" data-id="2ef00074" > <i class="card-with-backplate__top-icon-elem" data-name="memtime-50"> <svg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1564.48 1512.69'> <defs> <style> .cls-1 { fill: #32335b; } </style> </defs> <g id='Layer_1-2' data-name='Layer 1'> <g> <path class='cls-1' d='m1243.93,271.31c67.21,0,129.69,20.13,181.39,54.38C1284.07,128.88,1048.72,0,782.33,0S280.59,128.88,139.35,325.49c51.5-34.05,113.98-54.18,181.19-54.18h923.39Z'/> <path class='cls-1' d='m1307.17,1003.03H278.89c-132.34,0-244.23-85.85-278.89-203.02v519.73c0,106.54,89.37,192.96,199.56,192.96h1186.37c98.64,0,178.54-77.26,178.54-172.63v-522.29c-33.13,107.09-135.94,185.26-257.31,185.26'/> <path class='cls-1' d='m532.5,661.67c-9.06,15.97-3.01,35.98,13.48,44.75,78.75,41.78,158.29,62.66,238.08,62.66s159.75-20.87,239.44-62.57c16.57-8.67,22.72-28.67,13.76-44.66-8.96-16.01-29.65-21.97-46.18-13.3-53.95,28.23-107.18,45.44-160.13,51.89,27.55-16.03,46.03-45.12,46.03-78.47,0-50.58-42.4-91.59-94.73-91.59s-94.74,41.01-94.74,91.59c0,33.02,18.14,61.88,45.25,77.99-51.2-6.84-102.38-23.96-153.98-51.33-16.54-8.74-37.24-2.88-46.28,13.04'/> <path class='cls-1' d='m464.25,490.25c0-11.71-2.09-23.62-6.44-35.33-20.26-53.45-81.61-81.1-136.89-61.51L50.18,488.97C21.22,563.3,3.97,642.93.76,726.23l393.43-138.95c43.18-15.38,70.06-54.92,70.06-97.02'/> <path class='cls-1' d='m1107.42,454.92c-4.35,11.71-6.44,23.62-6.44,35.33,0,42.1,26.88,81.64,70.06,97.02l393.43,138.95c-3.21-83.29-20.44-162.92-49.42-237.25l-270.75-95.57c-55.28-19.59-116.63,8.06-136.89,61.51'/> </g> </g> </svg> </i> </div><h2 class="typography card-with-backplate__heading" data-id="62aef3e3" > Memtime</h2><p class="typography card-with-backplate__paragraph" data-id="518a8fc2" > Tracking time with Memtime? Connect it to Productive and forget about manual time tracking. </p><button class="chevron card-with-backplate__chevron" aria-label="" data-id="de78d5df" > <div aria-hidden="true" class="icon chevron__icon" data-id="6a3ac721"> <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> </a> </div> <div class="block-grid-item" data-id="7b998e84"> </div> <div class="block-grid-item" data-id="a14b37e7"> </div> <div class="block-grid-item" data-id="f1c8108e"> </div> <div class="block-grid-item" data-id="683b7800"> </div> <div class="block-grid-item" data-id="7d3589dd"> </div> <div class="block-grid-item" data-id="ffbcdd0c"> </div> <div class="block-grid-item" data-id="187f9474"> </div> <div class="block-grid-item" data-id="61370440"> </div> <div class="block-grid-item" data-id="bf4ff01b"> </div> <div class="block-grid-item" data-id="e026a02e"> </div> <div class="block-grid-item" data-id="81a549d4"> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="c76f4851" > <div class="wrapper__inner"> <div class="block-blockquote-carousel-avatars js-block-blockquote-carousel-avatars" data-autoplay-delay="0" data-id="fc06f56e" > <div class="card-simple blockquote__card-simple block-blockquote-carousel-avatars__blockquote js-bca-blockquote blockquote" data-id="601029d3"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="5d2e2ab3" > <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="db3d747c" > </p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="1f7adf3b" > </p><a href="#" class="btn btn__type--primary card-simple__btn js-bca-blockquote-button" id="" aria-label="" data-id="27945534" > <p class="typography btn__label js-bca-blockquote-button js-button-label" data-id="b026cd18" > </p><div aria-hidden="true" class="icon btn__icon" data-id="b1c4f53d" > <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__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="c7040208"> <div class="block-blockquote-carousel-avatars-item__image-container"> <picture class="image block-blockquote-carousel-avatars-item__image-picture" data-id="06784ab1" > <img src="https://productive.io/wp-content/uploads/2021/09/Roberto-Ciarleglio-Contra-Agency-1.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="a1e48566"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="3f65c59e" > <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="1274cc2c" > Roberto Ciarleglio<br>Co-founder and Managing Director,<br>Contra Agency</p><p class="typography card-simple__paragraph js-bca-blockquote-paragraph" data-id="e16ae6fd" > We have 20 years’ worth of data in QuickBooks, where different service lines are linked to different incomes. To not lose that data going forward, we wrote a webhook that listens to a new update or a new invoice, reads through your service lines, checks with QuickBooks, then updates the new invoice and sorts it all out.</p> </div></div></div> </div> </div> <p class="typography js-bca-person-info-mobile block-blockquote-carousel-avatars__person-info-mobile" data-id="2398301f" > </p></div> </div> </div> <div class="wrapper" data-id="686ad16e" > <div class="wrapper__inner"> <div class="block-cta-form productive_gtm_Click_Page_CTA_Email_2"> <div class="cta-form" data-id="2ee1af95"> <div class="cta-form__heading"> <h2 class="typography cta-form__title" data-id="ac6414e5" > <strong>Automate</strong> Your Agency’s<br>Workflow</h2> </div> <div class="cta-form__paragraph"> <p class="typography cta-form__description" data-id="922d6c02" > Switch from multiple tools and spreadsheets<br>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_2 es-block-forms--gtm-event-try-productive" > <form class="es-form js-es-block-form" data-type-selector='trial_email' data-phone-sync='1' data-phone-disable-picker='1' data-form-id='24658' data-post-id='4567' 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="f1094255" 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="05ac953a" 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='f1094255']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='05ac953a']{--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="cd15ecb7" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="65d13c50"> <div class="block-column" data-id="fb983037"> <div class="wrapper wrapper--simple" data-id="9332bb74" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="5546397f" > <picture class="image media__image-picture" data-id="501bc678" > <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="9803602d"> <div class="wrapper wrapper--simple" data-id="f393dd4a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="9d7b96bb" > <p class="typography block-paragraph__paragraph" data-id="883008d0" > <strong>COMPANY</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6277f1a3" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="12bdb67c"> <a href="https://productive.io/about-us/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a50719f0" > <p class="typography btn__label js-button-label" data-id="322a6d20" > About us</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e0f63977" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0954031c"> <a href="https://productive.io/careers/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9644adce" > <p class="typography btn__label js-button-label" data-id="0c47b3af" > Careers</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="60986f79" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8784ec09"> <a href="https://productive.io/engineering/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="657a1938" > <p class="typography btn__label js-button-label" data-id="f276bfb1" > Building Productive</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="04fd7d83" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="11ee4e4e"> <a href="https://productive.io/brand-guidelines/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e3f6b6f6" > <p class="typography btn__label js-button-label" data-id="9fbd39c3" > Brand Guidelines</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f4999293" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="c816172a" > <p class="typography block-paragraph__paragraph" data-id="0e1510c1" > <strong>SUPPORT</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3c32e445" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="1ebcdb96"> <a href="https://developer.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="5b97f8e2" > <p class="typography btn__label js-button-label" data-id="f0b57753" > API docs</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9efae046" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="bff230b4"> <a href="https://productive.io/trust/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="7e18d621" > <p class="typography btn__label js-button-label" data-id="3504ee4f" > Trust Center</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9a23b616" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f702e197"> <a href="https://status.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="18f28848" > <p class="typography btn__label js-button-label" data-id="464868ec" > Uptime</p> </a></div> </div> </div> </div> <div class="block-column" data-id="5f19f4ad"> <div class="wrapper wrapper--simple" data-id="556ceecf" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="15930c48" > <p class="typography block-paragraph__paragraph" data-id="bbb6fcb5" > <strong>PRODUCTIVE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7377fa96" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="aad56b8a"> <a href="https://productive.io/pricing/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="01fadfdf" > <p class="typography btn__label js-button-label" data-id="3f23e24a" > Pricing</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="873d67df" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="bc61298f"> <a href="https://productive.io/apps/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f189b7d7" > <p class="typography btn__label js-button-label" data-id="dac705e6" > Apps</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="53c771cf" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5b17a2a7"> <a href="https://productive.io/integrations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="982634f6" > <p class="typography btn__label js-button-label" data-id="4ad06ca2" > Integrations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="bec314e6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="cf8be063"> <a href="https://productive.io/automations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d670c595" > <p class="typography btn__label js-button-label" data-id="baf1e5f4" > Automations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="49f4914e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="07f07d52"> <a href="https://productive.io/permission-builder/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="1ea061dd" > <p class="typography btn__label js-button-label" data-id="1bfb1434" > Permission and User Access</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9f9db551" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e74f2e9c"> <a href="https://productive.io/roadmap/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="b5308be9" > <p class="typography btn__label js-button-label" data-id="eafa5f1c" > Roadmap</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8fe6f695" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="114f8635"> <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="83507c4a" > <p class="typography btn__label js-button-label" data-id="37b57e94" > Login</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="c2049a07" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="3e141551" > <p class="typography block-paragraph__paragraph" data-id="5bde82ca" > <strong>USE CASES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="20c92367" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6f33b80d"> <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="3ec3725e" > <p class="typography btn__label js-button-label" data-id="8523e555" > Software Development</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="94ded392" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e532136a"> <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="a0660fa8" > <p class="typography btn__label js-button-label" data-id="29015fdf" > Marketing Agency</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2214a0b6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="ed61b99b"> <a href="https://productive.io/use-cases/consulting/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="35ba90c9" > <p class="typography btn__label js-button-label" data-id="aed48942" > Business Consultancy</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="300639a3" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="c99fbcb7"> <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="2664478f" > <p class="typography btn__label js-button-label" data-id="8888e182" > Design Studio</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="fcbfb327" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="57661daa"> <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="128f513d" > <p class="typography btn__label js-button-label" data-id="9f7b61f5" > In-house Team</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9128d003" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="fcd9286f"> <a href="https://productive.io/customer-stories/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0a3ce661" > <p class="typography btn__label js-button-label" data-id="37b8cfc2" > Customer Stories</p> </a></div> </div> </div> </div> <div class="block-column" data-id="981e348e"> <div class="wrapper wrapper--simple" data-id="01cf3393" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="c4cdabe7" > <p class="typography block-paragraph__paragraph" data-id="e095f87e" > <strong>RESOURCES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0d4fef9e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="62b30f4f"> <a href="https://productive.io/blog/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e6e01860" > <p class="typography btn__label js-button-label" data-id="98629092" > Blog</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e1efc64c" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8a968a06"> <a href="https://help.productive.io/en/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="1ddabdf0" > <p class="typography btn__label js-button-label" data-id="d6c7d994" > Help</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="31af1f31" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f52b5fa7"> <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="36015fa6" > <p class="typography btn__label js-button-label" data-id="202c3d5e" > End-to-end Agency Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="52a5253a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="550221a3"> <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="4e0e190d" > <p class="typography btn__label js-button-label" data-id="d7415d8a" > Agency Resource Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="aa2d8ff6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="22b6162d"> <a href="https://productive.io/whats-new/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3447610a" > <p class="typography btn__label js-button-label" data-id="e010ec37" > Product Updates</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d01ec009" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6ad5fd28"> <a href="https://productive.io/bold/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="dd068ce4" > <p class="typography btn__label js-button-label" data-id="aa5c024c" > The Bold Community</p> </a></div> </div> </div> </div> <div class="block-column" data-id="8ce42c98"> <div class="wrapper wrapper--simple" data-id="69a5815b" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="90e8e781" > <p class="typography block-paragraph__paragraph" data-id="029c92bf" > <strong>COMPARE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b179ae53" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="25bed105"> <a href="https://productive.io/blog/workflowmax-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="c0d5af2b" > <p class="typography btn__label js-button-label" data-id="a4caaf24" > Workflowmax</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9871c9c2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5a0d9edc"> <a href="https://productive.io/blog/harvest-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="4b2825de" > <p class="typography btn__label js-button-label" data-id="1a5ae3a3" > Harvest</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2cb26f53" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="287fd382"> <a href="https://productive.io/blog/scoro-alternatives" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="7a9b4ef9" > <p class="typography btn__label js-button-label" data-id="9de75806" > Scoro</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="60f61c84" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5ec333bd"> <a href="https://productive.io/blog/mavenlink-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ac887d0f" > <p class="typography btn__label js-button-label" data-id="f6dc1e52" > Kantata</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a3bc0f25" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e90f0cf1"> <a href="https://productive.io/blog/teamwork-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f4922eb7" > <p class="typography btn__label js-button-label" data-id="38c1ad68" > Teamwork</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f2a9d2e0" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="b947d23c"> <a href="https://productive.io/blog/accelo-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e023661a" > <p class="typography btn__label js-button-label" data-id="aa2a1c94" > Accelo</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3f17c9a5" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0d691460"> <a href="https://productive.io/blog/bigtime-alternative/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="4a735b4c" > <p class="typography btn__label js-button-label" data-id="81acccb9" > BigTime</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="620dbbe7" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="201810d0"> <a href="https://productive.io/blog/avaza-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="8c9bfc88" > <p class="typography btn__label js-button-label" data-id="00c13d2d" > Avaza</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="49e8f69c" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="9e4fa52d"> <a href="https://productive.io/blog/clickup-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="39032225" > <p class="typography btn__label js-button-label" data-id="f91271a2" > Clickup</p> </a></div> </div> </div> </div> <div class="block-column" data-id="c9c2fb51"> <div class="wrapper wrapper--simple" data-id="885bf2f8" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="e0f4a36b" > <p class="typography block-paragraph__paragraph" data-id="b77633bf" > <strong>TOP GUIDES & TOOLS</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ec9a9ea2" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="698d759d"> <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="f2670564" > <p class="typography btn__label js-button-label" data-id="065b72bc" > Resource Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="793c936f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="21794af9"> <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="7ed391d0" > <p class="typography btn__label js-button-label" data-id="9c59c0f0" > Capacity Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="faa4e9cc" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="906e38b0"> <a href="https://productive.io/blog/workforce-planning/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="920d45e8" > <p class="typography btn__label js-button-label" data-id="df47f961" > Workforce Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="37ffe439" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e1efd7f7"> <a href="https://productive.io/blog/workload-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9e59c5ed" > <p class="typography btn__label js-button-label" data-id="ff601359" > Workload Management Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="13e708e6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="11c7ac36"> <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="f7579697" > <p class="typography btn__label js-button-label" data-id="fd642b86" > Billable Hours Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7ca93e6d" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8dcd0773"> <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="bec35cdd" > <p class="typography btn__label js-button-label" data-id="3d7ea389" > Project Budget Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a6b099fc" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="7c36a5f2"> <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="5c713804" > <p class="typography btn__label js-button-label" data-id="ad882677" > Revenue Operations Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e8e57823" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="966a50ef"> <a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f132d9e0" > <p class="typography btn__label js-button-label" data-id="d8ae3b52" > Agency Valuation Calculator</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a5e999de" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8dbf2d1f"> <a href="https://productive.io/billable-hours-calculator/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="4cf66fe5" > <p class="typography btn__label js-button-label" data-id="a09c498c" > Billable Hours Calculator</p> </a></div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="981bb2ad" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="cb53439b"> <div class="block-column" data-id="f8171195"> <div class="wrapper wrapper--simple" data-id="3163a2d2" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="4cbb2b3c" > <picture class="image media__image-picture" data-id="62eaa3a8" > <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="88e1ac39" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="e9f7b2c5"> <div class="block-column" data-id="66aaa009"> <div class="wrapper wrapper--simple" data-id="7e28184c" > <div class="wrapper__skip-dom"> <div class="block-flex" data-id="06a5502b"> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="a7f516b4" 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="caf56007" 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="bad05b67" 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="ec0c7180" 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="6b33542a"> <div class="wrapper wrapper--simple" data-id="b6faaafb" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="5739b96d" > <p class="typography block-paragraph__paragraph" data-id="cabad18b" > © The Productive Company<br></p></div> </div> </div> </div> <div class="block-column" data-id="b16cdf2e"> <div class="wrapper wrapper--simple" data-id="3a0e8ecf" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="7acf0409" > <picture class="image media__image-picture" data-id="63749ff6" > <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="da3151c1"> <div class="block-flex" data-id="a880e76e"> <div class="block-button block-button--link" data-id="3215a131"> <a href="https://productive.io/trust/privacy-policy/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="c49f4b48" > <p class="typography btn__label js-button-label" data-id="c66a88c3" > Privacy Policy</p> </a></div> <div class="block-button block-button--link" data-id="9f9f4ff0"> <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="af97ef3f" > <p class="typography btn__label js-button-label" data-id="48168757" > 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="75040130" > 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="621a662d" > Necessary cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="155d8109" > Cookies for the basic functionality of the Productive website.</p> </div> <div class="gdpr-modal__toggle"> <p class="typography gdpr-modal__paragraph" data-id="466961b4" > 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="8193c50a" > Functional cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="8476f483" > 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="db86bb57"> <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="3c8a86f9" > Targeting cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="a0b4b61e" > 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="faf1c4ec"> <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="91167380" 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="292a0a05" > 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="27712185" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="7c3edccb" > 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="a4b35101" > <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="624709ea" data-level=2 > <p class="typography btn__label js-gdpr-modal-btn js-button-label" data-id="6d81c3e9" > 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="b7d6b49e"> <h2 class="typography block-heading__heading" data-id="b25031e6" > Try Productive<br><strong>for free</strong></h2></div><div class="block-paragraph" data-id="0e8a5905" > <p class="typography block-paragraph__paragraph" data-id="6d2e87c7" > 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='4567' 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="b50ef2e5" 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="c1edfad0" 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='f1094255']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='05ac953a']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='b50ef2e5']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='c1edfad0']{--es-field-width: calc((12 / 12) * 100%);} </style><div class="block-paragraph" data-id="750a4db2" > <p class="typography block-paragraph__paragraph" data-id="dedfd13a" > 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='6f578d82']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='91d51e1f']{ --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='ebb82f31']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='633dd2d3']{ --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='0322f169']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='a034240d']{ --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='1616b245']{ --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='c26dc95b']{ --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='7a254937']{ --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='d3088176']{ --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='840c0ece']{ --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='9bc9729c']{ --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='1a4801aa']{ --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='7e18d45f']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='1432e627']{ --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='ef6c5a0d']{ --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='7fe1ebf3']{ --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='0f4891aa']{ --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='9c9f6f96']{ --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='7d52ff9d']{ --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='f45187dd']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='04962e4e']{ --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='837e6577']{ --button-align: left; } .btn[data-id='c68fc87c']{ --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='b7ac4247']{ --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='89125195']{ --button-align: left; } .btn[data-id='b69773d4']{ --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='4105a600']{ --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='cc9200e0']{ --button-align: left; } .btn[data-id='b66c2b68']{ --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='2123b532']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='c83992a7']{ --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='9f467e41']{ --heading-align: left; } .typography[data-id='34321a1f']{ --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: 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='920fb61d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='939a2bb9']{ --heading-align: left; } .typography[data-id='bf3be138']{ --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='2e55994d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='151d4d3c']{ --paragraph-align: left; } .typography[data-id='63f1a2f6']{ --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; } .wrapper[data-id='779a8fc3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='8f3a68f5']{ --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='8f3a68f5']{ --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='7a9cbab0']{ --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='b7f79285']{ --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.075; --image-overflow: visible; --image-object-fit: contain; --image-default-border-radius: 0; } .wrapper[data-id='ca8d78e8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='3ce5dfb1']{ --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='3ce5dfb1']{ --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='cb38bc16']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='f153a806']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='f7a11f91']{ --heading-align: center; } .typography[data-id='8e6440b3']{ --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='c08dfbcd']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-with-backplate[data-id='7f00a99b']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='d5113ed1']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='4635416d']{ --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='2b29ea49']{ --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; } .chevron[data-id='05df63a3']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='05df63a3']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='c3c5b499']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='7dbb9b1e']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='5bedf896']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='e5d818cf']{ --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='672b2359']{ --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; } .chevron[data-id='fc4e6c5b']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='fc4e6c5b']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='3e992218']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='400e28ee']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='a6de2870']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='3748ddf1']{ --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='c25b76f8']{ --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; } .chevron[data-id='510be756']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='510be756']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='cb484686']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='f7a7d65a']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='427ed739']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='1a0b6a8b']{ --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='f5700138']{ --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; } .chevron[data-id='87fe3dc3']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='87fe3dc3']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='bbf30c95']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='af7b783f']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='0a699a5e']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='fcf52959']{ --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='bfbde77a']{ --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; } .chevron[data-id='5caefcfc']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='5caefcfc']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='60697ae5']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='91bbc45b']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='888bba7a']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='7bea0d1b']{ --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='3ba70320']{ --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; } .chevron[data-id='3fa969ff']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='3fa969ff']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='2f96e867']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='e6cf9266']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='8d7d56d9']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='6826526f']{ --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='7638429e']{ --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; } .chevron[data-id='963955ba']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='963955ba']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='1c81ebbe']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='9939ff5d']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='4ace0621']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='369e1d27']{ --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='86a6ba3c']{ --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; } .chevron[data-id='a82e65ea']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='a82e65ea']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='b316c37d']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='c450dc33']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='da268a6d']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='73b14a1b']{ --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='a1580903']{ --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; } .chevron[data-id='70d2b3a7']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='70d2b3a7']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='be49bc81']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='00918a6a']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='09002149']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='fa4c2326']{ --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='2d1d3e44']{ --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; } .chevron[data-id='663f4c79']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='663f4c79']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='036fac6f']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .wrapper[data-id='8d2117de']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .cta-box[data-id='7396cddd']{ --cta-box-margins: calc(-1 * var(--global-grid-side-padding)); --cta-box-border-radius: 0; --cta-box-vertical-padding: calc(var(--base-font-size) * 4rem); --cta-box-horizontal-padding: var(--global-grid-side-padding); --cta-box-grid-rows: var(--cta-box-vertical-padding) repeat(3, auto) calc(var(--base-font-size) * 3rem) auto var(--cta-box-vertical-padding); --cta-box-grid-cols: var(--cta-box-horizontal-padding) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . .' '. heading .' '. paragraph .' '. button .' '. . .' 'image image image' 'image image image'; --cta-box-padding-multiplier: 1; --cta-box-color-project: var(--global-colors-indigo); } .cta-box[data-id='7396cddd']{ --wrapper-bg-color-project: transparent } .typography[data-id='896d9f73']{ --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-green300); --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-font-weight: bold; } .typography[data-id='38b83f06']{ --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; } .btn[data-id='acfff82b']{ --button-color: var(--bp-colors-button-green300, var(--global-colors-white)); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-green300); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-green300); --button-background-color: var(--global-colors-green300); --button-background-color-hover: var(--global-colors-green400); --button-color-is-link: var(--global-colors-green300); --button-color-is-link-hover: var(--global-colors-green400); --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='d6ed84ec']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='ba9747f2']{ --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; } .btn[data-id='8a0726b7']{ --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-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='6d9d0ed6']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='864913e8']{ --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; } .image[data-id='7b56ba03']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='7b5a4d15']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .block-heading[data-id='c8b8aeeb']{ --heading-align: center; } .typography[data-id='ae93c671']{ --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='6967e554']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-with-backplate[data-id='20881cb4']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='4df783ba']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='321596a0']{ --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='ba13317c']{ --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; } .chevron[data-id='ab490c65']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='ab490c65']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='080cdfe2']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='cdc147ee']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='7d5fc474']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='6206c331']{ --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='3af5d985']{ --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; } .chevron[data-id='1cf39ed9']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='1cf39ed9']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='b7acf67b']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='b6fa1647']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='136bc95d']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='858ca7fa']{ --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='703cb54a']{ --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; } .chevron[data-id='45571fe8']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='45571fe8']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='180826aa']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='f3f24372']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='8f1a8121']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='9a900bd2']{ --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='b1fd579a']{ --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; } .chevron[data-id='fc3db073']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='fc3db073']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='81fc3ed1']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='be34d251']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='86fc7ca5']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='2f90346d']{ --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='2fd356dd']{ --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; } .chevron[data-id='7fa4fcf5']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='7fa4fcf5']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='ef6805fb']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='3ccbd122']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='8d798856']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='2fa7b575']{ --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='01e963dd']{ --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; } .chevron[data-id='81be7271']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='81be7271']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='15b4b94b']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='53b00c69']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='be2cdcf4']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='2a83caa7']{ --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='ca19fb1a']{ --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; } .card-with-backplate[data-id='903e419b']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='97a7cd31']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='93ebb50f']{ --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='e96a3723']{ --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; } .wrapper[data-id='5335f41d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .block-heading[data-id='df72f5e8']{ --heading-align: center; } .typography[data-id='052cad6b']{ --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='59146923']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-with-backplate[data-id='0701bf9f']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='fb29f325']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='cb8e9ade']{ --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='ddd30d46']{ --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; } .chevron[data-id='2ff44ac0']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='2ff44ac0']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='aa631ca6']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='c525fe8d']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='b58442de']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='cadb49b1']{ --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='99879779']{ --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; } .chevron[data-id='5758809f']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='5758809f']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='afd1ce80']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='8260d064']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='105e61d5']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='8fbab96a']{ --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='642698cf']{ --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; } .chevron[data-id='87e40cec']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='87e40cec']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='5fb81678']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='9f215d70']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='f53542b0']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='c825b7a7']{ --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='dabb7a41']{ --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; } .chevron[data-id='d63a395d']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='d63a395d']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='9c175be8']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='5ff89d1a']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='01de2e5f']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='00defc52']{ --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='ea69d48d']{ --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; } .card-with-backplate[data-id='b35d3d00']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='794b6cda']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='33e05e74']{ --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='f48fc806']{ --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; } .card-with-backplate[data-id='b00ec641']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='2862df32']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='dab123f5']{ --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='1d352cbc']{ --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; } .card-with-backplate[data-id='27846e1d']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='b59fed76']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='f7204401']{ --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='14e64d96']{ --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; } .card-with-backplate[data-id='8473826b']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='bc6cf732']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='f0f5f7d6']{ --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='70cf9473']{ --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; } .card-with-backplate[data-id='313b69a2']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='ddbf5925']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='ffd29e14']{ --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='5e59ed75']{ --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; } .card-with-backplate[data-id='720a0b5d']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='9838c6e9']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='e8fe327b']{ --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='5c5944d7']{ --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; } .card-with-backplate[data-id='ada56df9']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='1d6fcb50']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='02e878d2']{ --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='c0a67e31']{ --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; } .card-with-backplate[data-id='fb3d19d5']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='13d5d2cc']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='2d12fd4b']{ --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='75984d08']{ --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; } .card-with-backplate[data-id='ed0d1bec']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='e8bb9ce7']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='087a5291']{ --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='f72cbf01']{ --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; } .wrapper[data-id='3c1a99d0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .block-heading[data-id='0a71b479']{ --heading-align: center; } .typography[data-id='084adb26']{ --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='380a67c6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-with-backplate[data-id='128c8188']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='e74a23ca']{ --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='1541d86c']{ --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='c97fd2dd']{ --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; } .chevron[data-id='e0259f7d']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='e0259f7d']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='321bad51']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .card-with-backplate[data-id='5975e220']{ --card-with-backplate-text-filter: invert(0); --card-with-backplate-image-width: 100%; --card-with-backplate-image-top-left-inset: 0; --card-with-backplate-width: calc(9 * var(--single-column-width) + 8 * var(--global-grid-gutter)); --card-with-backplate-bg-color-project: var(--global-colors-grey100); --card-backplate-icon-bottom-spacing: calc(var(--base-font-size) * 2rem); } .icon[data-id='2ef00074']{ --icon-backplate-color: var(--global-colors-grey100); --icon-color: var(--global-colors-grey100); --icon-size: calc(var(--base-font-size) * 5rem); } .typography[data-id='62aef3e3']{ --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='518a8fc2']{ --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; } .chevron[data-id='de78d5df']{ --chevron-color: var(--global-colors-black); --chevron-background-color: var(--global-colors-white); --chevron-background-color-inverse: var(--global-colors-grey100); } .chevron[data-id='de78d5df']{ --chevron-size: calc(var(--base-font-size) * 4rem) } .icon[data-id='6a3ac721']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .wrapper[data-id='42c2c8da']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .image[data-id='06784ab1']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .blockquote[data-id='a1e48566']{ --blockquote-icon-space: calc(var(--base-font-size) * 3rem); } .card-simple[data-id='a1e48566']{ --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='3f65c59e']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='1274cc2c']{ --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='e16ae6fd']{ --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='fc06f56e']{ --bca-avatars-column: 10 / span 4; --bca-chevrons-column: 10 / span 4; --bca-blockquote-column: 3 / span 6; --bca-avatars-chevrons-align: flex-start; } .blockquote[data-id='601029d3']{ --blockquote-icon-space: calc(var(--base-font-size) * 2rem); } .card-simple[data-id='601029d3']{ --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='5d2e2ab3']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 4rem); } .typography[data-id='db3d747c']{ --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='1f7adf3b']{ --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='27945534']{ --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='b1c4f53d']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='b026cd18']{ --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; } .typography[data-id='2398301f']{ --typography-uppercase: uppercase; } .wrapper[data-id='c76f4851']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .cta-form[data-id='2ee1af95']{ --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='2ee1af95']{ --wrapper-bg-color-project: transparent } .typography[data-id='ac6414e5']{ --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-green300); --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='922d6c02']{ --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='686ad16e']{ --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='5546397f']{ --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='501bc678']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='9332bb74']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='fb983037']{ --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='fb983037']{ --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='9d7b96bb']{ --paragraph-align: left; } .typography[data-id='883008d0']{ --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='f393dd4a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='12bdb67c']{ --button-align: left; } .btn[data-id='a50719f0']{ --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='322a6d20']{ --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='6277f1a3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0954031c']{ --button-align: left; } .btn[data-id='9644adce']{ --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='0c47b3af']{ --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='e0f63977']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8784ec09']{ --button-align: left; } .btn[data-id='657a1938']{ --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='f276bfb1']{ --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='60986f79']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='11ee4e4e']{ --button-align: left; } .btn[data-id='e3f6b6f6']{ --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='9fbd39c3']{ --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='04fd7d83']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='c816172a']{ --paragraph-align: left; } .typography[data-id='0e1510c1']{ --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='f4999293']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='1ebcdb96']{ --button-align: left; } .btn[data-id='5b97f8e2']{ --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='f0b57753']{ --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='3c32e445']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='bff230b4']{ --button-align: left; } .btn[data-id='7e18d621']{ --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='3504ee4f']{ --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='9efae046']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f702e197']{ --button-align: left; } .btn[data-id='18f28848']{ --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='464868ec']{ --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='9a23b616']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='9803602d']{ --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='9803602d']{ --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='15930c48']{ --paragraph-align: left; } .typography[data-id='bbb6fcb5']{ --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='556ceecf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='aad56b8a']{ --button-align: left; } .btn[data-id='01fadfdf']{ --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='3f23e24a']{ --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='7377fa96']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='bc61298f']{ --button-align: left; } .btn[data-id='f189b7d7']{ --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='dac705e6']{ --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='873d67df']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5b17a2a7']{ --button-align: left; } .btn[data-id='982634f6']{ --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='4ad06ca2']{ --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='53c771cf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='cf8be063']{ --button-align: left; } .btn[data-id='d670c595']{ --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='baf1e5f4']{ --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='bec314e6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='07f07d52']{ --button-align: left; } .btn[data-id='1ea061dd']{ --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='1bfb1434']{ --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='49f4914e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e74f2e9c']{ --button-align: left; } .btn[data-id='b5308be9']{ --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='eafa5f1c']{ --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='9f9db551']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='114f8635']{ --button-align: left; } .btn[data-id='83507c4a']{ --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='37b57e94']{ --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='8fe6f695']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='3e141551']{ --paragraph-align: left; } .typography[data-id='5bde82ca']{ --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='c2049a07']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6f33b80d']{ --button-align: left; } .btn[data-id='3ec3725e']{ --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='8523e555']{ --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='20c92367']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e532136a']{ --button-align: left; } .btn[data-id='a0660fa8']{ --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='29015fdf']{ --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='94ded392']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='ed61b99b']{ --button-align: left; } .btn[data-id='35ba90c9']{ --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='aed48942']{ --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='2214a0b6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='c99fbcb7']{ --button-align: left; } .btn[data-id='2664478f']{ --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='8888e182']{ --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='300639a3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='57661daa']{ --button-align: left; } .btn[data-id='128f513d']{ --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='9f7b61f5']{ --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='fcbfb327']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='fcd9286f']{ --button-align: left; } .btn[data-id='0a3ce661']{ --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='37b8cfc2']{ --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='9128d003']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='5f19f4ad']{ --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='5f19f4ad']{ --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='c4cdabe7']{ --paragraph-align: left; } .typography[data-id='e095f87e']{ --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='01cf3393']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='62b30f4f']{ --button-align: left; } .btn[data-id='e6e01860']{ --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='98629092']{ --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='0d4fef9e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8a968a06']{ --button-align: left; } .btn[data-id='1ddabdf0']{ --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='d6c7d994']{ --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='e1efc64c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f52b5fa7']{ --button-align: left; } .btn[data-id='36015fa6']{ --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='202c3d5e']{ --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='31af1f31']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='550221a3']{ --button-align: left; } .btn[data-id='4e0e190d']{ --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='d7415d8a']{ --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='52a5253a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='22b6162d']{ --button-align: left; } .btn[data-id='3447610a']{ --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='e010ec37']{ --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='aa2d8ff6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6ad5fd28']{ --button-align: left; } .btn[data-id='dd068ce4']{ --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='aa5c024c']{ --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='d01ec009']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='981e348e']{ --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='981e348e']{ --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='90e8e781']{ --paragraph-align: left; } .typography[data-id='029c92bf']{ --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='69a5815b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='25bed105']{ --button-align: left; } .btn[data-id='c0d5af2b']{ --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='a4caaf24']{ --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='b179ae53']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5a0d9edc']{ --button-align: left; } .btn[data-id='4b2825de']{ --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='1a5ae3a3']{ --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='9871c9c2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='287fd382']{ --button-align: left; } .btn[data-id='7a9b4ef9']{ --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='9de75806']{ --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='2cb26f53']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5ec333bd']{ --button-align: left; } .btn[data-id='ac887d0f']{ --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='f6dc1e52']{ --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='60f61c84']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e90f0cf1']{ --button-align: left; } .btn[data-id='f4922eb7']{ --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='38c1ad68']{ --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='a3bc0f25']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='b947d23c']{ --button-align: left; } .btn[data-id='e023661a']{ --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='aa2a1c94']{ --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='f2a9d2e0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0d691460']{ --button-align: left; } .btn[data-id='4a735b4c']{ --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='81acccb9']{ --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='3f17c9a5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='201810d0']{ --button-align: left; } .btn[data-id='8c9bfc88']{ --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='00c13d2d']{ --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='620dbbe7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='9e4fa52d']{ --button-align: left; } .btn[data-id='39032225']{ --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='f91271a2']{ --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='49e8f69c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='8ce42c98']{ --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='8ce42c98']{ --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='e0f4a36b']{ --paragraph-align: left; } .typography[data-id='b77633bf']{ --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='885bf2f8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='698d759d']{ --button-align: left; } .btn[data-id='f2670564']{ --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='065b72bc']{ --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='ec9a9ea2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='21794af9']{ --button-align: left; } .btn[data-id='7ed391d0']{ --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='9c59c0f0']{ --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='793c936f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='906e38b0']{ --button-align: left; } .btn[data-id='920d45e8']{ --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='df47f961']{ --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='faa4e9cc']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e1efd7f7']{ --button-align: left; } .btn[data-id='9e59c5ed']{ --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='ff601359']{ --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='37ffe439']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='11c7ac36']{ --button-align: left; } .btn[data-id='f7579697']{ --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='fd642b86']{ --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='13e708e6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8dcd0773']{ --button-align: left; } .btn[data-id='bec35cdd']{ --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='3d7ea389']{ --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='7ca93e6d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='7c36a5f2']{ --button-align: left; } .btn[data-id='5c713804']{ --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='ad882677']{ --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='a6b099fc']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='966a50ef']{ --button-align: left; } .btn[data-id='f132d9e0']{ --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='d8ae3b52']{ --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='e8e57823']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8dbf2d1f']{ --button-align: left; } .btn[data-id='4cf66fe5']{ --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='a09c498c']{ --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='a5e999de']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='c9c2fb51']{ --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='c9c2fb51']{ --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='65d13c50']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='cd15ecb7']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .media[data-id='4cbb2b3c']{ --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='62eaa3a8']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='3163a2d2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='f8171195']{ --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='f8171195']{ --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='cb53439b']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='981bb2ad']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .icon[data-id='a7f516b4']{ --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='caf56007']{ --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='bad05b67']{ --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='ec0c7180']{ --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='06a5502b']{ --flex-separator: none; } .block-flex[data-id='06a5502b']{ --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='7e28184c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='66aaa009']{ --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='66aaa009']{ --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='5739b96d']{ --paragraph-align: left; } .typography[data-id='cabad18b']{ --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='b6faaafb']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='6b33542a']{ --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='6b33542a']{ --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='7acf0409']{ --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='63749ff6']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='3a0e8ecf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='b16cdf2e']{ --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='b16cdf2e']{ --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='3215a131']{ --button-align: left; } .btn[data-id='c49f4b48']{ --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='c66a88c3']{ --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='9f9f4ff0']{ --button-align: left; } .btn[data-id='af97ef3f']{ --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='48168757']{ --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='a880e76e']{ --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='da3151c1']{ --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='da3151c1']{ --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='e9f7b2c5']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='88e1ac39']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .typography[data-id='75040130']{ --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='621a662d']{ --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='155d8109']{ --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='466961b4']{ --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='8193c50a']{ --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='8476f483']{ --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='db86bb57']{ --toggle-color: var(--global-colors-indigo); } .typography[data-id='3c8a86f9']{ --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='a0b4b61e']{ --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='faf1c4ec']{ --toggle-color: var(--global-colors-indigo); } .btn[data-id='91167380']{ --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='292a0a05']{ --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='27712185']{ --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='7c3edccb']{ --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='a4b35101']{ --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='624709ea']{ --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='6d81c3e9']{ --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='b7d6b49e']{ --heading-align: center; } .typography[data-id='b25031e6']{ --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='0e8a5905']{ --paragraph-align: center; } .typography[data-id='6d2e87c7']{ --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='750a4db2']{ --paragraph-align: center; } .typography[data-id='dedfd13a']{ --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){ .card-with-backplate[data-id='7f00a99b']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='7dbb9b1e']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='400e28ee']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='f7a7d65a']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='af7b783f']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='91bbc45b']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='e6cf9266']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='9939ff5d']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='c450dc33']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='00918a6a']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .cta-box[data-id='7396cddd']{ --cta-box-vertical-padding: calc(var(--base-font-size) * 3rem); --cta-box-horizontal-padding: calc(var(--base-font-size) * 3rem); --cta-box-border-radius: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-right: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-left: calc(var(--base-font-size) * 2rem); } .card-with-backplate[data-id='20881cb4']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='cdc147ee']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b6fa1647']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='f3f24372']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='be34d251']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='3ccbd122']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='53b00c69']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='903e419b']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='0701bf9f']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='c525fe8d']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='8260d064']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='9f215d70']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='5ff89d1a']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b35d3d00']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b00ec641']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='27846e1d']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='8473826b']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='313b69a2']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='720a0b5d']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='ada56df9']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='fb3d19d5']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='ed0d1bec']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='128c8188']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .card-with-backplate[data-id='5975e220']{ --card-with-backplate-width: calc(5 * var(--single-column-width) + 4 * var(--global-grid-gutter)); } .cta-form[data-id='2ee1af95']{ --cta-form-vertical-padding: calc(var(--base-font-size) * 10rem); } } @media (min-width:1279px){ .card-with-backplate[data-id='7f00a99b']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='7dbb9b1e']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='400e28ee']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='f7a7d65a']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='af7b783f']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='91bbc45b']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='e6cf9266']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='9939ff5d']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='c450dc33']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='00918a6a']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .cta-box[data-id='7396cddd']{ --cta-box-horizontal-padding: calc(var(--base-font-size) * 8rem); --cta-box-vertical-padding: calc(var(--base-font-size) * 8rem); --cta-box-grid-rows: var(--cta-box-vertical-padding) 1fr auto auto auto 1fr var(--cta-box-vertical-padding); --cta-box-grid-cols: calc(var(--cta-box-padding-multiplier, 1) * var(--cta-box-horizontal-padding)) 1fr calc(var(--base-font-size) * 2rem) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . . image image' '. . . image image' '. heading . image image' '. paragraph . image image' '. button . image image' '. . . image image' '. . . image image'; --cta-box-image-radius-right: var(--cta-box-border-radius); --cta-box-image-radius-left: 0; --cta-box-image-img-width: 100%; --cta-box-image-img-height: 100%; } .card-with-backplate[data-id='20881cb4']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='cdc147ee']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b6fa1647']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='f3f24372']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='be34d251']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='3ccbd122']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='53b00c69']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='903e419b']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='0701bf9f']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='c525fe8d']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='8260d064']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='9f215d70']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='5ff89d1a']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b35d3d00']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='b00ec641']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='27846e1d']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='8473826b']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='313b69a2']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='720a0b5d']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='ada56df9']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='fb3d19d5']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='ed0d1bec']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='128c8188']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } .card-with-backplate[data-id='5975e220']{ --card-with-backplate-width: calc(3 * var(--single-column-width) + 2 * var(--global-grid-gutter)); } } @media (min-width:2159px){ .cta-form[data-id='2ee1af95']{ --cta-form-horizontal-padding: 15vw; } } .card-simple[data-id='c26dc95b']{ --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='ef6c5a0d']{ --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='920fb61d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 30; --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='2e55994d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 30; --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='779a8fc3']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 50; --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='8f3a68f5']{ --column-width: 7; --column-offset: 1; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='ca8d78e8']{ --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='3ce5dfb1']{ --column-width: 6; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='cb38bc16']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='f153a806']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: 160; --wrapper-spacing-bottom-in: 80; --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='c08dfbcd']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 40; --wrapper-spacing-bottom-in: 40; --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-grid-item[data-id='8713be31']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7928d48a']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f317189d']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c455433a']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='fb2dafe7']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8f552089']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='dc6d8e33']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='dfcbe112']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d9014290']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='6c4798bc']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3b5b9a32']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='6e7ff20e']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4af2bad4']{ --grid-item-row-start: auto; --grid-item-col-start: 2; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='0267f73f']{ --grid-item-row-start: auto; --grid-item-col-start: 3; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4250b526']{ --grid-item-row-start: auto; --grid-item-col-start: 4; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ddd500ff']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='2338037f']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d6b947de']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='05ff7f00']{ --grid-cols: repeat(4, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 40px; --grid-col-gap: 40px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='8d2117de']{ --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: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='7b5a4d15']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom: 100; --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='6967e554']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 10; --wrapper-spacing-bottom-in: 40; --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-grid-item[data-id='e1031f74']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='02035f47']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ce9534c1']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8f91ab3c']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='28e52897']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bc4a544a']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='5972dfa5']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8caa62e9']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='e3f0d379']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ff2044e5']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7adb85de']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='daa366ea']{ --grid-item-row-start: auto; --grid-item-col-start: 2; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='cd68d3f7']{ --grid-cols: repeat(4, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 40px; --grid-col-gap: 40px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='5335f41d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 60; --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='59146923']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 10; --wrapper-spacing-bottom-in: 40; --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-grid-item[data-id='b0bac6f0']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c73e9fa0']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c8b66aaf']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f2bf3795']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bd93f9c7']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='138aae9e']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='83a5a268']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='012176ae']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='efa17950']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='76ce83bf']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3aac8bcb']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='eef4bda4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d9e2f9ba']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8cf8f728']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='9bef8bd4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4807cfe4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c6d8042b']{ --grid-item-row-start: auto; --grid-item-col-start: 2; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='35aee210']{ --grid-item-row-start: auto; --grid-item-col-start: 3; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='757d3c74']{ --grid-item-row-start: auto; --grid-item-col-start: 4; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='045fc730']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='678ea0a5']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='a67a85aa']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='56fcb09b']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3807db01']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='680bd716']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f543e599']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='aeaa0a4d']{ --grid-cols: repeat(4, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 40px; --grid-col-gap: 40px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='3c1a99d0']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 60; --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='380a67c6']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 10; --wrapper-spacing-bottom-in: 40; --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-grid-item[data-id='6510d39d']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='59fb5da4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7b998e84']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='a14b37e7']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f1c8108e']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='683b7800']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7d3589dd']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ffbcdd0c']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='187f9474']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='61370440']{ --grid-item-row-start: auto; --grid-item-col-start: 2; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bf4ff01b']{ --grid-item-row-start: auto; --grid-item-col-start: 3; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='e026a02e']{ --grid-item-row-start: auto; --grid-item-col-start: 4; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='81a549d4']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='f979b6f7']{ --grid-cols: repeat(4, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 40px; --grid-col-gap: 40px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='42c2c8da']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 60; --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; } .card-simple[data-id='a1e48566']{ --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='601029d3']{ --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='c76f4851']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom: 100; --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: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='686ad16e']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: -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='9332bb74']{ --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='fb983037']{ --column-width: 1; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='f393dd4a']{ --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='6277f1a3']{ --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='e0f63977']{ --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='60986f79']{ --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='04fd7d83']{ --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='f4999293']{ --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='3c32e445']{ --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='9efae046']{ --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='9a23b616']{ --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='9803602d']{ --column-width: 2; --column-offset: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='556ceecf']{ --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='7377fa96']{ --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='873d67df']{ --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='53c771cf']{ --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='bec314e6']{ --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='49f4914e']{ --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='9f9db551']{ --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='8fe6f695']{ --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='c2049a07']{ --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='20c92367']{ --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='94ded392']{ --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='2214a0b6']{ --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='300639a3']{ --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='fcbfb327']{ --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='9128d003']{ --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='5f19f4ad']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='01cf3393']{ --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='0d4fef9e']{ --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='e1efc64c']{ --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='31af1f31']{ --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='52a5253a']{ --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='aa2d8ff6']{ --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='d01ec009']{ --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='981e348e']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='69a5815b']{ --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='b179ae53']{ --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='9871c9c2']{ --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='2cb26f53']{ --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='60f61c84']{ --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='a3bc0f25']{ --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='f2a9d2e0']{ --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='3f17c9a5']{ --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='620dbbe7']{ --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='49e8f69c']{ --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='8ce42c98']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='885bf2f8']{ --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='ec9a9ea2']{ --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='793c936f']{ --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='faa4e9cc']{ --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='37ffe439']{ --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='13e708e6']{ --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='7ca93e6d']{ --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='a6b099fc']{ --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='e8e57823']{ --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='a5e999de']{ --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='c9c2fb51']{ --column-width: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='65d13c50']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='cd15ecb7']{ --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='3163a2d2']{ --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='f8171195']{ --column-width: 4; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='cb53439b']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='981bb2ad']{ --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='06a5502b']{ --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='7e28184c']{ --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='66aaa009']{ --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='b6faaafb']{ --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='6b33542a']{ --column-width: 3; --column-offset: 5; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='3a0e8ecf']{ --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='b16cdf2e']{ --column-width: 1; --column-offset: 10; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-flex[data-id='a880e76e']{ --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='da3151c1']{ --column-width: 5; --column-offset: 11; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='e9f7b2c5']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='88e1ac39']{ --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-column[data-id='8f3a68f5']{ --column-width: 6; --column-offset: 2; } .block-flex[data-id='06a5502b']{ --flex-vertical-align: flex-start; } .block-column[data-id='66aaa009']{ --column-offset: 2; --column-vertical-align: flex-start; } } @media (max-width:1279px){ .block-column[data-id='8f3a68f5']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='ca8d78e8']{ --wrapper-spacing-top: -70; } .block-column[data-id='3ce5dfb1']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='f153a806']{ --wrapper-spacing-top-in: 120; --wrapper-spacing-bottom-in: 60; } .wrapper[data-id='c08dfbcd']{ --wrapper-spacing-top-in: 40; } .block-grid[data-id='05ff7f00']{ --grid-cols: repeat(2, var(--grid-col-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); } .wrapper[data-id='8d2117de']{ --wrapper-spacing-bottom-in: 20; } .wrapper[data-id='7b5a4d15']{ --wrapper-spacing-bottom: 40; } .block-grid[data-id='cd68d3f7']{ --grid-cols: repeat(2, var(--grid-col-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); } .wrapper[data-id='5335f41d']{ --wrapper-spacing-bottom-in: 20; } .block-grid[data-id='aeaa0a4d']{ --grid-cols: repeat(2, var(--grid-col-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); } .wrapper[data-id='3c1a99d0']{ --wrapper-spacing-bottom-in: 20; } .block-grid[data-id='f979b6f7']{ --grid-cols: repeat(2, var(--grid-col-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); } .wrapper[data-id='42c2c8da']{ --wrapper-spacing-bottom-in: 20; } .wrapper[data-id='686ad16e']{ --wrapper-spacing-bottom: 0; } .wrapper[data-id='9332bb74']{ --wrapper-display: none; } .block-column[data-id='fb983037']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='9803602d']{ --column-width: 6; --column-offset: 2; } .wrapper[data-id='873d67df']{ --wrapper-spacing-top-in: 10; } .block-column[data-id='5f19f4ad']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='981e348e']{ --column-width: 5; --column-offset: 2; } .block-column[data-id='8ce42c98']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='c9c2fb51']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='cd15ecb7']{ --wrapper-spacing-top-in: 56; --wrapper-spacing-bottom-in: 80; } .block-column[data-id='f8171195']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='981bb2ad']{ --wrapper-spacing-top-in: 40; --wrapper-display: var(--wrapper-display-type, grid); } .block-flex[data-id='06a5502b']{ --flex-vertical-align: flex-start; } .block-column[data-id='66aaa009']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='b6faaafb']{ --wrapper-spacing-bottom: 20; } .block-column[data-id='6b33542a']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='b16cdf2e']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='a880e76e']{ --flex-horizontal-align: flex-start; } .block-column[data-id='da3151c1']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='88e1ac39']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 56; } } @media (max-width:479px){ .wrapper[data-id='920fb61d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2e55994d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='779a8fc3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ca8d78e8']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: -70; } .block-column[data-id='3ce5dfb1']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='f153a806']{ --wrapper-offset: 1; } .wrapper[data-id='c08dfbcd']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); } .block-grid-item[data-id='8713be31']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7928d48a']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f317189d']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c455433a']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='fb2dafe7']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8f552089']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='dc6d8e33']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='dfcbe112']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d9014290']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='6c4798bc']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3b5b9a32']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='6e7ff20e']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4af2bad4']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='0267f73f']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4250b526']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ddd500ff']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='2338037f']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d6b947de']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='05ff7f00']{ --grid-cols: repeat(1, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 24px; --grid-col-gap: 24px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='8d2117de']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7b5a4d15']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6967e554']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: -50; --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); } .block-grid-item[data-id='e1031f74']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='02035f47']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ce9534c1']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8f91ab3c']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='28e52897']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bc4a544a']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='5972dfa5']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8caa62e9']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='e3f0d379']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ff2044e5']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7adb85de']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='daa366ea']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='cd68d3f7']{ --grid-cols: repeat(1, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 24px; --grid-col-gap: 24px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='5335f41d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='59146923']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: -50; --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); } .block-grid-item[data-id='b0bac6f0']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c73e9fa0']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c8b66aaf']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f2bf3795']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bd93f9c7']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='138aae9e']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='83a5a268']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='012176ae']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='efa17950']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='76ce83bf']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3aac8bcb']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='eef4bda4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='d9e2f9ba']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='8cf8f728']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='9bef8bd4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='4807cfe4']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='c6d8042b']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='35aee210']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='757d3c74']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='045fc730']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='678ea0a5']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='a67a85aa']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='56fcb09b']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='3807db01']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='680bd716']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f543e599']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='aeaa0a4d']{ --grid-cols: repeat(1, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 24px; --grid-col-gap: 24px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='3c1a99d0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='380a67c6']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: -50; --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); } .block-grid-item[data-id='6510d39d']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='59fb5da4']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7b998e84']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='a14b37e7']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='f1c8108e']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='683b7800']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='7d3589dd']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='ffbcdd0c']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='187f9474']{ --grid-item-row-start: auto; --grid-item-col-start: auto; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='61370440']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='bf4ff01b']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='e026a02e']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid-item[data-id='81a549d4']{ --grid-item-row-start: auto; --grid-item-col-start: 1; --grid-item-col-end: span 1; --grid-item-row-end: span 1; --grid-item-display: block; --grid-item-vertical-align: stretch; --grid-inner-item-height: 100%; --grid-item-horizontal-align: stretch; --grid-inner-item-width: 100%; } .block-grid[data-id='f979b6f7']{ --grid-cols: repeat(1, var(--grid-col-size, minmax(0, 1fr))); --grid-rows: repeat(1, var(--grid-row-size, minmax(0, 1fr))); --grid-template-cols: var(--grid-cols); --grid-template-rows: none; --grid-auto-cols: none; --grid-auto-rows: var(--grid-row-size, minmax(0, 1fr)); --grid-row-gap: 24px; --grid-col-gap: 24px; --grid-row-size: auto; --grid-col-size: minmax(0, 1fr); } .wrapper[data-id='42c2c8da']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c76f4851']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 80; } .wrapper[data-id='686ad16e']{ --wrapper-width: 14; --wrapper-offset: 1; --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[data-id='9332bb74']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='f393dd4a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6277f1a3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e0f63977']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='60986f79']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='04fd7d83']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f4999293']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3c32e445']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9efae046']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a23b616']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='556ceecf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7377fa96']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='873d67df']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='53c771cf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bec314e6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='49f4914e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9f9db551']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8fe6f695']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c2049a07']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='20c92367']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='94ded392']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2214a0b6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='300639a3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fcbfb327']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9128d003']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='5f19f4ad']{ --column-order: 1; } .wrapper[data-id='01cf3393']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0d4fef9e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e1efc64c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='31af1f31']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='52a5253a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='aa2d8ff6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d01ec009']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='981e348e']{ --column-width: 6; --column-offset: 2; --column-order: 3; } .wrapper[data-id='69a5815b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b179ae53']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9871c9c2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2cb26f53']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='60f61c84']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a3bc0f25']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f2a9d2e0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3f17c9a5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='620dbbe7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='49e8f69c']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='8ce42c98']{ --column-order: 4; } .wrapper[data-id='885bf2f8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ec9a9ea2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='793c936f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='faa4e9cc']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='37ffe439']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='13e708e6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7ca93e6d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a6b099fc']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e8e57823']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a5e999de']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='c9c2fb51']{ --column-order: 4; } .wrapper[data-id='cd15ecb7']{ --wrapper-offset: 1; } .wrapper[data-id='3163a2d2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='981bb2ad']{ --wrapper-offset: 1; } .block-flex[data-id='06a5502b']{ --flex-vertical-align: flex-start; } .wrapper[data-id='7e28184c']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='66aaa009']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='b6faaafb']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='6b33542a']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='3a0e8ecf']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='b16cdf2e']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='a880e76e']{ --flex-horizontal-align: flex-start; } .block-column[data-id='da3151c1']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='88e1ac39']{ --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=\"60ce12ba\"\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>