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>How to Use Task Custom Fields to Organize Your Projects - Productive</title> <meta name="description" content="Instead of opening each task for the data you need, in Productive you can use custom fields to make sure your priorities stand out." /> <link rel="canonical" href="https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Use Task Custom Fields to Organize Your Projects" /> <meta property="og:description" content="Instead of opening each task for the data you need, in Productive you can use custom fields to make sure your priorities stand out." /> <meta property="og:url" content="https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/" /> <meta property="og:site_name" content="Productive" /> <meta property="article:published_time" content="2020-08-18T14:25:59+00:00" /> <meta property="article:modified_time" content="2021-10-02T13:11:34+00:00" /> <meta property="og:image" content="https://productive.io/wp-content/uploads/2021/09/postits_2x-1024x472-1.png" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="472" /> <meta property="og:image:type" content="image/png" /> <meta name="author" content="Kresimir Simicic" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Kresimir Simicic" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/","url":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/","name":"How to Use Task Custom Fields to Organize Your Projects - Productive","isPartOf":{"@id":"https://productive.io/#website"},"primaryImageOfPage":{"@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/#primaryimage"},"image":{"@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/#primaryimage"},"thumbnailUrl":"https://website-assets.productive.io/uploads/2021/09/postits_2x-1024x472-1.png","datePublished":"2020-08-18T14:25:59+00:00","dateModified":"2021-10-02T13:11:34+00:00","author":{"@id":"https://productive.io/#/schema/person/e237e21c05121f95530e53abd523c8f5"},"description":"Instead of opening each task for the data you need, in Productive you can use custom fields to make sure your priorities stand out.","breadcrumb":{"@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/#primaryimage","url":"https://website-assets.productive.io/uploads/2021/09/postits_2x-1024x472-1.png","contentUrl":"https://website-assets.productive.io/uploads/2021/09/postits_2x-1024x472-1.png","width":1024,"height":472},{"@type":"BreadcrumbList","@id":"https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://productive.io/"},{"@type":"ListItem","position":2,"name":"How to Use Task Custom Fields to Organize Your Projects"}]},{"@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"},{"@type":"Person","@id":"https://productive.io/#/schema/person/e237e21c05121f95530e53abd523c8f5","name":"Kresimir Simicic","url":"https://productive.io/author/kresimir-simicic/"}]}</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/posts/9078" /><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> <meta name="generator" content="WP Rocket 3.17.2" data-wpr-features="wpr_desktop wpr_preload_links" /></head> <body data-page-category="how-to" class="post-template-default single single-post postid-9078 single-format-standard"> <div data-rocket-location-hash="060ec5c5da0cd90a48e8ddee925be1b1" 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 data-rocket-location-hash="f1f6a309f7c84d63266c9fe1a4d079c4" 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="eca9ade9"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="fdc577ae" > <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="a898837d" > 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="39c2b634" > <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="ca6a2b8a" > 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="6c0bd00f" > <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="5d949953" > 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="ca046b3d" > 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="8cb14454" > <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="4f2e4cbf" > <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="6a813dfe" > <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="bf98cdce" > <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="a7d5d8f6"> <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="0bf66dff" > <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="9da2da22" > <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="bc3b63d6" > <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="7ab8c956" > <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="b992ebe2" > <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="6577b4d0" > <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="994dbedf"> <picture class="image card-simple__image-picture" data-id="3585e9e8" > <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="" /> </picture><p class="typography card-simple__intro" data-id="61aa0a78" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="3295a973" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="8c4c1d5d" > 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="1a4d8a2c" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="7e2c5290" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="16d1ffce" > <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="5d54bff2"> <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="03ee9847" > <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="b93b56c1" > <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="a6920f0c" > <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="5b9f326d" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Webinars</div> <div class="block-navbar-promo__subitem-subtitle">Learn how to run a more successful agency in Productive</div> <a href="https://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="f49fa8d3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="help-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='m22.955 7.045-4.64 4.64A4.673 4.673 0 0 1 19.686 15a4.673 4.673 0 0 1-1.373 3.315l4.64 4.64A11.215 11.215 0 0 0 26.25 15c0-3.107-1.26-5.92-3.295-7.955zM7.022 22.932A11.215 11.215 0 0 1 3.75 15c0-3.095 1.25-5.898 3.273-7.932l4.661 4.619A4.673 4.673 0 0 0 10.313 15c0 1.294.524 2.466 1.372 3.315H11.5l-4.478 4.617z' fill='currentColor'/><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M15 19.688a4.688 4.688 0 1 0 0-9.376 4.688 4.688 0 0 0 0 9.376zm-3.315-8.003-4.64-4.64m11.27 4.64 5.64-5.64m-5.64 12.27 4.64 4.64m-11.27-4.64-5.64 5.64' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Help</div> <div class="block-navbar-promo__subitem-subtitle">General information, best practices and detailed how-tos for using the Productive platform</div> <a href="https://productive.io/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="de1d3f02" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="what-is-new-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.9834 14.0913H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9834 17.6846H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M26.3569 9.65931V22.1763C26.3569 22.6528 26.1676 23.1098 25.8307 23.4467C25.4937 23.7837 25.0367 23.9729 24.5602 23.9729H4.79663C5.27314 23.9729 5.73014 23.7837 6.06708 23.4467C6.40403 23.1098 6.59332 22.6528 6.59332 22.1763V8.70108C6.59332 8.46282 6.68797 8.23433 6.85644 8.06585C7.02491 7.89738 7.25341 7.80273 7.49167 7.80273H18.9306' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.79669 23.973C4.32018 23.973 3.86318 23.7837 3.52624 23.4467C3.18929 23.1098 3 22.6528 3 22.1763' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 22.1162V13.1927C3 12.7161 3.18929 12.2591 3.52624 11.9222C3.86318 11.5853 4.32018 11.396 4.79669 11.396H6.4736' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><g opacity='0.3'><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333' fill='currentColor'/><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333C3 12.0395 3.64352 11.396 4.43735 11.396H6.4736V23.9728H4.79669Z' fill='currentColor'/></g><path d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">What's New?</div> <div class="block-navbar-promo__subitem-subtitle">From big milestones to the smallest improvements—it’s all here.</div> <a href="https://productive.io/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="4467df63" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="create-invoices-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.25 15h7.5m-7.5 3.75h7.5M6.563 4.688h16.875a.937.937 0 0 1 .937.938v17.812a2.812 2.812 0 0 1-2.813 2.813H8.438a2.812 2.812 0 0 1-2.812-2.813V5.626a.937.937 0 0 1 .938-.938zm2.812-1.875v3.75M15 2.813v3.75m5.625-3.75v3.75' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Valuation Calculator</div> <div class="block-navbar-promo__subitem-subtitle">See the 2023 Global Agency Valuations Report</div> <a href="https://productive.io/how-much-do-agency-owners-make/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="732ecf46" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-financials-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='15' cy='15' r='6' fill='currentColor' fill-opacity='.3'/><path d='M15 8.438v1.874m0 9.376v1.875m0 4.687c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.188 19.688h4.218a2.343 2.343 0 1 0 0-4.688h-2.812a2.343 2.343 0 1 1 0-4.688h4.219' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Owner Compensation Report</div> <div class="block-navbar-promo__subitem-subtitle">Learn insights that could reshape your own approach to fair pay</div> <a href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="469c1326" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="bold-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.285 13.0898C18.6542 12.3776 17.8919 11.81 17.019 11.4039C16.1441 10.9957 15.163 10.7895 14.1075 10.7895C12.965 10.7895 11.9754 11.034 11.1621 11.5187C10.559 11.878 10.045 12.3309 9.62668 12.8687V3H5.64062V26.6131H9.62881V24.9208C10.0472 25.4587 10.5611 25.9115 11.1642 26.2708C11.9754 26.7534 12.9672 27 14.1097 27C15.1651 27 16.1441 26.7938 17.0212 26.3856C17.8961 25.9795 18.6585 25.4119 19.2871 24.6976C19.9157 23.9875 20.4105 23.1222 20.7545 22.1294C21.0964 21.1408 21.2706 20.046 21.2706 18.8788C21.2706 17.7117 21.0964 16.6232 20.7545 15.6431C20.4105 14.6609 19.9178 13.802 19.2871 13.0898H19.285ZM12.5339 12.9091C13.205 12.9091 13.8145 13.0601 14.3454 13.3577C14.8806 13.6596 15.3477 14.0741 15.7343 14.5929C16.1229 15.1159 16.4266 15.7473 16.6368 16.4722C16.847 17.2036 16.9553 18.0136 16.9553 18.8809C16.9553 19.7483 16.8492 20.5647 16.6368 21.3045C16.4266 22.0401 16.1229 22.6758 15.7343 23.1988C15.3477 23.7175 14.8806 24.1321 14.3454 24.434C13.8166 24.7316 13.2071 24.8825 12.5339 24.8825C12.0073 24.8825 11.487 24.7869 10.9901 24.5998C10.5186 24.4212 10.0599 24.1278 9.62881 23.726V14.0678C10.0429 13.6681 10.4952 13.3747 10.9752 13.1961C11.4849 13.0069 12.0094 12.9112 12.5339 12.9112V12.9091Z' fill='#5D2BFF'/><path opacity='0.3' d='M25.1046 26.8448C26.3361 26.8448 27.3344 25.8454 27.3344 24.6126C27.3344 23.3797 26.3361 22.3803 25.1046 22.3803C23.8731 22.3803 22.8748 23.3797 22.8748 24.6126C22.8748 25.8454 23.8731 26.8448 25.1046 26.8448Z' fill='#5D2BFF'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Bold Community</div> <div class="block-navbar-promo__subitem-subtitle">Join the community for agency professionals by Productive</div> <a href="https://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="1c0ebaf7" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="working-hours-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M15 8.438V15h6.563' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M20 15a5 5 0 1 1-5-5v5h5z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Billable Hours Calculator</div> <div class="block-navbar-promo__subitem-subtitle">Find out your billable hours, team utilization rate, and ideal billable hourly rate</div> <a href="https://productive.io/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="574cb01c" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="enterprise-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 25h26M8 9h3m-3 5h4m-2 5h3.75M21 19h1.875M21 15h1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M4 6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v19H4V6z' stroke='currentColor' stroke-width='2' fill='none'/><path d='M17 11h7a2 2 0 0 1 2 2v12h-9V11z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Building Productive</div> <div class="block-navbar-promo__subitem-subtitle">Stories from the team that build and scale the platform</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="4bbad634"> <picture class="image card-simple__image-picture" data-id="fae7ccc3" > <img src="https://website-assets-staging.productive.io/uploads/2022/01/Agency-valuation.svg" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__heading" data-id="4c720f1a" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="8f4b726f" > 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="7ae2db5d" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="e48c3ed7" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="2f0c1ccd" > <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 data-rocket-location-hash="eb1ff04dd196bf8b84d714e55453f292" class="block-navbar-right js-block-navbar-right"> <div data-rocket-location-hash="cfdcf336908a1e07aa2fe67867beaf50" class="block-navbar-right__toggle js-block-navbar-right-toggle"></div> <div data-rocket-location-hash="e1e66195bc3ddf449aa74b1faf27c1a2" class="block-navbar-right__wrapper js-block-navbar-right-wrapper"> <div class="block-button block-button--link" data-id="44ad0f88"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="845f1dc3" > <p class="typography btn__label js-button-label" data-id="347ea657" > Login</p> </a></div> <div class="block-button" data-id="d556fc76"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="9d9dca42" > <p class="typography btn__label js-button-label" data-id="78498da5" > Book a Demo</p> </a></div> <div class="block-button" data-id="6af4565e"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="0987d2da" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="dfb05616" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="42e2e622" > <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 data-rocket-location-hash="ed964a0ab580c8c9ae497a0a9ff5ff0e" class="block-navbar__flyout js-block-navbar-flyout"> <div data-rocket-location-hash="4bc7cb813f1e79a81f7ce21c73dfdffb" 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="eca9ade9"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="fdc577ae" > <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="a898837d" > 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="39c2b634" > <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="ca6a2b8a" > 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="6c0bd00f" > <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="5d949953" > 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="ca046b3d" > 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="8cb14454" > <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="4f2e4cbf" > <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="6a813dfe" > <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="bf98cdce" > <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="a7d5d8f6"> <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="0bf66dff" > <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="9da2da22" > <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="bc3b63d6" > <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="7ab8c956" > <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="b992ebe2" > <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="6577b4d0" > <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="994dbedf"> <picture class="image card-simple__image-picture" data-id="3585e9e8" > <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="" /> </picture><p class="typography card-simple__intro" data-id="61aa0a78" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="3295a973" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="8c4c1d5d" > 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="1a4d8a2c" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="7e2c5290" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="16d1ffce" > <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="5d54bff2"> <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="03ee9847" > <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="b93b56c1" > <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="a6920f0c" > <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="5b9f326d" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="webinars-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='22' height='18' rx='2' stroke='currentColor' stroke-width='2' fill='none'/><path d='M15 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 24a7.496 7.496 0 0 1 2.714-3.624A7.373 7.373 0 0 1 15 19a7.37 7.37 0 0 1 4.286 1.376A7.496 7.496 0 0 1 22 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Webinars</div> <div class="block-navbar-promo__subitem-subtitle">Learn how to run a more successful agency in Productive</div> <a href="https://help.productive.io/en/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="f49fa8d3" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="help-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='m22.955 7.045-4.64 4.64A4.673 4.673 0 0 1 19.686 15a4.673 4.673 0 0 1-1.373 3.315l4.64 4.64A11.215 11.215 0 0 0 26.25 15c0-3.107-1.26-5.92-3.295-7.955zM7.022 22.932A11.215 11.215 0 0 1 3.75 15c0-3.095 1.25-5.898 3.273-7.932l4.661 4.619A4.673 4.673 0 0 0 10.313 15c0 1.294.524 2.466 1.372 3.315H11.5l-4.478 4.617z' fill='currentColor'/><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M15 19.688a4.688 4.688 0 1 0 0-9.376 4.688 4.688 0 0 0 0 9.376zm-3.315-8.003-4.64-4.64m11.27 4.64 5.64-5.64m-5.64 12.27 4.64 4.64m-11.27-4.64-5.64 5.64' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Help</div> <div class="block-navbar-promo__subitem-subtitle">General information, best practices and detailed how-tos for using the Productive platform</div> <a href="https://productive.io/whats-new/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="de1d3f02" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="what-is-new-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.9834 14.0913H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9834 17.6846H20.9668' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M26.3569 9.65931V22.1763C26.3569 22.6528 26.1676 23.1098 25.8307 23.4467C25.4937 23.7837 25.0367 23.9729 24.5602 23.9729H4.79663C5.27314 23.9729 5.73014 23.7837 6.06708 23.4467C6.40403 23.1098 6.59332 22.6528 6.59332 22.1763V8.70108C6.59332 8.46282 6.68797 8.23433 6.85644 8.06585C7.02491 7.89738 7.25341 7.80273 7.49167 7.80273H18.9306' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.79669 23.973C4.32018 23.973 3.86318 23.7837 3.52624 23.4467C3.18929 23.1098 3 22.6528 3 22.1763' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 22.1162V13.1927C3 12.7161 3.18929 12.2591 3.52624 11.9222C3.86318 11.5853 4.32018 11.396 4.79669 11.396H6.4736' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><g opacity='0.3'><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333' fill='currentColor'/><path d='M4.79669 23.9728C4.32018 23.9728 3.86318 23.7835 3.52624 23.4466C3.18929 23.1096 3 22.6526 3 22.1761V12.8333C3 12.0395 3.64352 11.396 4.43735 11.396H6.4736V23.9728H4.79669Z' fill='currentColor'/></g><path d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path opacity='0.3' d='M25.2168 9.4706L24.0876 12.5759C24.0603 12.651 24.0105 12.7159 23.9451 12.7617C23.8796 12.8076 23.8016 12.8322 23.7217 12.8322C23.6418 12.8322 23.5639 12.8076 23.4984 12.7617C23.433 12.7159 23.3832 12.651 23.3559 12.5759L22.2267 9.4706C22.2073 9.41714 22.1763 9.36859 22.1361 9.32837C22.0959 9.28814 22.0473 9.25723 21.9939 9.23779L18.8886 8.10858C18.8135 8.08127 18.7486 8.03152 18.7028 7.96607C18.6569 7.90062 18.6323 7.82265 18.6323 7.74274C18.6323 7.66283 18.6569 7.58486 18.7028 7.51941C18.7486 7.45396 18.8135 7.4042 18.8886 7.37689L21.9939 6.24769C22.0473 6.22825 22.0959 6.19733 22.1361 6.15711C22.1763 6.11688 22.2073 6.06834 22.2267 6.01488L23.3559 2.90957C23.3832 2.83447 23.433 2.7696 23.4984 2.72375C23.5639 2.67791 23.6418 2.65332 23.7217 2.65332C23.8016 2.65332 23.8796 2.67791 23.9451 2.72375C24.0105 2.7696 24.0603 2.83447 24.0876 2.90957L25.2168 6.01488C25.2362 6.06834 25.2671 6.11688 25.3074 6.15711C25.3476 6.19733 25.3961 6.22825 25.4496 6.24769L28.5549 7.37689C28.63 7.4042 28.6949 7.45396 28.7407 7.51941C28.7866 7.58486 28.8112 7.66283 28.8112 7.74274C28.8112 7.82265 28.7866 7.90062 28.7407 7.96607C28.6949 8.03152 28.63 8.08127 28.5549 8.10858L25.4496 9.23779C25.3961 9.25723 25.3476 9.28814 25.3074 9.32837C25.2671 9.36859 25.2362 9.41714 25.2168 9.4706Z' fill='currentColor'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">What's New?</div> <div class="block-navbar-promo__subitem-subtitle">From big milestones to the smallest improvements—it’s all here.</div> <a href="https://productive.io/agency-valuation/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="4467df63" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="create-invoices-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.25 15h7.5m-7.5 3.75h7.5M6.563 4.688h16.875a.937.937 0 0 1 .937.938v17.812a2.812 2.812 0 0 1-2.813 2.813H8.438a2.812 2.812 0 0 1-2.812-2.813V5.626a.937.937 0 0 1 .938-.938zm2.812-1.875v3.75M15 2.813v3.75m5.625-3.75v3.75' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Valuation Calculator</div> <div class="block-navbar-promo__subitem-subtitle">See the 2023 Global Agency Valuations Report</div> <a href="https://productive.io/how-much-do-agency-owners-make/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon block-navbar-promo__new-label" data-id="732ecf46" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="agency-financials-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='15' cy='15' r='6' fill='currentColor' fill-opacity='.3'/><path d='M15 8.438v1.874m0 9.376v1.875m0 4.687c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M12.188 19.688h4.218a2.343 2.343 0 1 0 0-4.688h-2.812a2.343 2.343 0 1 1 0-4.688h4.219' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Agency Owner Compensation Report</div> <div class="block-navbar-promo__subitem-subtitle">Learn insights that could reshape your own approach to fair pay</div> <a href="https://productive.io/bold/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="469c1326" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="bold-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.285 13.0898C18.6542 12.3776 17.8919 11.81 17.019 11.4039C16.1441 10.9957 15.163 10.7895 14.1075 10.7895C12.965 10.7895 11.9754 11.034 11.1621 11.5187C10.559 11.878 10.045 12.3309 9.62668 12.8687V3H5.64062V26.6131H9.62881V24.9208C10.0472 25.4587 10.5611 25.9115 11.1642 26.2708C11.9754 26.7534 12.9672 27 14.1097 27C15.1651 27 16.1441 26.7938 17.0212 26.3856C17.8961 25.9795 18.6585 25.4119 19.2871 24.6976C19.9157 23.9875 20.4105 23.1222 20.7545 22.1294C21.0964 21.1408 21.2706 20.046 21.2706 18.8788C21.2706 17.7117 21.0964 16.6232 20.7545 15.6431C20.4105 14.6609 19.9178 13.802 19.2871 13.0898H19.285ZM12.5339 12.9091C13.205 12.9091 13.8145 13.0601 14.3454 13.3577C14.8806 13.6596 15.3477 14.0741 15.7343 14.5929C16.1229 15.1159 16.4266 15.7473 16.6368 16.4722C16.847 17.2036 16.9553 18.0136 16.9553 18.8809C16.9553 19.7483 16.8492 20.5647 16.6368 21.3045C16.4266 22.0401 16.1229 22.6758 15.7343 23.1988C15.3477 23.7175 14.8806 24.1321 14.3454 24.434C13.8166 24.7316 13.2071 24.8825 12.5339 24.8825C12.0073 24.8825 11.487 24.7869 10.9901 24.5998C10.5186 24.4212 10.0599 24.1278 9.62881 23.726V14.0678C10.0429 13.6681 10.4952 13.3747 10.9752 13.1961C11.4849 13.0069 12.0094 12.9112 12.5339 12.9112V12.9091Z' fill='#5D2BFF'/><path opacity='0.3' d='M25.1046 26.8448C26.3361 26.8448 27.3344 25.8454 27.3344 24.6126C27.3344 23.3797 26.3361 22.3803 25.1046 22.3803C23.8731 22.3803 22.8748 23.3797 22.8748 24.6126C22.8748 25.8454 23.8731 26.8448 25.1046 26.8448Z' fill='#5D2BFF'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Bold Community</div> <div class="block-navbar-promo__subitem-subtitle">Join the community for agency professionals by Productive</div> <a href="https://productive.io/billable-hours-calculator/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="1c0ebaf7" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="working-hours-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 26.25c6.213 0 11.25-5.037 11.25-11.25S21.213 3.75 15 3.75 3.75 8.787 3.75 15 8.787 26.25 15 26.25z' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' fill='none'/><path d='M15 8.438V15h6.563' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M20 15a5 5 0 1 1-5-5v5h5z' fill='currentColor' fill-opacity='.3'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Billable Hours Calculator</div> <div class="block-navbar-promo__subitem-subtitle">Find out your billable hours, team utilization rate, and ideal billable hourly rate</div> <a href="https://productive.io/engineering/" class="block-navbar-promo__subitem"> <div aria-hidden="true" class="block-navbar-promo__subitem-icon" data-id="574cb01c" > <div class="block-navbar-promo__subitem-icon__backplate" > <i class="" data-name="enterprise-30"> <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 25h26M8 9h3m-3 5h4m-2 5h3.75M21 19h1.875M21 15h1.875' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M4 6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v19H4V6z' stroke='currentColor' stroke-width='2' fill='none'/><path d='M17 11h7a2 2 0 0 1 2 2v12h-9V11z' fill='currentColor' fill-opacity='.3' stroke='currentColor' stroke-width='2'/></svg> </i> </div> </div> <div class="block-navbar-promo__subitem-title">Building Productive</div> <div class="block-navbar-promo__subitem-subtitle">Stories from the team that build and scale the platform</div> </a> </div> <div class="card-simple block-navbar-promo__card-simple" data-id="4bbad634"> <picture class="image card-simple__image-picture" data-id="fae7ccc3" > <img src="https://website-assets-staging.productive.io/uploads/2022/01/Agency-valuation.svg" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__heading" data-id="4c720f1a" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="8f4b726f" > 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="7ae2db5d" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="e48c3ed7" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="2f0c1ccd" > <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 data-rocket-location-hash="923ba3db58a3625fb3227b9558f14054" 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="44ad0f88"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="845f1dc3" > <p class="typography btn__label js-button-label" data-id="347ea657" > Login</p> </a></div> <div class="block-button" data-id="d556fc76"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="9d9dca42" > <p class="typography btn__label js-button-label" data-id="78498da5" > Book a Demo</p> </a></div> <div class="block-button" data-id="6af4565e"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="0987d2da" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="dfb05616" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="42e2e622" > <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><progress class="progress-bar js-progress-bar" max="100" value="0" > </progress><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 data-rocket-location-hash="46a6372c9a989648d8e0cb789b4b07b9" class="main-content"> <div class="wrapper" data-id="d42f09e4" > <div data-rocket-location-hash="13908e58aba068f5a9468e0306cccf95" class="wrapper__inner"> <div class="block-group" data-id="bc1b46a4"> <div class="wrapper wrapper--simple" data-id="71354305" > <div data-rocket-location-hash="4e0a5642127402998e4b39f4a7b16fe9" class="wrapper__inner"> <div class="block-post-meta js-block-post-meta" data-id="7a366f27"> <p class="typography block-post-meta__category" data-id="c451702b" > <a href='https://productive.io/blog/category/how-to/'>How To</a></p> <span> – </span> <p class="typography block-post-meta__reading-time js-reading-time is-reading-time-hidden" data-id="3354d6f9" > {{minutes}} min read</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b5b84081" > <div data-rocket-location-hash="a8993d72b464c3f0779faf928467d759" class="wrapper__inner"> <div class="block-heading" data-id="49de2882"> <h1 class="typography block-heading__heading" data-id="2b5f92e3" > How to Use Task Custom Fields to Organize Your Projects</h1></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e607bd28" > <div data-rocket-location-hash="2705088711221f9ba5d0af844a4cb9fb" class="wrapper__inner"> <div class="block-author-meta js-block-author-meta" data-id="3f2c009e"> <a href="https://productive.io/author/kresimir-simicic/"> <div class="block-author-meta__image-wrapper"> <picture class="image block-author-meta__image-picture" data-id="166f9c69" > <img src="https://website-assets.productive.io/uploads/2022/01/Kreso.webp" class="image image__img block-author-meta__image-img" alt="" /> </picture> </div> </a> <div class="block-author-meta__content-wrapper"> <a href="https://productive.io/author/kresimir-simicic/"> <p class="typography block-author-meta__author" data-id="49886c20" > Kresimir Simicic</p></a> <p class="typography block-author-meta__date" data-id="b42fe7da" > August 18, 2020</p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="23d00b1e" > <div class="wrapper__inner"> <div class="block-share-icons" data-id="0c15a2fd"> <a aria-hidden="false" class="icon icon__link block-share-icons__icon" data-id="7330a67e" href=https://www.facebook.com/sharer.php?u=https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-share-icons__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-share-icons__icon" data-id="baebf60d" href=https://twitter.com/intent/tweet?text=How%20to%20Use%20Task%20Custom%20Fields%20to%20Organize%20Your%20Projects&url=https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-share-icons__icon-elem" data-name="twitter-24"> <svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='m22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05-.79-.86-1.9-1.36-3.16-1.36-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98-3.55996-.18-6.72996-1.89-8.83996-4.48-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21-.36.1-.74.15-1.13.15-.27 0-.54-.03-.8-.08.54 1.69 2.11 2.95 4 2.98-1.46 1.16-3.31 1.84-5.33 1.84-.34 0-.68-.02-1.02-.06 1.9 1.22 4.16 1.93 6.58 1.93 7.87996 0 12.20996-6.54 12.20996-12.21 0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z' fill='currentColor'/></svg> </i> </div> </a><a aria-hidden="false" class="icon icon__link block-share-icons__icon" data-id="9a5240be" href=https://www.linkedin.com/shareArticle?mini=true&url=https://productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects target=_blank rel="noopener noreferrer" > <div class="icon__backplate" > <i class="block-share-icons__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></div> </div> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="1adb15de" > <div data-rocket-location-hash="c785ffcd6379fdb579f2ad06f440b6b0" class="wrapper__skip-dom"> <div class="block-columns" data-id="c28a32d8"> <div class="block-column" data-id="987dab24"> </div> <div class="block-column" data-id="79071a8d"> <div class="wrapper wrapper--simple" data-id="a679a561" > <div data-rocket-location-hash="0106dab2c88df542b22afc7e31b18558" class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="4b57a444" > <picture class="image media__image-picture" data-id="00935165" > <img src="https://productive.io/wp-content/uploads/2021/09/postits_2x-1024x472-1.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="948b7678" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="e657a874"> <div class="block-column" data-id="b6cc3ce6"> <div class="wrapper wrapper--simple" data-id="9b6612df" > <div class="wrapper__skip-dom"> <div class="block-cta-box"> <div class="cta-box" data-id="c5c0eefe"> <h2 class="typography cta-box__title" data-id="9b63b9ae" > We Help Your Agency Reach New Heights</h2><p class="typography cta-box__description" data-id="33d18681" > Switch from multiple tools and spreadsheets to one scalable agency management system.</p> <div class="cta-box__buttons"> <button name="" class="btn btn__type--primary cta-box__button" id="" aria-label="" data-id="391cd4b2" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="3afdae6e" > Get started</p> </button> </div> </div></div> </div> </div> </div> <div class="block-column" data-id="e78c9f22"> <div class="wrapper wrapper--simple" data-id="76d1f71b" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="50303016" > <p class="typography block-paragraph__paragraph" data-id="f96b3407" > We’ve all been there: you create the perfect project, you start working on it.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e37b7698" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="f6e0cb20" > <p class="typography block-paragraph__paragraph" data-id="58f43b71" > Everything seems to be going smoothly. Then, suddenly, there are just too many tasks to get done. You wonder: what’s the priority? You go through all the tasks, you jump from one to the next. Don’t you wish someone (or something) could keep you on track? Luckily, with Productive, you can <a rel="noreferrer noopener" href="https://www.productive.io/blog/how-to-set-up-custom-fields-on-tasks/" target="_blank">organize things your way using custom fields</a>.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0652fb7c" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="a0a7bc19"> <h2 class="typography block-heading__heading" data-id="48588c68" > <strong>Use Custom Fields to Make Your Priorities Stand Out</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="c588b837" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="b128d64e" > <p class="typography block-paragraph__paragraph" data-id="2667bf13" > Custom fields are attributes that you can create yourself, and apply to the data that you want to stand out.<br><br>Instead of opening each task and looking for the data you need, in Productive, you can apply filters to find the task in question. For instance, you can check who a task was assigned to, or by when it needs to be finished.<br><br>Still, there are times when the default classification just isn’t enough.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d4f146f2" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="063c10fe"> <h2 class="typography block-heading__heading" data-id="c3e5dad6" > <strong>Customize the Style and Color of Your Tasks</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d6a4bb80" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="003721a5" > <p class="typography block-paragraph__paragraph" data-id="ef28c8fe" > Creating custom fields takes only a few minutes and you can customize the style and the color of each one. But let’s see some real-life examples of what that looks like.<br><br>The company Web Geniuses is currently in the process of building a website for ADB Bank, and they’ve created a project for that purpose. To help them distinguish various types of work, they’ve added a custom field called <strong><em>Type</em>:</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="c6e5397d" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="442999fa" > <picture class="image media__image-picture" data-id="0c5fe6db" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_16.26.12-2048x715-1.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="b17894d5" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="e6159556" > <p class="typography block-paragraph__paragraph" data-id="3787651c" > Under that custom field, there are three possible options added to the dropdown menu: <em><strong>Bug</strong>, <strong>Feature</strong> <strong>Request</strong>, </em>and<em> <strong>Improvement</strong>. </em><br><br>Now each task in the project will have a custom field assigned to it. This will imply what type of work needs to be done: </p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b3794559" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="4eb2b670" > <picture class="image media__image-picture" data-id="69d1d0ec" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_16.34.07-2048x474-1.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="9cbfe012" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="020bdfb7" > <p class="typography block-paragraph__paragraph" data-id="961d0749" > So when Lucy, who manages the project, wants to check which tasks are a feature request, she can simply use that custom field as a filter:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="bd3e7ddf" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="02a845f7" > <picture class="image media__image-picture" data-id="e1ea6dc6" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_16.48.27.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="7d38bad4" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="3c12ddfb"> <h2 class="typography block-heading__heading" data-id="157e1a9f" > <strong><strong>Use a Date Custom Field</strong></strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d523fb9f" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="95d040dc" > <p class="typography block-paragraph__paragraph" data-id="c575e341" > In another project, their marketing team is looking to launch several social media campaigns for their clients. Using a date custom field, they can assign a custom launch date which is different from the due date in the task:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="51e5f49c" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="87fea7ed" > <picture class="image media__image-picture" data-id="ed0846a7" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_16.52.56-2048x1382-1.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="4642684b" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="05ba21ae" > <p class="typography block-paragraph__paragraph" data-id="c9d6a729" > Both important dates can be visible in the project:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6595dce7" > <div class="wrapper__skip-dom"> <div class="card-simple bullet__card-simple bullet" data-id="e10567b6"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="ffa01e36" > <i class="card-simple__top-icon-elem" data-name="check-24"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12' fill='currentColor'/><path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#fff' stroke-width='2'/></svg> </i> </div><p class="typography card-simple__paragraph" data-id="f4fe944f" > the date of the custom field,</p> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="5840f693" > <div class="wrapper__skip-dom"> <div class="card-simple bullet__card-simple bullet" data-id="bcbd65d6"> <div aria-hidden="true" class="icon card-simple__top-icon" data-id="94a07266" > <i class="card-simple__top-icon-elem" data-name="check-24"> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12' fill='currentColor'/><path d='M17.333 8L10 15.333 6.667 12' fill='none' stroke='#fff' stroke-width='2'/></svg> </i> </div><p class="typography card-simple__paragraph" data-id="db223289" > the due date of the task itself:</p> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="935abb29" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="7ffb9ac3" > <picture class="image media__image-picture" data-id="6b9b3c19" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_17.00.02.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="9038e546" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="d73e8297" > <p class="typography block-paragraph__paragraph" data-id="5d51b01d" > And yes, your custom fields can be visible all at once, all the time:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e9cc196f" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="1843f290" > <picture class="image media__image-picture" data-id="1db85f8f" > <img src="https://productive.io/wp-content/uploads/2021/09/Screenshot_2020-08-07_at_17.04.45.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="553c7cb6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="668dea69" > <p class="typography block-paragraph__paragraph" data-id="a8d1c9c5" > This was just one example, but there are numerous ways to add custom fields to your projects. Still curious? Learn more about <a rel="noreferrer noopener" href="https://www.productive.io/blog/how-to-set-up-custom-fields-on-tasks/" target="_blank">how to set up custom fields on tasks</a>. Have a question or need help with setting custom fields up to manage your agency? Our support team is happy to assist you.<br><a target="_blank" href="https://twitter.com/intent/tweet?text=How%20to%20Use%20Task%20Custom%20Fields%20to%20Organize%20Your%20Projects&url=https://www.productive.io/blog/how-to-use-task-custom-fields-to-organize-your-projects/" rel="noreferrer noopener"></a></p></div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="6bef1dc4" > <div class="wrapper__inner"> <div class="block-author-meta-position js-block-author-meta-position" data-id="eeb96b3c"> <div class="block-author-meta-position__wrapper"> <div class="block-author-meta-position__image-wrapper"> <picture class="image block-author-meta-position__image-picture" data-id="8ef67018" > <img src="https://website-assets.productive.io/uploads/2022/01/Kreso.webp" class="image image__img block-author-meta-position__image-img" alt="" /> </picture> </div> <div class="block-author-meta-position__content-wrapper"> <p class="typography block-author-meta-position__author" data-id="04f93b64" > Kresimir Simicic</p><p class="typography block-author-meta-position__position" data-id="644dd478" > VP of Business Development</p> </div> </div> </div> </div> </div> <div class="wrapper" data-id="ff8ed766" > <div class="wrapper__inner"> <div class="block-heading" data-id="1f2d0e47"> <h2 class="typography block-heading__heading" data-id="e771236f" > Related articles</h2></div> </div> </div> <div class="wrapper" data-id="78e252c4" > <div class="wrapper__inner"> <div class="post-listing js-post-listing block-post-listing post-listing--default js-post-listing" data-blog-slug="" data-id=39dcd1b0 data-per-page=3 data-display-as=card data-show-featured-img=true data-show-read-btn=false data-show-excerpt=false data-show-category=true data-read-btn-text=Read article data-block-class=post-listing data-nonce=ca25deefea data-page=1 data-skip=0 data-categories=246 data-exclude=9078 data-card-caption-color=indigo data-card-heading-color=black data-card-heading-highlight-color=black data-card-heading-font-size=24-bold data-card-paragraph-color=black data-card-paragraph-font-size=18-regular data-card-image-left=false > <div class="post-listing__posts js-post-listing-posts"> <a href="https://productive.io/blog/one-task-one-assignee-apple-method" class="card-simple post-listing__card-simple" data-id="6a4c9eab" > <picture class="image card-simple__image-picture" data-id="76ada113" > <img src="https://website-assets.productive.io/uploads/2024/03/Blog_2x-768x514.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="407b4c80" > How To</p><h2 class="typography card-simple__heading" data-id="778f86df" > One Task, One Assignee: Why Apple’s Approach to Project Management Works</h2> </a><a href="https://productive.io/blog/create-a-client-portal-for-your-agency" class="card-simple post-listing__card-simple" data-id="c33e18b1" > <picture class="image card-simple__image-picture" data-id="aefa75ec" > <img src="https://website-assets.productive.io/uploads/2023/06/Blog_2x-768x513.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="4a686868" > How To</p><h2 class="typography card-simple__heading" data-id="0e796231" > Create a Client Communication Portal For Your Agency</h2> </a><a href="https://productive.io/blog/five-productive-reports-every-agency-should-use" class="card-simple post-listing__card-simple" data-id="f2b9b1dc" > <picture class="image card-simple__image-picture" data-id="669838f8" > <img src="https://website-assets.productive.io/uploads/2023/05/BLOG_2x-80-768x513.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="567fde31" > How To</p><h2 class="typography card-simple__heading" data-id="5d762bf8" > Five Productive Reports Every Agency Should Use</h2> </a> </div> <div class="post-listing__loader js-post-listing-loader"> <div class="loader"> <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> </div> </div> </div> </main> <div data-rocket-location-hash="9f3a1ae95d3fa8842dcd4b71f350ebf2" class="layout footer-partial"> <div data-rocket-location-hash="993e7e46171d04132bc3ade25332e3cb" class="layout__main footer-partial__main"> <div data-rocket-location-hash="07b92328685e47255f5c33a6a02ef748" class="layout__main-inner footer-partial__main-inner"> <div class="wrapper wrapper--simple" data-id="0833db1a" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="179b7c29"> <div class="block-column" data-id="3e24f47f"> <div class="wrapper wrapper--simple" data-id="d2b086d0" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="93b565df" > <picture class="image media__image-picture" data-id="9d2209f1" > <img src="https://website-assets-staging.productive.io/uploads/2021/05/logo.svg" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> </div> <div class="block-column" data-id="fce7a8de"> <div class="wrapper wrapper--simple" data-id="2ad47225" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="15ce5fae" > <p class="typography block-paragraph__paragraph" data-id="9f56b317" > <strong>COMPANY</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3edd8f85" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="c7f8f71e"> <a href="https://productive.io/about-us/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="468dfe7b" > <p class="typography btn__label js-button-label" data-id="f12e8302" > About us</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="04287631" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="49cf6ec4"> <a href="https://productive.io/careers/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="043bc11c" > <p class="typography btn__label js-button-label" data-id="f89d8ff4" > Careers</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="de3346e1" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="3aa928a3"> <a href="https://productive.io/engineering/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="387bbc24" > <p class="typography btn__label js-button-label" data-id="64d7fd88" > Building Productive</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="5da24699" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a140e097"> <a href="https://productive.io/brand-guidelines/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9d2d07f9" > <p class="typography btn__label js-button-label" data-id="7745ea05" > Brand Guidelines</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="18752028" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="489eb71d" > <p class="typography block-paragraph__paragraph" data-id="0154edaf" > <strong>SUPPORT</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8b9fb70a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="ce1254ef"> <a href="https://developer.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="94b26603" > <p class="typography btn__label js-button-label" data-id="e8677c03" > API docs</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b159866e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="99651e3f"> <a href="https://productive.io/trust/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="43704a73" > <p class="typography btn__label js-button-label" data-id="0560353f" > Trust Center</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3395514e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="bca3ff0e"> <a href="https://status.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="293e00bd" > <p class="typography btn__label js-button-label" data-id="a2a5a95a" > Uptime</p> </a></div> </div> </div> </div> <div class="block-column" data-id="651fa616"> <div class="wrapper wrapper--simple" data-id="b0886201" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="da50d46b" > <p class="typography block-paragraph__paragraph" data-id="0a54ae1a" > <strong>PRODUCTIVE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="13b6ff24" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="bb315778"> <a href="https://productive.io/pricing/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="aee105db" > <p class="typography btn__label js-button-label" data-id="dc60733e" > Pricing</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="725a308f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="dadf438f"> <a href="https://productive.io/apps/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3218e5bb" > <p class="typography btn__label js-button-label" data-id="829b93aa" > Apps</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="944448c6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="eef0a45a"> <a href="https://productive.io/integrations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3d4eb337" > <p class="typography btn__label js-button-label" data-id="33c5adac" > Integrations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9f9425af" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="87dac434"> <a href="https://productive.io/automations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ebe1718c" > <p class="typography btn__label js-button-label" data-id="9344b179" > Automations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="64c98e16" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4b528d69"> <a href="https://productive.io/permission-builder/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="42145dca" > <p class="typography btn__label js-button-label" data-id="4970a887" > Permission and User Access</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="72aeb777" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e64ff6ab"> <a href="https://productive.io/roadmap/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f03c5fde" > <p class="typography btn__label js-button-label" data-id="8bdf35bf" > Roadmap</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="941e00fa" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="924c3f2f"> <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="a27d9597" > <p class="typography btn__label js-button-label" data-id="9c35b004" > Login</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6d32d429" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="77503ca7" > <p class="typography block-paragraph__paragraph" data-id="a26f9e44" > <strong>USE CASES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d494fa58" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6a262d1f"> <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="1e6f5c00" > <p class="typography btn__label js-button-label" data-id="8f29ecc1" > Software Development</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0d621da1" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="691d35d4"> <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="0e7b30bd" > <p class="typography btn__label js-button-label" data-id="0d82c8e3" > Marketing Agency</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="815f4650" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4f6c122d"> <a href="https://productive.io/use-cases/consulting/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="227c8bd9" > <p class="typography btn__label js-button-label" data-id="fa49c93d" > Business Consultancy</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="79f9f3cf" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="76d9d2e2"> <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="bfd786b0" > <p class="typography btn__label js-button-label" data-id="6bf005c6" > Design Studio</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1df77fd6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="d7f4de39"> <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="213e57ce" > <p class="typography btn__label js-button-label" data-id="1f59fb3f" > In-house Team</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="201cc32a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e70349b1"> <a href="https://productive.io/customer-stories/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="63df140c" > <p class="typography btn__label js-button-label" data-id="7a145a71" > Customer Stories</p> </a></div> </div> </div> </div> <div class="block-column" data-id="5a583214"> <div class="wrapper wrapper--simple" data-id="5e6cf628" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="7ac24f12" > <p class="typography block-paragraph__paragraph" data-id="9cad75b0" > <strong>RESOURCES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="91aa0b43" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="214b440a"> <a href="https://productive.io/blog/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a2423bdb" > <p class="typography btn__label js-button-label" data-id="a58c1023" > Blog</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="027eed34" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5fb07f87"> <a href="https://help.productive.io/en/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9ee412e1" > <p class="typography btn__label js-button-label" data-id="c2450069" > Help</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d2897b05" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="24934e36"> <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="b63fcd1d" > <p class="typography btn__label js-button-label" data-id="1d0fdbbe" > End-to-end Agency Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f32c4fc4" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6f5a16bb"> <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="893e3292" > <p class="typography btn__label js-button-label" data-id="873f2566" > Agency Resource Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="dc084db5" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="17131afc"> <a href="https://productive.io/whats-new/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9d0bf9e0" > <p class="typography btn__label js-button-label" data-id="f764256c" > Product Updates</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6f00463b" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="550d5681"> <a href="https://productive.io/bold/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="fc1712dc" > <p class="typography btn__label js-button-label" data-id="6b28ab4e" > The Bold Community</p> </a></div> </div> </div> </div> <div class="block-column" data-id="fdeb0486"> <div class="wrapper wrapper--simple" data-id="8d5e97d2" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="336c0c2a" > <p class="typography block-paragraph__paragraph" data-id="5a04e671" > <strong>COMPARE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="673ff7fe" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e3d45236"> <a href="https://productive.io/blog/workflowmax-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f8d2dd1c" > <p class="typography btn__label js-button-label" data-id="0828a6a1" > Workflowmax</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="74595f5a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e8b113b0"> <a href="https://productive.io/blog/harvest-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="75d73ad6" > <p class="typography btn__label js-button-label" data-id="75e1ae07" > Harvest</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="82e7b591" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f63f8749"> <a href="https://productive.io/blog/scoro-alternatives" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e057b547" > <p class="typography btn__label js-button-label" data-id="c1eef37b" > Scoro</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="87a1622b" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="05e1f7d9"> <a href="https://productive.io/blog/mavenlink-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="0c848f33" > <p class="typography btn__label js-button-label" data-id="f77b70aa" > Kantata</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d81aeed0" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="c074b250"> <a href="https://productive.io/blog/teamwork-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="2524a1d1" > <p class="typography btn__label js-button-label" data-id="c47eed13" > Teamwork</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ecda3100" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="463b38e7"> <a href="https://productive.io/blog/accelo-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9871228b" > <p class="typography btn__label js-button-label" data-id="2e2ab52d" > Accelo</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="06fd1c7a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e413bb4f"> <a href="https://productive.io/blog/bigtime-alternative/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3e23608d" > <p class="typography btn__label js-button-label" data-id="bf9b9a59" > BigTime</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8873ab25" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="9c5f991d"> <a href="https://productive.io/blog/avaza-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f8436708" > <p class="typography btn__label js-button-label" data-id="67201350" > Avaza</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="953a1c6f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="39bbfa78"> <a href="https://productive.io/blog/clickup-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="8e8c3eed" > <p class="typography btn__label js-button-label" data-id="b49ae70e" > Clickup</p> </a></div> </div> </div> </div> <div class="block-column" data-id="521e4d09"> <div class="wrapper wrapper--simple" data-id="b7822993" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="43d857da" > <p class="typography block-paragraph__paragraph" data-id="210f0b43" > <strong>TOP GUIDES & TOOLS</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="bdd24e7f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="80291ff6"> <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="94b58527" > <p class="typography btn__label js-button-label" data-id="7c8e511e" > Resource Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1e3d145e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="d6103411"> <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="b262399e" > <p class="typography btn__label js-button-label" data-id="aad21f17" > Capacity Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3abc5246" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6d6c4fe9"> <a href="https://productive.io/blog/workforce-planning/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ded1d9bf" > <p class="typography btn__label js-button-label" data-id="75af7944" > Workforce Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f1e84d6f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e8bd5cd1"> <a href="https://productive.io/blog/workload-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="6aef2012" > <p class="typography btn__label js-button-label" data-id="52ad1475" > Workload Management Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="76d55ee6" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="3be61abb"> <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="88b36a68" > <p class="typography btn__label js-button-label" data-id="19f72164" > Billable Hours Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1e66c973" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a713a2d6"> <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="1b233b2a" > <p class="typography btn__label js-button-label" data-id="5040342d" > Project Budget Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e5e77158" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="fc669ed3"> <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="ab8dc784" > <p class="typography btn__label js-button-label" data-id="4463612b" > Revenue Operations Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="349141aa" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="b472a171"> <a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="6973b0cc" > <p class="typography btn__label js-button-label" data-id="70f5bb2f" > Agency Valuation Calculator</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2245811e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="91ef3f17"> <a href="https://productive.io/billable-hours-calculator/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="2d651ef4" > <p class="typography btn__label js-button-label" data-id="0d26644b" > Billable Hours Calculator</p> </a></div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="78eb3e51" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="b11e3383"> <div class="block-column" data-id="e11fe9e3"> <div class="wrapper wrapper--simple" data-id="3a5707d5" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="bbcccd41" > <picture class="image media__image-picture" data-id="588ef5a0" > <img src="https://website-assets-staging.productive.io/uploads/2021/05/productive-logo-white.svg" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="574c39f7" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="47f4be11"> <div class="block-column" data-id="e9a24edc"> <div class="wrapper wrapper--simple" data-id="8452dbd1" > <div class="wrapper__skip-dom"> <div class="block-flex" data-id="3071204b"> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="5e5cbbc2" 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="b0d8f838" 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="c1618dc3" 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="29f245ce" 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="9afeae09"> <div class="wrapper wrapper--simple" data-id="f5ec0f93" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="2450c13d" > <p class="typography block-paragraph__paragraph" data-id="2797767e" > © The Productive Company Inc.<br></p></div> </div> </div> </div> <div class="block-column" data-id="3ff961ba"> <div class="wrapper wrapper--simple" data-id="1fade45b" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="32a88639" > <picture class="image media__image-picture" data-id="66f62072" > <img src="https://website-assets.productive.io/uploads/2021/05/21972-312_SOC_NonCPA.svg" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> </div> <div class="block-column" data-id="31d3dbcd"> <div class="block-flex" data-id="ea2ce645"> <div class="block-button block-button--link" data-id="0f0752b1"> <a href="https://productive.io/trust/privacy-policy/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e08da49b" > <p class="typography btn__label js-button-label" data-id="c4137ab0" > Privacy Policy</p> </a></div> <div class="block-button block-button--link" data-id="dcccece1"> <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="a4191038" > <p class="typography btn__label js-button-label" data-id="3dce7b3f" > Terms & Conditions</p> </a></div> </div> </div> </div> </div> </div> </div> </div> </div><div data-rocket-location-hash="f2e69bfc09d1d4fe87fa7c605bfc7034" class="gdpr-modal__backdrop js-gdpr-modal-backdrop"></div> <div data-rocket-location-hash="d9ecf6ea0e2355795f8d1030bbb0cfa8" class="gdpr-modal js-gdpr-modal" data-modal="gdpr"> <div data-rocket-location-hash="b87edce1e3a858c51b0f53e5905abade" class="gdpr-modal__container"> <div data-rocket-location-hash="f661028d58e67a6f544099c5f3e10542" 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="a94c4222" > 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="11f12430" > Necessary cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="ff300989" > Cookies for the basic functionality of the Productive website.</p> </div> <div class="gdpr-modal__toggle"> <p class="typography gdpr-modal__paragraph" data-id="7e942ed1" > 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="59ff451f" > Functional cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="e02aa58e" > 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="239cbad2"> <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="fc2526d3" > Targeting cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="76019cd4" > 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="66970536"> <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="acdcce91" 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="bdda2782" > 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="2a7a580c" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="295fa268" > Privacy Policy</p> </a> </div> </div> </div> <div data-rocket-location-hash="7abf6e38d99e40c264e5f0de2abf9936" 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="cac998da" > <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="73b60aa7" data-level=2 > <p class="typography btn__label js-gdpr-modal-btn js-button-label" data-id="9b33af12" > I agree</p> </button> </div> </div> </div><div class="modal js-modal" id="trial-form-modal" aria-hidden="true" > <div data-rocket-location-hash="a2c3924a5d29f2f8f82581d15e24bedd" class="modal__overlay" tabindex="-1" data-micromodal-close> <div data-rocket-location-hash="891f86dbf735190097d133e5e994d82a" 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="49bdc222"> <h2 class="typography block-heading__heading" data-id="c1929de2" > Try Productive<br><strong>for free</strong></h2></div><div class="block-paragraph" data-id="006565ac" > <p class="typography block-paragraph__paragraph" data-id="c9367fc6" > 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='9078' 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="8974705f" 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="40433c95" 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='8974705f']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='40433c95']{--es-field-width: calc((12 / 12) * 100%);} </style><div class="block-paragraph" data-id="88d305d3" > <p class="typography block-paragraph__paragraph" data-id="53f172ab" > 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='fdc577ae']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='a898837d']{ --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='39c2b634']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='ca6a2b8a']{ --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='6c0bd00f']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='5d949953']{ --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='ca046b3d']{ --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='994dbedf']{ --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='3585e9e8']{ --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='61aa0a78']{ --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='3295a973']{ --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='8c4c1d5d']{ --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='1a4d8a2c']{ --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='16d1ffce']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='7e2c5290']{ --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='4bbad634']{ --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='fae7ccc3']{ --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='4c720f1a']{ --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='8f4b726f']{ --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='7ae2db5d']{ --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='2f0c1ccd']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='e48c3ed7']{ --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='44ad0f88']{ --button-align: left; } .btn[data-id='845f1dc3']{ --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='347ea657']{ --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='d556fc76']{ --button-align: left; } .btn[data-id='9d9dca42']{ --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='78498da5']{ --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='6af4565e']{ --button-align: left; } .btn[data-id='0987d2da']{ --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='42e2e622']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='dfb05616']{ --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-post-meta[data-id='7a366f27']{ --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; } .typography[data-id='c451702b']{ --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='3354d6f9']{ --typography-color: var(--typography-color-override, var(--global-colors-grey400)); --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; } .wrapper[data-id='71354305']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='49de2882']{ --heading-align: left; } .typography[data-id='2b5f92e3']{ --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: -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='b5b84081']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-author-meta[data-id='3f2c009e']{ --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; } .image[data-id='166f9c69']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='49886c20']{ --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='b42fe7da']{ --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; } .wrapper[data-id='e607bd28']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-share-icons[data-id='0c15a2fd']{ --share-icons-align: flex-start; } .icon[data-id='7330a67e']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-black); --icon-size: calc(var(--base-font-size) * 4rem); } .icon[data-id='baebf60d']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-black); --icon-size: calc(var(--base-font-size) * 4rem); } .icon[data-id='9a5240be']{ --icon-backplate-color: var(--global-colors-white); --icon-color: var(--global-colors-white); --icon-on-backplate-color: var(--global-colors-black); --icon-size: calc(var(--base-font-size) * 4rem); } .wrapper[data-id='23d00b1e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-group[data-id='bc1b46a4']{ --group-border-radius: 0; } .wrapper[data-id='d42f09e4']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .block-column[data-id='987dab24']{ --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='987dab24']{ --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='4b57a444']{ --media-align-horizontal: center; --media-align-vertical: center; --media-object-position: center center; --media-rounded-corners: calc(var(--base-font-size) * (calc(10 / 10) * 2rem)); } .image[data-id='00935165']{ --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; } .wrapper[data-id='a679a561']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='79071a8d']{ --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='79071a8d']{ --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='c28a32d8']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='1adb15de']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .cta-box[data-id='c5c0eefe']{ --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) 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 .' '. . .'; --cta-box-padding-multiplier: 1; --cta-box-color-project: var(--global-colors-indigo); } .cta-box[data-id='c5c0eefe']{ --wrapper-bg-color-project: transparent } .typography[data-id='9b63b9ae']{ --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); --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='33d18681']{ --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='391cd4b2']{ --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; } .typography[data-id='3afdae6e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .wrapper[data-id='9b6612df']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='b6cc3ce6']{ --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='b6cc3ce6']{ --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='50303016']{ --paragraph-align: left; } .typography[data-id='f96b3407']{ --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; } .wrapper[data-id='76d1f71b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='f6e0cb20']{ --paragraph-align: left; } .typography[data-id='58f43b71']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='e37b7698']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='a0a7bc19']{ --heading-align: left; } .typography[data-id='48588c68']{ --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; } .wrapper[data-id='0652fb7c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='b128d64e']{ --paragraph-align: left; } .typography[data-id='2667bf13']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='c588b837']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='063c10fe']{ --heading-align: left; } .typography[data-id='c3e5dad6']{ --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; } .wrapper[data-id='d4f146f2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='003721a5']{ --paragraph-align: left; } .typography[data-id='ef28c8fe']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='d6a4bb80']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='442999fa']{ --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='0c5fe6db']{ --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; } .wrapper[data-id='c6e5397d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='e6159556']{ --paragraph-align: left; } .typography[data-id='3787651c']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='b17894d5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='4eb2b670']{ --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='69d1d0ec']{ --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; } .wrapper[data-id='b3794559']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='020bdfb7']{ --paragraph-align: left; } .typography[data-id='961d0749']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='9cbfe012']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='02a845f7']{ --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='e1ea6dc6']{ --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; } .wrapper[data-id='bd3e7ddf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='3c12ddfb']{ --heading-align: left; } .typography[data-id='157e1a9f']{ --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; } .wrapper[data-id='7d38bad4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='95d040dc']{ --paragraph-align: left; } .typography[data-id='c575e341']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='d523fb9f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='87fea7ed']{ --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='ed0846a7']{ --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; } .wrapper[data-id='51e5f49c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='05ba21ae']{ --paragraph-align: left; } .typography[data-id='c9d6a729']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='4642684b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .bullet[data-id='e10567b6']{ --bullet-transform-factor: 0.1; --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.75; --bullet-line-height: 1.4; --bullet-icon-margin-right: calc(var(--base-font-size) * 1rem); --bullet-icon-margin-bottom: 0; --bullet-icon-align: baseline; --bullet-columns: auto 1fr; --bullet-rows: auto auto; --bullet-areas: 'icon paragraph' '. .'; } .card-simple[data-id='e10567b6']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='ffa01e36']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 2.4rem); } .typography[data-id='f4fe944f']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='6595dce7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .bullet[data-id='bcbd65d6']{ --bullet-transform-factor: 0.1; --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.75; --bullet-line-height: 1.4; --bullet-icon-margin-right: calc(var(--base-font-size) * 1rem); --bullet-icon-margin-bottom: 0; --bullet-icon-align: baseline; --bullet-columns: auto 1fr; --bullet-rows: auto auto; --bullet-areas: 'icon paragraph' '. .'; } .card-simple[data-id='bcbd65d6']{ --card-text-align: left; --card-content-align: flex-start; --card-media-align: flex-start; --card-intro-margin-top: 0; --card-intro-margin-bottom: calc(var(--base-font-size) * 1.25rem); --card-template-rows: repeat(7, max-content); --card-template-cols: 1fr; --card-template-areas: 'a' 'b' 'c' 'd' 'e' 'f' 'g'; --card-forced-background-color: var(--global-colors-initial); --card-forced-border-radius: initial; } .icon[data-id='94a07266']{ --icon-backplate-color: var(--global-colors-indigo); --icon-color: var(--global-colors-indigo); --icon-size: calc(var(--base-font-size) * 2.4rem); } .typography[data-id='db223289']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='5840f693']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='7ffb9ac3']{ --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='6b9b3c19']{ --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; } .wrapper[data-id='935abb29']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='d73e8297']{ --paragraph-align: left; } .typography[data-id='5d51b01d']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='9038e546']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='1843f290']{ --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='1db85f8f']{ --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; } .wrapper[data-id='e9cc196f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='668dea69']{ --paragraph-align: left; } .typography[data-id='a8d1c9c5']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.125; --es-ft-md-font-size: 1.25; --es-ft-lg-font-size: 1.625; --typography-line-height: 1.4; } .wrapper[data-id='553c7cb6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='e78c9f22']{ --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='e78c9f22']{ --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='e657a874']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='948b7678']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-author-meta-position[data-id='eeb96b3c']{ --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; } .image[data-id='8ef67018']{ --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='04f93b64']{ --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='644dd478']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; } .wrapper[data-id='6bef1dc4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .block-heading[data-id='1f2d0e47']{ --heading-align: left; } .typography[data-id='e771236f']{ --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; } .wrapper[data-id='ff8ed766']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-simple[data-id='6a4c9eab']{ --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='76ada113']{ --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: calc(var(--base-font-size) * 2rem); } .typography[data-id='407b4c80']{ --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='778f86df']{ --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-black); --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; } .card-simple[data-id='c33e18b1']{ --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='aefa75ec']{ --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: calc(var(--base-font-size) * 2rem); } .typography[data-id='4a686868']{ --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='0e796231']{ --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-black); --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; } .card-simple[data-id='f2b9b1dc']{ --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='669838f8']{ --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: calc(var(--base-font-size) * 2rem); } .typography[data-id='567fde31']{ --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='5d762bf8']{ --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-black); --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; } .post-listing[data-id='39dcd1b0']{ --post-listing-title-max-lines: 2; --post-listing-excerpt-max-lines: 4; --post-listing-column-template: repeat(3, 1fr); --post-listing-columns-mobile: 2; } .wrapper[data-id='78e252c4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .media[data-id='93b565df']{ --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='9d2209f1']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='d2b086d0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='3e24f47f']{ --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='3e24f47f']{ --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='15ce5fae']{ --paragraph-align: left; } .typography[data-id='9f56b317']{ --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='2ad47225']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='c7f8f71e']{ --button-align: left; } .btn[data-id='468dfe7b']{ --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='f12e8302']{ --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='3edd8f85']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='49cf6ec4']{ --button-align: left; } .btn[data-id='043bc11c']{ --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='f89d8ff4']{ --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='04287631']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='3aa928a3']{ --button-align: left; } .btn[data-id='387bbc24']{ --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='64d7fd88']{ --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='de3346e1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a140e097']{ --button-align: left; } .btn[data-id='9d2d07f9']{ --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='7745ea05']{ --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='5da24699']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='489eb71d']{ --paragraph-align: left; } .typography[data-id='0154edaf']{ --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='18752028']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='ce1254ef']{ --button-align: left; } .btn[data-id='94b26603']{ --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='e8677c03']{ --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='8b9fb70a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='99651e3f']{ --button-align: left; } .btn[data-id='43704a73']{ --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='0560353f']{ --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='b159866e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='bca3ff0e']{ --button-align: left; } .btn[data-id='293e00bd']{ --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='a2a5a95a']{ --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='3395514e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='fce7a8de']{ --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='fce7a8de']{ --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='da50d46b']{ --paragraph-align: left; } .typography[data-id='0a54ae1a']{ --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='b0886201']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='bb315778']{ --button-align: left; } .btn[data-id='aee105db']{ --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='dc60733e']{ --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='13b6ff24']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='dadf438f']{ --button-align: left; } .btn[data-id='3218e5bb']{ --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='829b93aa']{ --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='725a308f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='eef0a45a']{ --button-align: left; } .btn[data-id='3d4eb337']{ --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='33c5adac']{ --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='944448c6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='87dac434']{ --button-align: left; } .btn[data-id='ebe1718c']{ --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='9344b179']{ --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='9f9425af']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4b528d69']{ --button-align: left; } .btn[data-id='42145dca']{ --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='4970a887']{ --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='64c98e16']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e64ff6ab']{ --button-align: left; } .btn[data-id='f03c5fde']{ --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='8bdf35bf']{ --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='72aeb777']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='924c3f2f']{ --button-align: left; } .btn[data-id='a27d9597']{ --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='9c35b004']{ --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='941e00fa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='77503ca7']{ --paragraph-align: left; } .typography[data-id='a26f9e44']{ --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='6d32d429']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6a262d1f']{ --button-align: left; } .btn[data-id='1e6f5c00']{ --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='8f29ecc1']{ --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='d494fa58']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='691d35d4']{ --button-align: left; } .btn[data-id='0e7b30bd']{ --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='0d82c8e3']{ --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='0d621da1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4f6c122d']{ --button-align: left; } .btn[data-id='227c8bd9']{ --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='fa49c93d']{ --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='815f4650']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='76d9d2e2']{ --button-align: left; } .btn[data-id='bfd786b0']{ --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='6bf005c6']{ --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='79f9f3cf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='d7f4de39']{ --button-align: left; } .btn[data-id='213e57ce']{ --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='1f59fb3f']{ --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='1df77fd6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e70349b1']{ --button-align: left; } .btn[data-id='63df140c']{ --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='7a145a71']{ --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='201cc32a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='651fa616']{ --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='651fa616']{ --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='7ac24f12']{ --paragraph-align: left; } .typography[data-id='9cad75b0']{ --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='5e6cf628']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='214b440a']{ --button-align: left; } .btn[data-id='a2423bdb']{ --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='a58c1023']{ --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='91aa0b43']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5fb07f87']{ --button-align: left; } .btn[data-id='9ee412e1']{ --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='c2450069']{ --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='027eed34']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='24934e36']{ --button-align: left; } .btn[data-id='b63fcd1d']{ --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='1d0fdbbe']{ --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='d2897b05']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6f5a16bb']{ --button-align: left; } .btn[data-id='893e3292']{ --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='873f2566']{ --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='f32c4fc4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='17131afc']{ --button-align: left; } .btn[data-id='9d0bf9e0']{ --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='f764256c']{ --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='dc084db5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='550d5681']{ --button-align: left; } .btn[data-id='fc1712dc']{ --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='6b28ab4e']{ --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='6f00463b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='5a583214']{ --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='5a583214']{ --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='336c0c2a']{ --paragraph-align: left; } .typography[data-id='5a04e671']{ --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='8d5e97d2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e3d45236']{ --button-align: left; } .btn[data-id='f8d2dd1c']{ --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='0828a6a1']{ --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='673ff7fe']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e8b113b0']{ --button-align: left; } .btn[data-id='75d73ad6']{ --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='75e1ae07']{ --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='74595f5a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f63f8749']{ --button-align: left; } .btn[data-id='e057b547']{ --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='c1eef37b']{ --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='82e7b591']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='05e1f7d9']{ --button-align: left; } .btn[data-id='0c848f33']{ --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='f77b70aa']{ --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='87a1622b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='c074b250']{ --button-align: left; } .btn[data-id='2524a1d1']{ --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='c47eed13']{ --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='d81aeed0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='463b38e7']{ --button-align: left; } .btn[data-id='9871228b']{ --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='2e2ab52d']{ --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='ecda3100']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e413bb4f']{ --button-align: left; } .btn[data-id='3e23608d']{ --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='bf9b9a59']{ --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='06fd1c7a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='9c5f991d']{ --button-align: left; } .btn[data-id='f8436708']{ --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='67201350']{ --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='8873ab25']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='39bbfa78']{ --button-align: left; } .btn[data-id='8e8c3eed']{ --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='b49ae70e']{ --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='953a1c6f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='fdeb0486']{ --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='fdeb0486']{ --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='43d857da']{ --paragraph-align: left; } .typography[data-id='210f0b43']{ --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='b7822993']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='80291ff6']{ --button-align: left; } .btn[data-id='94b58527']{ --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='7c8e511e']{ --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='bdd24e7f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='d6103411']{ --button-align: left; } .btn[data-id='b262399e']{ --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='aad21f17']{ --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='1e3d145e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6d6c4fe9']{ --button-align: left; } .btn[data-id='ded1d9bf']{ --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='75af7944']{ --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='3abc5246']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e8bd5cd1']{ --button-align: left; } .btn[data-id='6aef2012']{ --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='52ad1475']{ --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='f1e84d6f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='3be61abb']{ --button-align: left; } .btn[data-id='88b36a68']{ --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='19f72164']{ --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='76d55ee6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a713a2d6']{ --button-align: left; } .btn[data-id='1b233b2a']{ --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='5040342d']{ --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='1e66c973']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='fc669ed3']{ --button-align: left; } .btn[data-id='ab8dc784']{ --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='4463612b']{ --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='e5e77158']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='b472a171']{ --button-align: left; } .btn[data-id='6973b0cc']{ --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='70f5bb2f']{ --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='349141aa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='91ef3f17']{ --button-align: left; } .btn[data-id='2d651ef4']{ --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='0d26644b']{ --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='2245811e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='521e4d09']{ --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='521e4d09']{ --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='179b7c29']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='0833db1a']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .media[data-id='bbcccd41']{ --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='588ef5a0']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='3a5707d5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='e11fe9e3']{ --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='e11fe9e3']{ --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='b11e3383']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='78eb3e51']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .icon[data-id='5e5cbbc2']{ --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='b0d8f838']{ --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='c1618dc3']{ --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='29f245ce']{ --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='3071204b']{ --flex-separator: none; } .block-flex[data-id='3071204b']{ --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='8452dbd1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='e9a24edc']{ --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='e9a24edc']{ --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='2450c13d']{ --paragraph-align: left; } .typography[data-id='2797767e']{ --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='f5ec0f93']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='9afeae09']{ --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='9afeae09']{ --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='32a88639']{ --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='66f62072']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='1fade45b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='3ff961ba']{ --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='3ff961ba']{ --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='0f0752b1']{ --button-align: left; } .btn[data-id='e08da49b']{ --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='c4137ab0']{ --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='dcccece1']{ --button-align: left; } .btn[data-id='a4191038']{ --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='3dce7b3f']{ --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='ea2ce645']{ --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='31d3dbcd']{ --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='31d3dbcd']{ --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='47f4be11']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='574c39f7']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .typography[data-id='a94c4222']{ --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='11f12430']{ --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='ff300989']{ --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='7e942ed1']{ --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='59ff451f']{ --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='e02aa58e']{ --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='239cbad2']{ --toggle-color: var(--global-colors-indigo); } .typography[data-id='fc2526d3']{ --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='76019cd4']{ --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='66970536']{ --toggle-color: var(--global-colors-indigo); } .btn[data-id='acdcce91']{ --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='bdda2782']{ --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='2a7a580c']{ --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='295fa268']{ --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='cac998da']{ --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='73b60aa7']{ --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='9b33af12']{ --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='49bdc222']{ --heading-align: center; } .typography[data-id='c1929de2']{ --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='006565ac']{ --paragraph-align: center; } .typography[data-id='c9367fc6']{ --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='88d305d3']{ --paragraph-align: center; } .typography[data-id='53f172ab']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-black)); --es-ft-sm-font-size: 0.75; --es-ft-md-font-size: 0.875; --es-ft-lg-font-size: 1.0625; --typography-letter-spacing: 0.2px; --typography-line-height: 1.43; } @media (min-width:479px){ .cta-box[data-id='c5c0eefe']{ --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); } } @media (min-width:1279px){ .cta-box[data-id='c5c0eefe']{ --cta-box-vertical-padding: calc(var(--base-font-size) * 4rem); --cta-box-horizontal-padding: calc(var(--base-font-size) * 4rem); --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 var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . .' '. . .' '. heading .' '. paragraph .' '. button .' '. . .' '. . .'; } } .card-simple[data-id='994dbedf']{ --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='4bbad634']{ --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='71354305']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 1; --wrapper-spacing-bottom: 1; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 26; --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='b5b84081']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 190; --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='e607bd28']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 1; --wrapper-spacing-bottom: 1; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 8; --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='23d00b1e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .wrapper[data-id='d42f09e4']{ --wrapper-width: 8; --wrapper-offset: 1; --wrapper-spacing-top-in: 164; --wrapper-spacing-bottom-in: 70; --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-column[data-id='987dab24']{ --column-width: 3; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='a679a561']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: -470; --wrapper-spacing-bottom: 0; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 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='79071a8d']{ --column-width: 9; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='c28a32d8']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='1adb15de']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='9b6612df']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom: 100; --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='b6cc3ce6']{ --column-width: 3; --column-offset: 2; --column-hide: flex; --column-position: sticky; --column-top-offset: calc(var(--header-height) + calc(var(--base-font-size) * 2rem)); --column-vertical-align: start; --column-space-between: unset; } .wrapper[data-id='76d1f71b']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --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; } .wrapper[data-id='e37b7698']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='0652fb7c']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 60; --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='c588b837']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d4f146f2']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 60; --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='d6a4bb80']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='c6e5397d']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='b17894d5']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='b3794559']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='9cbfe012']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='bd3e7ddf']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7d38bad4']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 60; --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='d523fb9f']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='51e5f49c']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='4642684b']{ --wrapper-width: 7; --wrapper-offset: 4; --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; } .card-simple[data-id='e10567b6']{ --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='6595dce7']{ --wrapper-width: 7; --wrapper-offset: 4; --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; } .card-simple[data-id='bcbd65d6']{ --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='5840f693']{ --wrapper-width: 7; --wrapper-offset: 4; --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='935abb29']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='9038e546']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e9cc196f']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='553c7cb6']{ --wrapper-width: 7; --wrapper-offset: 4; --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='e78c9f22']{ --column-width: 8; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='e657a874']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='948b7678']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='6bef1dc4']{ --wrapper-width: 7; --wrapper-offset: 4; --wrapper-spacing-top: 1; --wrapper-spacing-bottom: 1; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 70; --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='ff8ed766']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 80; --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; } .card-simple[data-id='6a4c9eab']{ --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='c33e18b1']{ --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='f2b9b1dc']{ --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='78e252c4']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 80; --wrapper-spacing-bottom-in: 160; --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='d2b086d0']{ --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='3e24f47f']{ --column-width: 1; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='2ad47225']{ --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='3edd8f85']{ --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='04287631']{ --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='de3346e1']{ --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='5da24699']{ --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='18752028']{ --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='8b9fb70a']{ --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='b159866e']{ --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='3395514e']{ --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='fce7a8de']{ --column-width: 2; --column-offset: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='b0886201']{ --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='13b6ff24']{ --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='725a308f']{ --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='944448c6']{ --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='9f9425af']{ --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='64c98e16']{ --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='72aeb777']{ --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='941e00fa']{ --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='6d32d429']{ --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='d494fa58']{ --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='0d621da1']{ --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='815f4650']{ --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='79f9f3cf']{ --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='1df77fd6']{ --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='201cc32a']{ --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='651fa616']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='5e6cf628']{ --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='91aa0b43']{ --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='027eed34']{ --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='d2897b05']{ --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='f32c4fc4']{ --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='dc084db5']{ --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='6f00463b']{ --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='5a583214']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='8d5e97d2']{ --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='673ff7fe']{ --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='74595f5a']{ --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='82e7b591']{ --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='87a1622b']{ --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='d81aeed0']{ --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='ecda3100']{ --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='06fd1c7a']{ --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='8873ab25']{ --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='953a1c6f']{ --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='fdeb0486']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='b7822993']{ --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='bdd24e7f']{ --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='1e3d145e']{ --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='3abc5246']{ --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='f1e84d6f']{ --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='76d55ee6']{ --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='1e66c973']{ --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='e5e77158']{ --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='349141aa']{ --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='2245811e']{ --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='521e4d09']{ --column-width: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='179b7c29']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='0833db1a']{ --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='3a5707d5']{ --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='e11fe9e3']{ --column-width: 4; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='b11e3383']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='78eb3e51']{ --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='3071204b']{ --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='8452dbd1']{ --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='e9a24edc']{ --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='f5ec0f93']{ --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='9afeae09']{ --column-width: 3; --column-offset: 5; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='1fade45b']{ --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='3ff961ba']{ --column-width: 1; --column-offset: 10; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-flex[data-id='ea2ce645']{ --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='31d3dbcd']{ --column-width: 5; --column-offset: 11; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='47f4be11']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='574c39f7']{ --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){ .wrapper[data-id='23d00b1e']{ --wrapper-display: var(--wrapper-display-type, grid); } .block-column[data-id='b6cc3ce6']{ --column-position: sticky; --column-top-offset: calc(var(--header-height) + calc(var(--base-font-size) * 2rem)); --column-vertical-align: start; } .block-flex[data-id='3071204b']{ --flex-vertical-align: flex-start; } .block-column[data-id='e9a24edc']{ --column-offset: 2; --column-vertical-align: flex-start; } } @media (max-width:1279px){ .wrapper[data-id='71354305']{ --wrapper-spacing-bottom-in: 16; } .wrapper[data-id='b5b84081']{ --wrapper-spacing-bottom-in: 36; } .wrapper[data-id='e607bd28']{ --wrapper-spacing-bottom-in: -20; } .wrapper[data-id='23d00b1e']{ --wrapper-display: var(--wrapper-display-type, grid); } .wrapper[data-id='d42f09e4']{ --wrapper-width: 10; --wrapper-offset: 1; --wrapper-spacing-top-in: 116; --wrapper-spacing-bottom-in: 130; } .block-column[data-id='987dab24']{ --column-width: 12; --column-offset: 2; --column-order: 2; --column-hide: none; } .wrapper[data-id='a679a561']{ --wrapper-spacing-top: -136; --wrapper-spacing-top-in: -20; } .block-column[data-id='79071a8d']{ --column-width: 12; --column-offset: 2; --column-order: 1; } .wrapper[data-id='9b6612df']{ --wrapper-spacing-bottom: 40; } .block-column[data-id='b6cc3ce6']{ --column-width: 12; --column-offset: 2; --column-position: unset; } .wrapper[data-id='76d1f71b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e37b7698']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0652fb7c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='c588b837']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d4f146f2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='d6a4bb80']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c6e5397d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b17894d5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b3794559']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9cbfe012']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bd3e7ddf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7d38bad4']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='d523fb9f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='51e5f49c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4642684b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6595dce7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5840f693']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='935abb29']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9038e546']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e9cc196f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='553c7cb6']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='e78c9f22']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='6bef1dc4']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 70; } .wrapper[data-id='ff8ed766']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 30; } .wrapper[data-id='d2b086d0']{ --wrapper-display: none; } .block-column[data-id='3e24f47f']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='fce7a8de']{ --column-width: 6; --column-offset: 2; } .wrapper[data-id='725a308f']{ --wrapper-spacing-top-in: 10; } .block-column[data-id='651fa616']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='5a583214']{ --column-width: 5; --column-offset: 2; } .block-column[data-id='fdeb0486']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='521e4d09']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='0833db1a']{ --wrapper-spacing-top-in: 56; --wrapper-spacing-bottom-in: 80; } .block-column[data-id='e11fe9e3']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='78eb3e51']{ --wrapper-spacing-top-in: 40; --wrapper-display: var(--wrapper-display-type, grid); } .block-flex[data-id='3071204b']{ --flex-vertical-align: flex-start; } .block-column[data-id='e9a24edc']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='f5ec0f93']{ --wrapper-spacing-bottom: 20; } .block-column[data-id='9afeae09']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='3ff961ba']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='ea2ce645']{ --flex-horizontal-align: flex-start; } .block-column[data-id='31d3dbcd']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='574c39f7']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 56; } } @media (max-width:479px){ .wrapper[data-id='71354305']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b5b84081']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e607bd28']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: -20; } .wrapper[data-id='23d00b1e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: var(--wrapper-display-type, grid); } .wrapper[data-id='d42f09e4']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='987dab24']{ --column-hide: none; } .wrapper[data-id='a679a561']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: -20; } .wrapper[data-id='1adb15de']{ --wrapper-offset: 1; } .wrapper[data-id='9b6612df']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .block-column[data-id='b6cc3ce6']{ --column-position: unset; } .wrapper[data-id='76d1f71b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e37b7698']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0652fb7c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c588b837']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d4f146f2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d6a4bb80']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c6e5397d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b17894d5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b3794559']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9cbfe012']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bd3e7ddf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7d38bad4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d523fb9f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='51e5f49c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4642684b']{ --wrapper-width: 12; --wrapper-offset: 1; } .bullet[data-id='e10567b6']{ --bullet-icon-margin-right: calc(var(--base-font-size) * 1rem); --bullet-icon-margin-bottom: 0; --bullet-icon-align: baseline; --bullet-columns: auto 1fr; --bullet-rows: auto auto; --bullet-areas: 'icon paragraph' '. .'; } .wrapper[data-id='6595dce7']{ --wrapper-width: 12; --wrapper-offset: 1; } .bullet[data-id='bcbd65d6']{ --bullet-icon-margin-right: calc(var(--base-font-size) * 1rem); --bullet-icon-margin-bottom: 0; --bullet-icon-align: baseline; --bullet-columns: auto 1fr; --bullet-rows: auto auto; --bullet-areas: 'icon paragraph' '. .'; } .wrapper[data-id='5840f693']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='935abb29']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9038e546']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e9cc196f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='553c7cb6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='948b7678']{ --wrapper-offset: 1; } .wrapper[data-id='6bef1dc4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ff8ed766']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 30; } .wrapper[data-id='78e252c4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d2b086d0']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='2ad47225']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3edd8f85']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='04287631']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='de3346e1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5da24699']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='18752028']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8b9fb70a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b159866e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3395514e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b0886201']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='13b6ff24']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='725a308f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='944448c6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9f9425af']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='64c98e16']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='72aeb777']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='941e00fa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6d32d429']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d494fa58']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0d621da1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='815f4650']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='79f9f3cf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1df77fd6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='201cc32a']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='651fa616']{ --column-order: 1; } .wrapper[data-id='5e6cf628']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='91aa0b43']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='027eed34']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d2897b05']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f32c4fc4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='dc084db5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6f00463b']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='5a583214']{ --column-width: 6; --column-offset: 2; --column-order: 3; } .wrapper[data-id='8d5e97d2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='673ff7fe']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='74595f5a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='82e7b591']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='87a1622b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d81aeed0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ecda3100']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='06fd1c7a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8873ab25']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='953a1c6f']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='fdeb0486']{ --column-order: 4; } .wrapper[data-id='b7822993']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bdd24e7f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1e3d145e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3abc5246']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f1e84d6f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='76d55ee6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1e66c973']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e5e77158']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='349141aa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2245811e']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='521e4d09']{ --column-order: 4; } .wrapper[data-id='0833db1a']{ --wrapper-offset: 1; } .wrapper[data-id='3a5707d5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='78eb3e51']{ --wrapper-offset: 1; } .block-flex[data-id='3071204b']{ --flex-vertical-align: flex-start; } .wrapper[data-id='8452dbd1']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='e9a24edc']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='f5ec0f93']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='9afeae09']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='1fade45b']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='3ff961ba']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='ea2ce645']{ --flex-horizontal-align: flex-start; } .block-column[data-id='31d3dbcd']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='574c39f7']{ --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":"","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=\"05cdc4a6\"\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> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/productive.io\/wp-admin\/admin-ajax.php","nonce":"a46dfc4384","url":"https:\/\/productive.io\/blog\/how-to-use-task-custom-fields-to-organize-your-projects","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://productive.io/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html>