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>Mastering Billable Hours: Your Complete Guide to Profit</title> <meta name="description" content="Discover key strategies for maximizing profitability. Learn how to track, manage, and optimize billable hours for professional services." /> <link rel="canonical" href="https://productive.io/blog/billable-hours-guide/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Understanding Billable Hours: The Agency Guide to Optimized Billable Utilization" /> <meta property="og:description" content="Discover key strategies for maximizing profitability. Learn how to track, manage, and optimize billable hours for professional services." /> <meta property="og:url" content="https://productive.io/blog/billable-hours-guide/" /> <meta property="og:site_name" content="Productive" /> <meta property="article:published_time" content="2023-10-30T11:41:11+00:00" /> <meta property="article:modified_time" content="2024-10-21T09:24:46+00:00" /> <meta property="og:image" content="https://website-assets.productive.io/uploads/2023/10/agency-billable-hour.png" /> <meta property="og:image:width" content="1900" /> <meta property="og:image:height" content="1270" /> <meta property="og:image:type" content="image/png" /> <meta name="author" content="Lucija Bakić" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Lucija Bakić" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="30 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://productive.io/blog/billable-hours-guide/","url":"https://productive.io/blog/billable-hours-guide/","name":"Mastering Billable Hours: Your Complete Guide to Profit","isPartOf":{"@id":"https://productive.io/#website"},"primaryImageOfPage":{"@id":"https://productive.io/blog/billable-hours-guide/#primaryimage"},"image":{"@id":"https://productive.io/blog/billable-hours-guide/#primaryimage"},"thumbnailUrl":"https://website-assets.productive.io/uploads/2023/10/agency-billable-hour.png","datePublished":"2023-10-30T11:41:11+00:00","dateModified":"2024-10-21T09:24:46+00:00","author":{"@id":"https://productive.io/#/schema/person/b6bd36984df643da1cd92f021958f061"},"description":"Discover key strategies for maximizing profitability. Learn how to track, manage, and optimize billable hours for professional services.","breadcrumb":{"@id":"https://productive.io/blog/billable-hours-guide/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://productive.io/blog/billable-hours-guide/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://productive.io/blog/billable-hours-guide/#primaryimage","url":"https://website-assets.productive.io/uploads/2023/10/agency-billable-hour.png","contentUrl":"https://website-assets.productive.io/uploads/2023/10/agency-billable-hour.png","width":1900,"height":1270},{"@type":"BreadcrumbList","@id":"https://productive.io/blog/billable-hours-guide/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://productive.io/"},{"@type":"ListItem","position":2,"name":"Understanding Billable Hours: The Agency Guide to Optimized Billable Utilization"}]},{"@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/b6bd36984df643da1cd92f021958f061","name":"Lucija Bakić","url":"https://productive.io/author/lucijabakic/"}]}</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/27709" /><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="agency-management" class="post-template-default single single-post postid-27709 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="92ce0760"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="4c5531bd" > <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="77cee596" > 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="88d741d5" > <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="4926c377" > 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="69b3d03f" > <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="6b55bcac" > 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="676c06d0" > 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="105fdd90" > <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="a8710855" > <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="e0b87ba8" > <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="170a5a72" > <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="8a9219c8"> <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="b8ec0b97" > <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="afbcd6c5" > <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="ef0ea8b7" > <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="cd32cf68" > <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="3b86854c" > <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="33e5585c" > <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="5575bd65"> <picture class="image card-simple__image-picture" data-id="6611c54f" > <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="45ce8d52" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="43bb6414" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="ccd91684" > 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="74c68ea5" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="ea9ead84" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="548b404a" > <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="d908fa69"> <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="0b762649" > <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="e112df27" > <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="0986f8df" > <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="b38f5d90" > <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="9f8bc112" > <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="63d9c7c8" > <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="e19ce958" > <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="e313e9af" > <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="dfd60ada" > <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="865a45b5" > <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="7225c403" > <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="35f1a617"> <picture class="image card-simple__image-picture" data-id="99613f22" > <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="ee97d076" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="1d91e7d0" > 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="bf91d6a1" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="1f849d1b" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="3550f92c" > <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="8a3a845c"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="028f6112" > <p class="typography btn__label js-button-label" data-id="4a914a0f" > Login</p> </a></div> <div class="block-button" data-id="9528752a"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="8037919c" > <p class="typography btn__label js-button-label" data-id="974d8191" > Book a Demo</p> </a></div> <div class="block-button" data-id="d07da245"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="419d6d32" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="0fcbcdf0" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="ffdd047f" > <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="92ce0760"> <div class="block-navbar-hero__column js-block-navbar-hero-column"> <div aria-hidden="true" class="icon block-navbar-hero__icon" data-id="4c5531bd" > <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="77cee596" > 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="88d741d5" > <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="4926c377" > 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="69b3d03f" > <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="6b55bcac" > 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="676c06d0" > 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="105fdd90" > <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="a8710855" > <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="e0b87ba8" > <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="170a5a72" > <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="8a9219c8"> <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="b8ec0b97" > <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="afbcd6c5" > <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="ef0ea8b7" > <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="cd32cf68" > <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="3b86854c" > <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="33e5585c" > <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="5575bd65"> <picture class="image card-simple__image-picture" data-id="6611c54f" > <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="45ce8d52" > CUSTOMER SUCCESS STORY</p><p class="typography card-simple__heading" data-id="43bb6414" > Productive Serves Makerstreet as a <strong>Single Source of Truth</strong></p><p class="typography card-simple__paragraph" data-id="ccd91684" > 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="74c68ea5" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="ea9ead84" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="548b404a" > <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="d908fa69"> <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="0b762649" > <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="e112df27" > <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="0986f8df" > <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="b38f5d90" > <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="9f8bc112" > <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="63d9c7c8" > <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="e19ce958" > <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="e313e9af" > <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="dfd60ada" > <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="865a45b5" > <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="7225c403" > <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="35f1a617"> <picture class="image card-simple__image-picture" data-id="99613f22" > <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="ee97d076" > Agency Valuation Calculator Report</p><p class="typography card-simple__paragraph" data-id="1d91e7d0" > 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="bf91d6a1" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="1f849d1b" > Read more</p><div aria-hidden="true" class="icon btn__icon" data-id="3550f92c" > <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="8a3a845c"> <a href="https://app.productive.io/public/login" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="028f6112" > <p class="typography btn__label js-button-label" data-id="4a914a0f" > Login</p> </a></div> <div class="block-button" data-id="9528752a"> <a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary block-button__btn" id="" aria-label="" data-id="8037919c" > <p class="typography btn__label js-button-label" data-id="974d8191" > Book a Demo</p> </a></div> <div class="block-button" data-id="d07da245"> <button name="" class="btn btn__type--primary block-button__btn" id="" aria-label="" data-id="419d6d32" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="0fcbcdf0" > Try Productive</p><div aria-hidden="true" class="icon btn__icon" data-id="ffdd047f" > <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="61e22faa" > <div data-rocket-location-hash="13908e58aba068f5a9468e0306cccf95" class="wrapper__inner"> <div class="block-group" data-id="03de8227"> <div class="wrapper wrapper--simple" data-id="aa33df5d" > <div data-rocket-location-hash="c785ffcd6379fdb579f2ad06f440b6b0" class="wrapper__skip-dom"> <div class="block-columns" data-id="7f5791d2"> <div class="block-column" data-id="85d066ee"> <div class="block-group" data-id="7c5b8bc7"> <div class="wrapper wrapper--simple" data-id="2e97722d" > <div data-rocket-location-hash="c97e837ba1b6e3bc29ecc644b27b93cf" class="wrapper__inner"> <div class="block-post-meta js-block-post-meta" data-id="31df2ed9"> <p class="typography block-post-meta__category" data-id="f76108c3" > <a href='https://productive.io/blog/category/agency-management/'>Agency Management</a></p> <span> – </span> <p class="typography block-post-meta__reading-time js-reading-time is-reading-time-hidden" data-id="8fb73fbc" > {{minutes}} min read</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3de492e3" > <div data-rocket-location-hash="4e0a5642127402998e4b39f4a7b16fe9" class="wrapper__inner"> <div class="block-heading" data-id="c385ff10"> <h1 class="typography block-heading__heading" data-id="b6416cac" > Understanding Billable Hours: The Agency Guide to Optimized Billable Utilization</h1></div> </div> </div> </div> <div class="block-group" data-id="cd55c4ee"> <div class="wrapper wrapper--simple" data-id="b519446a" > <div data-rocket-location-hash="a8993d72b464c3f0779faf928467d759" class="wrapper__inner"> <div class="block-author-meta js-block-author-meta" data-id="4b4a308a"> <a href="https://productive.io/author/lucijabakic/"> <div class="block-author-meta__image-wrapper"> <picture class="image block-author-meta__image-picture" data-id="cad144df" > <img src="https://website-assets.productive.io/uploads/2023/08/Lucija_Bakic.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/lucijabakic/"> <p class="typography block-author-meta__author" data-id="5701eee7" > Lucija Bakić</p></a> <p class="typography block-author-meta__date" data-id="c5902f3c" > October 30, 2023</p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="04e06ead" > <div class="wrapper__inner"> <div class="block-share-icons" data-id="9f1fb884"> <a aria-hidden="false" class="icon icon__link block-share-icons__icon" data-id="822ac912" href=https://www.facebook.com/sharer.php?u=https://productive.io/blog/billable-hours-guide 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="3b50f1cd" href=https://twitter.com/intent/tweet?text=Understanding%20Billable%20Hours%3A%20The%20Agency%20Guide%20to%20Optimized%20Billable%20Utilization&url=https://productive.io/blog/billable-hours-guide 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="5cc23508" href=https://www.linkedin.com/shareArticle?mini=true&url=https://productive.io/blog/billable-hours-guide 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 class="block-column" data-id="685f33d9"> <div class="wrapper wrapper--simple" data-id="662903b4" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="50174eb8" > <picture class="image media__image-picture" data-id="353c5b06" > <img src="https://website-assets.productive.io/uploads/2023/10/agency-billable-hour.webp" class="image image__img media__image-img" alt="" /> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="f136a8e6" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="95a52ce1"> <div class="block-column" data-id="4a508f20"> <div class="block-table-of-contents js-block-table-of-contents" data-id="b4e6d2be" > <i class="block-table-of-contents__menu-toggle js-toc-menu-toggle"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 14V7.5L14 7.5V14H7.5V16H14V22.5H16V16H22.5V14H16Z" fill="#111111"/> </svg> </i> <div class="block-table-of-contents__inner-elements js-toc-inner-elements"></div> </div> </div> <div class="block-column" data-id="c69e1ee2"> <div class="wrapper wrapper--simple" data-id="427eab80" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="5a2e6bd8" > <p class="typography block-paragraph__paragraph" data-id="cc7095a3" > Are you getting the most out of your <strong>billable hours</strong>, or are you missing out on <strong>potential profit</strong> with inefficient processes?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="cd250ae6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="42a6a990" > <p class="typography block-paragraph__paragraph" data-id="108ab222" > Managing your time well is the bread and butter of any client-facing business. This is especially true for professional services agencies, such as consultancies, PR, and law firms. Having a full understanding of your agency resources means that you can gauge your overall profitability and revenue, as well as find out which of your projects are the most lucrative. <br><br>This is why we’re bringing you a comprehensive guide to two of the most important agency resources: your employees and their time. We’ll explore this topic through advice from industry professionals and recent trends in order to help you reconsider your daily agency operations. <br><br>We’ll also provide answers to two important questions: <a href="https://productive.io/blog/how-to-track-billable-hours/">How to best track your billable hours</a>? And once you’ve got the correct data, how can you maximize them?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9408b33e" id=productive > <div class="wrapper__anchor" id="productive"></div> <div class="wrapper__skip-dom"> <div class="block-heading" data-id="85d15fcf"> <div class="js-toc-entry" id="toc-6746ba07d14e3" data-icon-name="arrow-right-16" data-title="What Are Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="d7821543" > What Exactly Are Billable Hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3d548c44" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="de0f1bd6" > <p class="typography block-paragraph__paragraph" data-id="e6519088" > When talking about billable hours, the most important thing to determine is the difference between <a href="https://productive.io/blog/billable-vs-non-billable/">billable vs non-billable hours</a>.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6228feb2" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="a7defe0c"> <ul class="typography list__list-element" data-id="73bd031b" > <li><strong>Billable hours</strong>: Refers to all activities that are taken in order to make progress on client projects. This work will be paid for by the client at the end of the billing cycle.</li><li><strong>Non-billable hours</strong>: Encompass work not directly connected to the project, but various administrative tasks and general agency upkeep, such as prospecting new clients or business planning. This work is included in internal expenses or overhead.</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f34d0abd" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="03ca2360" > <p class="typography block-paragraph__paragraph" data-id="ced2849e" > Billable hours are pivotal in professions that focus on delivering various tasks for clients, such as consulting, PR, digital marketing, architecture, and law. The law industry takes a very particular approach, with stringent annual target billable hour ranges per employee, usually between 1700 and 2300 billable hours (JD Advising). <br><br>Agencies in other industries will more likely target other metrics of success, such as the utilization rate (or <a href="https://productive.io/blog/billability/" target="_blank" rel="noreferrer noopener">billability</a>), which shows the percentage between non-billable and billable hours. To put it plainly, it’s an indicator of your overall productivity.<br><br>In general, the ideal utilization rate varies from industry to industry, but a good rule of thumb is to maintain an average utilization rate of between 70-80%. Achieving this rate signifies that “teammates are allocated to enough work, and are getting some time to work on themselves professionally, i.e. take time to explore and research” (<a href="https://www.linkedin.com/pulse/keep-track-whats-important-utilization-productive-io-4mfyf/" target="_blank" rel="noreferrer noopener">Bold Newsletter</a>). If your rates are above this standard, this means that you’re likely on a course to employee burnout.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="263610d3" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="aed8f371" > <p class="typography block-paragraph__paragraph" data-id="7c09cde7" > <strong>Find out more about the agency utilization rate</strong>:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3216eb74" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="1d581cb7" > <div class="embed media__embed"> <iframe class="embed__iframe media__embed-iframe" src="https://www.youtube.com/embed/q9Xuzj1XMnY?fs=1&modestbranding=1" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen > </iframe> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="f14130f0" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="0afa3f12" > <p class="typography block-paragraph__paragraph" data-id="c548f795" > Additionally, a common way to check your agency’s performance is to use the so-called Times Three Model:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="534e2b19" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="a2e704c7"> <div class="block-case-study__wrapper-left"> <picture class="image block-case-study__author-image-picture" data-id="5a9e118c" > <source srcset="https://website-assets-staging.productive.io/uploads/2024/01/Q2-IMG-Mobile.webp" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2024/01/white-quote.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> </div> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="1dad8ee1" > In order for a company to be profitable, a worker must cover the cost of his annual salary, <strong>times three</strong>. This is popularly called one salary for you, one salary for the company (overhead), and one salary for the boss (profit).</p><p class="typography block-case-study__author" data-id="8b84cd5f" > <strong>Ilija Brajković,<br></strong>CEO AT Kontra Agency</p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="367dd84f" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="2c21c610" > <p class="typography block-paragraph__paragraph" data-id="e1ca6c69" > Now that we’ve covered some of the basics, let’s move on to the crux of the issue. What’s the importance of tracking billable hours for agencies?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="bddbc776" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="9f25f9ca"> <div class="js-toc-entry" id="toc-6746ba07d2c84" data-icon-name="arrow-right-16" data-title="The Benefits of Tracking Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="1090ad8f" > <strong>What Are the Benefits of Tracking Billable Hours?</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e4ca7e20" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="2cc13871" > <p class="typography block-paragraph__paragraph" data-id="b87ca307" > Billable hours management is closely connected to revenue generation and business sustainability. If you have a poor grasp on how much time your team is spending on tasks that progress projects, versus fixing avoidable mistakes or searching for relevant information, you’ll likely end up under or over-billing a project. Both can have significant consequences for your business and client relationships.<br><br>Some of the main perks of efficient billable hours management are:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="fdab394e" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="23f1a307"> <ul class="typography list__list-element" data-id="95ca6b97" > <li>Increased client trust and overall satisfaction</li><li>Maximized profitability and efficiency</li><li>Improved employee work-life balance</li><li>Key insights for strategic business growth</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d8156adc" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="79f585a1" > <p class="typography block-paragraph__paragraph" data-id="d4c2b573" > To be able to benefit from all of this, you must be able to maintain a delicate balance between ensuring clients are billed fairly, and your workers are not close to burning out. The use of specialized time tracking and management tools has become very significant in enabling healthy <a href="https://productive.io/blog/agency-operations-guide/" target="_blank" rel="noreferrer noopener">agency ops</a>, by helping allocate resources, maintain transparency, and simplify administrative work.<br><br>Some especially useful examples are all-in-one <a href="https://productive.io/blog/best-agency-management-software/" target="_blank" rel="noreferrer noopener">agency management solutions</a>, that support your project, financial, and <a href="https://productive.io/blog/best-resource-management-software/">resource management software</a> in one. More on this later, when we discuss how you can track and maximize your billable hours.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d9db9160" id=productive > <div class="wrapper__anchor" id="productive"></div> <div class="wrapper__skip-dom"> <div class="block-heading" data-id="309a471c"> <div class="js-toc-entry" id="toc-6746ba07d34f1" data-icon-name="arrow-right-16" data-title="The Different Types of Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="1a8f8371" > <strong>The Different Types of Billable Hours</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2373c81c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="4e55b9b5" > <p class="typography block-paragraph__paragraph" data-id="f3ce401f" > A simple way to determine whether your hours are billable is to consider the following main questions:<br> </p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="5d6a0134" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="4d780e85"> <ul class="typography list__list-element" data-id="f183a9cc" > <li><em>Who benefits from the task, the client or the agency?</em></li><li><em>Does working on or completing the task move the project closer to completion?</em></li><li><em>Is the scope of the work you’re doing contained in the client contract?</em></li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="73353335" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="8d342094" > <p class="typography block-paragraph__paragraph" data-id="9f04ae4f" > Some examples of tasks that would fall under the billable category as described above are client correspondence, such as attending meetings or sending emails, project planning and research done after the contract is signed, and all other specific project-related tasks. <br><br>To give a practical example, in a law firm, billable hours might include researching a case, drafting legal documents, or client representation. For consulting agencies, it would be actively advising the client and developing strategies. For creative agencies, <a href="https://productive.io/blog/creative-project-management-guide/">managing creative projects</a> would entail brainstorming concepts, creating and implementing designs, and more.<br><br>We can also discern between two main types of billable hours, such as <strong>direct hours </strong>spent on specific tasks that have a visible impact on the final project deliverables, and<strong> indirect hours</strong> that include research and other project-supporting activities.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2958f897" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="4066e118"> <div class="js-toc-entry" id="toc-6746ba07d3d01" data-icon-name="arrow-right-16" data-title="Billable Hours vs Non-Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="ad301ad5" > <strong>The Meaning of Billable Hours vs Non-Billable Hours</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d19eeac4" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="6b0a7b63" > <p class="typography block-paragraph__paragraph" data-id="f7f29141" > Now that we’ve covered some basics on billable hours, it’s time to address one common misconception. Although maximizing your billable hours output can have a positive impact on your profitability, this doesn’t mean that you can achieve this by cutting down non-billable hours to zero.<br><br>When talking about non-billable hours, we can distinguish between two common types of agency costs:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="33735ec7" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="bddbc47b"> <ul class="typography list__list-element" data-id="83c208b6" > <li><strong>Fixed agency overhead:</strong> paying for office facilities and equipment, business insurance, salaries of non-billable employees, and professional services</li><li><strong>Variable agency overhead: </strong>hardware repairs, employee benefits such as vacation, marketing investments, training, travel expenditures, hiring, prospecting</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7ff1634d" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="70ce13e1" > <p class="typography block-paragraph__paragraph" data-id="08949925" > As you can see, not all non-billable hours are the same. Consider them not only as necessary upkeep to keep your agency’s baseline functioning but also as an investment into your future. For example, non-billable work such as employee education, investing in outreach, and client prospecting, are all critical activities for your agency’s continued success. </p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="abf195e7" > <div class="wrapper__skip-dom"> <div class="block-quote" data-id="88c73b43" > <p class="typography block-quote__paragraph" data-id="e965c6a0" > Keep in mind that overhead isn’t a bad word, it’s inevitable. <strong>Non-billable hours can be profitable</strong>. More than looking for ways to save on overhead costs, it’s crucial to identify how certain expenses play a role in your agency’s future. <strong>Also, being able to check your agency’s pulse at any time will help you forecast profitability and keep variable costs from inflating beyond reasonable levels.</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0234135a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="2573f41d" > <p class="typography block-paragraph__paragraph" data-id="33083877" > <strong>Source</strong>: <a href="https://productive.io/blog/how-to-calculate-overhead-costs-for-an-agency/" target="_blank" rel="noreferrer noopener">How to Calculate Overhead Costs for an Agency</a></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="683dc967" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="3d10b28f" > <p class="typography block-paragraph__paragraph" data-id="bdd50dcf" > That isn’t to say that it’s bad to want to optimize the time spent on non-billable hours. Certain administrative tasks in particular can be greatly simplified by using project management tools. More robust <a href="https://productive.io/blog/best-agency-tools/" target="_blank" rel="noreferrer noopener">agency tools</a>, such as <a href="https://productive.io/" target="_blank" rel="noreferrer noopener">Productive</a>, can also streamline hiring efforts with forecasting capabilities.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="863df9aa" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="26caec82"> <picture class="image block-case-study__author-image-picture" data-id="bdbf2a7e" > <source srcset="https://website-assets-staging.productive.io/uploads/2024/01/Q1.2-IMG-Mobile.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2024/01/Q1-IMG.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="ae84c168" > <br>That’s a key thing that we get out of the reports that really feeds into our utilization and resourcing. If we know we’re doing 30% on internal projects, then we know we’ve got <strong>the capacity to take on more client work</strong>.</p><p class="typography block-case-study__author" data-id="7f79e03c" > <strong>Brendon Nicholas, <br></strong>Co-founder and Technical Director AT DotDev</p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="15cf1c34" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="444eb86e" > <p class="typography block-paragraph__paragraph" data-id="607f6809" > In the following section, we’ll consider some of the main challenges that make tracking billable hours complicated, and offer potential solutions to tackle them.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9a8e97d1" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="f4b79247"> <div class="js-toc-entry" id="toc-6746ba07d52d0" data-icon-name="arrow-right-16" data-title="The Challenges of Tracking Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="30723c0b" > The Challenges of Tracking Billable Hours</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a13cce8f" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="6439337f" > <p class="typography block-paragraph__paragraph" data-id="5495765f" > As previously mentioned, by managing your billable hours, you’re directly impacting your agency’s bottom line. It goes without saying that if you can deliver more billable hours to your client in shorter periods of time, you’ll be able to take on more client projects and scale your business faster. However, this is not always simple to pull off, especially if you’re <a href="https://productive.io/blog/manage-multiple-projects/" target="_blank" rel="noreferrer noopener">managing multiple projects simultaneously</a>.<br><br>The three main challenges for agencies that appear in the process of managing billable hours are inefficient resource management, unrealistic client expectations, and inadequate change management.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="efb5807f" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="1ae56c53"> <h3 class="typography block-heading__heading" data-id="2264aea6" > <strong><strong>#1: Resource Management</strong></strong></h3></div> </div> </div> <div class="wrapper wrapper--simple" data-id="963f73c7" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="7916cd28" > <p class="typography block-paragraph__paragraph" data-id="45cb3a2e" > According to data by Forbes, of the HR leaders at organizations larger than 2,500 employees, 15% of them say burnout causes 50% or more of their annual turnover. If you don’t have timely data that shows your resource capacity across multiple projects, you might end up assigning more work to teammates who are already overutilized.<br><br>This will likely cause them to make more errors and spend non-billable hours fixing them, or in the worst case scenario, push them into leaving the company. As the cost of hiring a new employee is typically 1.25 to 1.4 times the salary (SAB), this is something you should try to avoid at all costs. <br><br>An example software feature that can help you resolve this challenge is Productive’s color-coded heatmaps. After booking your employee’s time, with just a glance, you can easily check whether hours need to be reallocated and where. This approach contributes significantly to sustaining your company’s overall health and profitability while making sure that your team’s well-being isn’t being affected.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9c9eae2d" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="f4329b5e" > <picture class="image media__image-picture" data-id="04f928ed" > <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-guide.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-guide.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-guide.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/billable-hours-guide.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="8160f5af" > <br>PRODUCTIVE HELPS YOU BALANCE YOUR TEAM’S WORKLOADS EFFECTIVELY</p> </div> </div> <div class="wrapper wrapper--simple" data-id="72bee852" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="3c2b8906"> <h3 class="typography block-heading__heading" data-id="85a7928f" > <strong><strong><strong>#2: Client Expectations</strong></strong></strong></h3></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ce07a5f6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="b874dbd4" > <p class="typography block-paragraph__paragraph" data-id="0f8c8372" > Keep in mind that one big part of ensuring successful project delivery is managing client expectations, both from the start and during the project execution phase. If you’re unable to set a realistic deadline, this can also have the same adverse effect described above, by causing periods of intense crunch to meet expectations. <br><br>If you want the client to understand the value you provide, you first need to have a strong grip on it yourself. For this to be possible, you need to be aware of what your team is capable of, both in terms of their current capacity (whether they’re tied up working on specific tasks or not), their composition (skill levels, seniority, particular affinity), and their actual efficiency (by comparing estimates with actuals).<br><br>An example of how you can streamline the negotiations phase is Productive’s Forecasted billable utilization report.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7056e62f" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="86446d98" > <picture class="image media__image-picture" data-id="348c5663" > <source srcset="https://website-assets.productive.io/uploads/2023/10/guide-to-billable-hours.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/guide-to-billable-hours.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/guide-to-billable-hours.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/guide-to-billable-hours.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="a7a64da3" > <br>GET KEY AGENCY INSIGHTS AND MAKE INFORMED BUSINESS DECISIONS WITH PRODUCTIVE</p> </div> </div> <div class="wrapper wrapper--simple" data-id="1029a3ac" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="5fa82d69" > <p class="typography block-paragraph__paragraph" data-id="c9294f22" > Using Productive’s agency report templates, you can create a report that showcases this key agency metric for a set period of time. With custom fields, you can split your resources up by any metrics you prefer, such as team, skill, seniority, and more. This provides valuable insights into how your agency will be performing in the future, helping you create thorough plans when taking on new client projects. <br><br>To learn more about Productive’s project reporting capabilities and billable hours templates, click <a href="https://productive.io/reporting/" target="_blank" rel="noreferrer noopener">here</a>.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e64fe1cf" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="8091d88c"> <h3 class="typography block-heading__heading" data-id="f44d4474" > <strong><strong><strong><strong>#3: Project Changes</strong></strong></strong></strong></h3></div> </div> </div> <div class="wrapper wrapper--simple" data-id="97ce9c3f" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="532a28ec" > <p class="typography block-paragraph__paragraph" data-id="af0d73c1" > Finally, another big challenge of tracking hours is the frequently tumultuous nature of projects. Your employees might go on unexpected sick leave, or you might want to add new features or requests from the client side to your current scope. If you don’t have a way to track the impact of these changes on the budget and deadline, you won’t be able to provide clients with updates in time, which will likely impact their overall satisfaction.<br><br>The CEO of Clear Launch, a software development agency, described what their processes looked like before switching to Productive, the all-in-one-agency management software:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a3759a64" > <div class="wrapper__skip-dom"> <div class="block-quote" data-id="6adc2854" > <p class="typography block-quote__paragraph" data-id="097ab562" > One big side effect was just not having the data for our client to know their true project status. <strong>Setting good customer expectations is huge in our business.</strong> It was never possible to give someone a comprehensive project update that said: <br><br>“We’re 50% through your budget and we’re 50% through with your project, so we’re on track.”<br><br> Instead, we would know one or the other, but trying to marry the two was just so time-intensive that it wouldn’t get done. <strong>So, you’d get to the end of a project, and then there would be surprises in terms of the budget—which ultimately leads to unhappy clients.</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6d7b9a44" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="9dd5ddcd" > <p class="typography block-paragraph__paragraph" data-id="e90fd216" > <strong>Read the entire story</strong>: <a href="https://productive.io/customer-stories/clear-launch-has-more-predictability-consistency-with-productive/" target="_blank" rel="noreferrer noopener">Clear Launch Has More Predictability and Consistency With Productive</a></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0068d47a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="4657e0bb" > <p class="typography block-paragraph__paragraph" data-id="b5548ada" > Consider all of this in junction with the importance of reputation for professional services agencies: according to a survey by BoardEx, 94% of corporate respondents said that track record is very important or critical when working with unknown advisors.<br><br>One thing is clear: Using software solutions with real-time workload management and reporting capabilities is a great way to address these challenges. Therefore, we’ll explore how you can use billable hours tracking software to manage and track your resources in the following section of the guide.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2c547935" > <div class="wrapper__skip-dom"> <div class="block-cta-box"> <div class="cta-box" data-id="8758a955"> <h2 class="typography cta-box__title" data-id="9b6c3e2b" > Optimize Your <strong>Agency’s<br>Billable Utilization Rate</strong></h2><p class="typography cta-box__description" data-id="1192a50d" > Get key insights into your agency’s performance with an all-in-one agency management software.</p> <div class="cta-box__buttons"> <button name="" class="btn btn__type--primary cta-box__button" id="" aria-label="" data-id="e53fc883" data-micromodal-trigger=trial-form-modal > <p class="typography btn__label js-button-label" data-id="5bf3fe0a" > Start Free Trial</p><div aria-hidden="true" class="icon btn__icon" data-id="b2986e4b" > <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><a href="https://productive.io/book-a-demo/" class="btn btn__type--secondary cta-box__button" id="" aria-label="" data-id="1622f694" > <p class="typography btn__label js-button-label" data-id="b763ea7e" > Book a demo</p> </a> </div> <picture class="image cta-box__image-picture" data-id="1c2747fe" > <source srcset="https://website-assets-staging.productive.io/uploads/2023/10/mobile-img-billing.svg" media="(max-width: 479px)" /> <img src="https://website-assets-staging.productive.io/uploads/2023/10/desktop-img-billing.svg" class="image image__img cta-box__image-img" alt="" /> </picture></div></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8d6d9608" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="22940177"> <div class="js-toc-entry" id="toc-6746ba07d9a14" data-icon-name="arrow-right-16" data-title="How to Accurately Track Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="e69ee5bc" > How to Accurately Track Billable Hours</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7f9feeff" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="ecc237ed" > <p class="typography block-paragraph__paragraph" data-id="8eb287f0" > Whether you’re calculating your hours manually in Excel, with our <a href="https://productive.io/billable-hours-calculator/">free billable hours calculator</a> or using a <a href="https://productive.io/blog/business-budgeting-software/" target="_blank" rel="noreferrer noopener">budgeting tool</a> with advanced capabilities, the steps are roughly the same. It’s the execution and expected results where these two methods differ the most.<br><br>We can distinguish four main steps to managing your agency’s hours and client billing:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="5d33a135" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="44c0398d"> <h2 class="typography block-heading__heading" data-id="12975c60" > <strong>1. Determining Your Cost Rate</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2867fc2a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="0d166511" > <p class="typography block-paragraph__paragraph" data-id="ab12cd63" > The first thing you need to do is set up the cost rate for your resources. The number will vary depending on the industry, and the skillset and seniority level of each specific employee. A rule of thumb is to make sure that you’re including non-billable hours or what your agency is spending, or else you won’t be able to make a profit. <br><br>Taking digital marketing consultants, as an example, in 2021, <a href="https://prometheanresearch.com/understanding-your-agencys-employee-utilization-rate/" target="_blank" rel="noreferrer noopener">Promethean Research</a> recommended an hourly charging rate of $175 or more in order to make a profit. Although some agencies might be afraid of overcharging and scaring off clients, especially smaller up-and-coming businesses that are just breaking into the industry, consider the downsides of doing the opposite.<br><br>Undercharging your clients will significantly lower your chance of scaling up your agency, which means less hiring, a lack of competitive talent, and down the line, a lack of customers. Additionally, consider the message you’re sending your customers by setting low service prices:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4466d035" > <div class="wrapper__skip-dom"> <div class="block-quote" data-id="02e7afcd" > <p class="typography block-quote__paragraph" data-id="c1fee772" > Price is often a proxy for quality, and when you put yourself at the low end, it signals that you’re unsure of your value — or the value just isn’t there. <strong>Either can be alarming for prospective clients.</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="556c985e" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="57c60000" > <p class="typography block-paragraph__paragraph" data-id="e1d31127" > <strong>Source</strong>: Harvard Business Review</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="201ca776" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="cb392d47"> <h2 class="typography block-heading__heading" data-id="fa290636" > <strong>2. Setting up Your Billing Cycle</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="90885fc1" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="8c8661cc" > <p class="typography block-paragraph__paragraph" data-id="95fcbe09" > Late invoices are frequently a sore spot for many types of service-providing industries. In fact, according to research, 20% of all invoices in the digital marketing and PR space are paid late (Tide). How can you increase your chances of a steady cash flow?<br><br>Our first tip is: While signing a contract with the client, make sure to set clear terms for both the billing and payment periods, meaning the timeframe within which the clients should finalize their part of the <a href="https://productive.io/blog/project-billing/" target="_blank" rel="noreferrer noopener">project billing</a> process. Billing cycles are usually set up on a monthly basis, with invoices going out on the last day of each month. When it comes to payment periods, make sure to set physical dates instead of using ambiguous terminology, such as “upon receipt” or “in X days”. <br><br>Reducing the number of your accounts receivable days is important for improving your agency’s cash flow, as well as stopping overdue invoices from impacting how accurate your financial forecasting is:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1bf842a9" > <div class="wrapper__skip-dom"> <div class="block-quote" data-id="952839b4" > <p class="typography block-quote__paragraph" data-id="fef2a8ab" > The aim here is for your agency to get paid as soon as possible, so setting payment terms with your clients upfront will save your agency the hassle of chasing unpaid invoices and <strong>ensure your clients know what they can expect.</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="80e3d334" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="1a72b6d2" > <p class="typography block-paragraph__paragraph" data-id="e2351b9b" > <strong>Source</strong>: <a href="https://productive.io/blog/financial-forecasting-for-agencies/" target="_blank" rel="noreferrer noopener">Financial Forecasting and Capacity Management For Agencies</a></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="52bd408a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="09919d97" > <p class="typography block-paragraph__paragraph" data-id="ab32e08f" > Secondly, make sure to follow up on your invoices to increase the chances of getting paid on time. A survey by QuickBooks shows that almost 50% of SMB owners spend one to four hours chasing late invoices in a week. A great way to automate this process is by using agency management or <a href="https://productive.io/blog/project-accounting-software/" target="_blank" rel="noreferrer noopener">accounting tools</a> that provide automated invoice payment reminders, such as Productive. <br><br>With Productive, you can set up templates that include full reminder journeys. An example is setting up a template that sends reminders 7 days before the due date, on the invoice’s due date, and 10 days after the due date. You can also set up the subject title, content, and which email it’ll be sent from, so you can use your business or other invoicing-related email addresses. <br><br>Your reminders will be stopped automatically once payment in full is logged against an invoice, so you can avoid frustrating clients with unnecessary reminders.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9fcb8ab9" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="38139ee7"> <h2 class="typography block-heading__heading" data-id="964b1862" > <strong>3. Tracking Your Time </strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4812ded4" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="fcd26b4a" > <p class="typography block-paragraph__paragraph" data-id="7a1675ee" > Finally, there’s the question of tracking your time and creating timesheets. When working manually, this would likely entail having each employee manually update an Excel spreadsheet with all their daily activities, including precise time ranges and tasks worked on. Then, a project manager would have to parse this data to check if it’s accurate and up-to-date, and manually calculate total billable hours by multiplying all hours with cost rates.<br><br>You don’t need us to tell you that this type of process is extremely repetitive and prone to errors.<br><br>To give you an example of how agency and project management tools handle these situations, we’ll use Productive. With Productive, your team can track their hours directly against client-related budgets and associate their time entries with specific tasks.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2204002f" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="90817155" > <picture class="image media__image-picture" data-id="541d132b" > <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-tool-1.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-tool-1.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-tool-1.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/billable-hours-tool-1.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="042bb6b9" > <br>GET ACCURATE TIME MANAGEMENT AND GET BILLABLE HOURS INSIGHTS ALL IN ONE</p> </div> </div> <div class="wrapper wrapper--simple" data-id="b09404d6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="3a5db1bf" > <p class="typography block-paragraph__paragraph" data-id="b030bd1b" > There are multiple ways to do this: by starting the built-in timer directly from a task or retroactively inputting your hours. Thanks to the <a href="https://productive.io/blog/resource-planning-guide/" target="_blank" rel="noreferrer noopener">Resource Planning</a> feature, project managers can even schedule employee time in advance, thus automatically generating time entries. Cost rates from the platform will also be directly applied to your invoices, ensuring full accuracy.<br><br>BICG improved their time tracking and scheduling with Productive:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="bd0fc440" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="185cd2ab"> <div class="block-case-study__wrapper-left"> <picture class="image block-case-study__author-image-picture" data-id="1219a7ac" > <source srcset="https://website-assets-staging.productive.io/uploads/2023/10/Q2.2-IMG-Mobile.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2023/12/quote-orange.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> </div> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="7fedb6cd" > We go through our team and see our workload for the next week or even for the next month, or for the next three months, and then we can schedule our people accordingly. <strong>Before we had a lot of Excel sheets, or people were doing this in PowerPoint or Word.</strong> They were not in one place and data wasn’t extractable from one place.</p><p class="typography block-case-study__author" data-id="3bf681fb" > <strong>STEPHAN O.,<br></strong>Manager AT <a href="https://productive.io/customer-stories/bicg-360-degree-view-business/" target="_blank" rel="noreferrer noopener">BICG</a></p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="72ba8d4d" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="d34c0b95"> <h2 class="typography block-heading__heading" data-id="f84e49e7" > <strong>4. Creating Your Client Invoice</strong></h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="528a3def" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="deb00ef0" > <p class="typography block-paragraph__paragraph" data-id="f088aa4d" > Finally, once you’ve reached the end of the billing cycle, project management tools such as Productive can generate your invoice in just a few clicks.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8134056c" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="3ce7f0d4"> <picture class="image block-case-study__author-image-picture" data-id="652e005e" > <source srcset="https://website-assets-staging.productive.io/uploads/2024/01/Q3.2-IMG-Mobile.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2024/01/Q3-IMG.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="c3e003e9" > Between the recurring templates that I use and standard line item options, doing the invoicing for 30-40 clients each month in Productive takes me a couple of hours tops.</p><p class="typography block-case-study__author" data-id="c2eeb037" > <strong>Lore Hamilton,<br></strong>Program Manager AT <a href="https://productive.io/customer-stories/rietta-leads-its-distributed-team-with-productive/" target="_blank" rel="noreferrer noopener">Rietta</a></p> </div> <picture class="image block-case-study__second-image-picture" data-id="eec7c6fc" > <img src="https://website-assets-staging.productive.io/uploads/2024/01/Q3.2-IMG2.svg" class="image image__img block-case-study__second-image-img" alt="" /> </picture></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3619b905" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="15bdc246" > <p class="typography block-paragraph__paragraph" data-id="42751a32" > With Productive’s <a href="https://productive.io/billing/" target="_blank" rel="noreferrer noopener">Billing</a>, you can save your time and energy by:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4887596b" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="11e7c76b"> <ul class="typography list__list-element" data-id="fae09778" > <li>Generating invoices automatically by pulling in non-invoiced tracked hours</li><li>Customizing your invoices so they fit your agency’s brand</li><li>Building timesheets and attaching them directly to your invoice</li><li>Invoicing in multiple currencies in the same invoice</li><li>Sending automatic payment reminders</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="abd7e584" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="8c6179cc" > <p class="typography block-paragraph__paragraph" data-id="9dab821e" > Productive also offers integrations with popular invoicing and project budgeting tools such as Xero and Quickbooks, so you don’t have to drop all your established workflows and preferred tools. Simply build your invoice in Productive, and then copy it into your preferred solution.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="62ff3ecb" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="d97854e9" > <picture class="image media__image-picture" data-id="537d43da" > <source srcset="https://website-assets.productive.io/uploads/2023/10/the-best-billable-hours-guide.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/the-best-billable-hours-guide.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/the-best-billable-hours-guide.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/the-best-billable-hours-guide.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="c98ac70c" > <br>MANAGE YOUR EXTERNAL EXPENSES WITH PRODUCTIVE</p> </div> </div> <div class="wrapper wrapper--simple" data-id="97b6df4c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="0c068c83" > <p class="typography block-paragraph__paragraph" data-id="373322ea" > Additionally, with Productive’s <a href="https://productive.io/budgeting/purchase-orders/" target="_blank" rel="noreferrer noopener">Purchase Orders</a>, you can now get easier job cost management and view your external expenses across your budget:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="139592b1" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="c343d4b9"> <ul class="typography list__list-element" data-id="8a70c0fe" > <li>Send purchase orders to suppliers directly from the platform</li><li>Track your payments</li><li>Keep a close eye on delivery dates</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f02be114" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="23d0d601" > <p class="typography block-paragraph__paragraph" data-id="061af1e6" > This is how Productive supports structured workflows, while also providing enough flexibility to help agencies of all shapes and sizes simplify their invoicing.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="67afc36b" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="e83f3682"> <div class="js-toc-entry" id="toc-6746ba07e8b4e" data-icon-name="arrow-right-16" data-title="Top 3 Strategies to Increase Your Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="adfa9c4e" > Top 3 Strategies to Increase Your Billable Hours</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="56ddaf68" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="b79856fa" > <p class="typography block-paragraph__paragraph" data-id="228b4c35" > When looking for reasons why you’re not delivering as many billable hours as you’d hope, there are usually one or more of these three potential issues:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ba6a9731" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="a8af6016"> <ul class="typography list__list-element" data-id="47028a85" > <li>Internal challenges, such as inefficiency or too much managing</li><li>Neglecting key analytics, such as your forecasted <a href="https://productive.io/blog/billable-utilization/">billable utilization</a> rate</li><li>Working with non-profitable clients, i.e. “overservicing”</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="36cf365a" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="9d7213d0" > <p class="typography block-paragraph__paragraph" data-id="da8064e3" > In the following section, we’ll explore three top strategies to help you get the most out of your billable hours, by offering a solution to each of the potential challenges above. We’ll give you our top three tips that answer the main question that agency professionals usually have:<br><br>How can you maximize your billable hours without negatively impacting your team’s well-being and the agency’s business initiatives?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3a99ac67" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="0a181ca5"> <div class="js-toc-entry" id="toc-6746ba07e91c1" data-icon-name="arrow-right-16" data-title="1. Streamline Your Project Processes" ></div> <h2 class="typography block-heading__heading" data-id="2b9d871f" > 1. Streamline Your Project Processes</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0d02c53d" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="50fa9c7a" > <p class="typography block-paragraph__paragraph" data-id="b8c52d31" > According to the Anatomy of Work Index survey, knowledge workers spend as much as 50% of their time on “work about work”, rather than strategic tasks. For managers, this number rises up to as much as 62%. “Work about work” can be described as activities that don’t meaningfully progress projects, such as searching for information, switching between apps, communicating, managing priorities, and looking for project status updates.<br><br>According to another survey by HDR, employees are so frustrated with these inefficient processes, that 43% reported that they would consider leaving a job if information was continuously hard to access.<br><br>In short, this is your non-billable, non-profitable work, and it is precisely the right target for project management automation. Which features can help you cut down on repetitive tasks?</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="76a3886e" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="0c53d506" > <picture class="image media__image-picture" data-id="d925e944" > <source srcset="https://website-assets.productive.io/uploads/2023/10/best-guide-to-billable-hours.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/best-guide-to-billable-hours.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/best-guide-to-billable-hours.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/best-guide-to-billable-hours.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="01dd34f7" > <br>GET SIMPLIFIED TEAM COLLABORATION WITH PRODUCTIVE’S CUSTOMIZABLE PROJECT VIEWS</p> </div> </div> <div class="wrapper wrapper--simple" data-id="da140b36" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="c8b6559f" > <p class="typography block-paragraph__paragraph" data-id="2ec40288" > Taking Productive as an example, some of its most notable task and collaboration capabilities are comprehensive <a href="https://productive.io/project-management/" target="_blank" rel="noreferrer noopener">Project Management</a> and <a href="https://productive.io/docs/" target="_blank" rel="noreferrer noopener">Docs</a>. With these two features, you can streamline your standard practices by:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="c0031790" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="adcff6f6"> <ul class="typography list__list-element" data-id="3ecf8bcd" > <li>Switching between six main project views to organize <a href="https://productive.io/blog/project-progress/" target="_blank" rel="noreferrer noopener">project progress</a></li><li>Viewing automatic status updates that can be customized for frequency and devices</li><li>Creating project and task templates that let you easily kickstart your next project </li><li>Inviting clients to directly view project progress, and even budgets, and leave feedback</li><li>Gathering and creating all relevant project documentation in one place</li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a3a6b0d8" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="f0f6cefe" > <p class="typography block-paragraph__paragraph" data-id="edae942a" > <a href="https://productive.io/blog/best-psa-software/" target="_blank" rel="noreferrer noopener">Top PSA software</a> solutions, such as Productive, can bring significant benefits over specialized project management or collaboration tools. Consider that you’ll be getting the same essential capabilities, with added budgeting, resourcing, and reporting support. This means that you’ll be saving significant time on context-switching between platforms. Also, it means that you can potentially save up on your IT overhead.<br><br>Consider the perks as outlined by one of Productive’s users:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="536a92e7" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="7d1799e1"> <picture class="image block-case-study__author-image-picture" data-id="6981059f" > <source srcset="https://website-assets-staging.productive.io/uploads/2023/10/Q1-IMG-Mobile.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2023/12/Quote_block_-_indigo_visual.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="991fb144" > We used to have a project management tool, a time tracking tool, a support tool, a way we handled opportunities and sales-driven processes. <strong>Those were all separate tools that we had, and it wasn’t good</strong>. It also meant that all that data was being lost every time we switched between tools, or we had to find a way to normalize the data between them. And now, the fact that it’s all in one, it’s really a game changer.</p><p class="typography block-case-study__author" data-id="4b9c1e63" > <strong>Bryan Casler, <br></strong>Vice President of Digital Strategy AT <a href="https://productive.io/customer-stories/how-4site-interactive-studios-stays-profitable-serving-non-profits/" target="_blank" rel="noreferrer noopener">4Site Interactive Studios</a></p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="c008607c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="f22da296" > <p class="typography block-paragraph__paragraph" data-id="4314e181" > Working in an architecture firm? We also have a list of <a href="https://productive.io/blog/architecture-project-management-software/" target="_blank" rel="noreferrer noopener">architecture management software</a> you can check out.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d37cc9e4" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="c84369b3" > <p class="typography block-paragraph__paragraph" data-id="9f092715" > To sum up, don’t overlook the importance of setting up a good project management process. This includes creating clear workflows for your team, with easy access to relevant documentation and project visibility. It also includes setting up a clear process for client communication and revisions. <br><br>All of this can help you speed up the most repetitive of your non-billable tasks. As an added bonus, you’ll be increasing team and client satisfaction as you go.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="43b2ac63" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="772349f1"> <div class="js-toc-entry" id="toc-6746ba07ec645" data-icon-name="arrow-right-16" data-title="2. Track Your Key Agency Metrics" ></div> <h2 class="typography block-heading__heading" data-id="b2e0bb49" > 2. Track Your Key Agency Metrics</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="8fa368cb" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="6b94608b" > <p class="typography block-paragraph__paragraph" data-id="41929d85" > There are three crucial metrics for managing your agency’s success: your revenue, profit, and utilization rate. As important as they are, research shows that agencies have an overall poor grasp of their key <a href="https://productive.io/blog/project-management-metrics/" target="_blank" rel="noreferrer noopener">project success metrics</a>. According to <a href="https://productive.io/the-global-agency-landscape-2022-report/" target="_blank" rel="noreferrer noopener">SoDa</a>, only 43% of agencies track their forecasted revenue, 33% know their project gross margin, and under 20% track their forecast-to-actual utilization.<br><br>However, having real-time insights into the three is essential to making timely business decisions. Even more so, if you’re able to accurately forecast these numbers for future periods, you can ensure that neither you nor the clients are caught off guard. Specialized financial tools, <a href="https://productive.io/blog/billable-hours-tracker-solutions/">billable hours tracker apps</a> or certain all-in-one software solutions such as Productive, can help you achieve all of the above.<br><br>How does this work?<br><br>First, you would build your budget, add cost rates, and schedule your resources with Productive’s <a href="https://productive.io/resource-planning/" target="_blank" rel="noreferrer noopener">Resource Planning</a>. Once you’ve built your plan, including vacation time and other types of leave, you can use the budget view to check your budget burn over your project timeline. By checking the profitability view, you can then see your overall profit, as well as your profit margin.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="acf384e3" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="59b0e54a" > <picture class="image media__image-picture" data-id="caf1734b" > <source srcset="https://website-assets.productive.io/uploads/2023/10/top-billable-hours-guide.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/top-billable-hours-guide.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/top-billable-hours-guide.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/top-billable-hours-guide.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="be241927" > <br>PRODUCTIVE’S RESOURCE PLANNING HELPS YOU EASILY ALLOCATE AND REALLOCATE YOUR RESOURCES ACROSS PROJECTS</p> </div> </div> <div class="wrapper wrapper--simple" data-id="a700e936" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="23c9db5c" > <p class="typography block-paragraph__paragraph" data-id="412a3a60" > Consider that even if you’re over budget, this doesn’t always signify that your project will still be unprofitable. This largely depends on the cost rates of the resources you’re utilizing. Productive can help you gauge the best course of action in case of budget-impact project changes.<br><br>As data by PMI shows that over 50% of projects experience scope creep, this type of reactive resource and financial planning can be crucial to your agency’s success.<br><br>When it comes to forecasting, getting future insights into your billable utilization rate is not simply a financial matter. In fact, by viewing the percentage of availability of your resources across certain periods of time, including by skills or seniority, you can also fuel sales efforts. For example, you might want to focus on prospecting clients for underutilized services.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="ee0defcb" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="99230ddc"> <div class="block-case-study__wrapper-left"> <picture class="image block-case-study__author-image-picture" data-id="08d03e2d" > <source srcset="https://website-assets-staging.productive.io/uploads/2023/10/Q2.2-IMG-Mobile.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2023/12/quote-orange.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> </div> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="e24e7992" > <strong>Forecasting Charts</strong> have assisted our organization significantly. The way you can see in a glance that your team is allocated (Scheduled), to how much of the budget you have remaining or to see whether the budget has been invoiced, is obviously extremely insightful.</p><p class="typography block-case-study__author" data-id="fa0441d3" > <strong>Patric Osburn, <br></strong>Service Operations Manager at <a href="https://productive.io/customer-stories/quintica-increased-now-drives-its-profitability-using-productive/">Quintica</a></p> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="caf556c9" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="3817ce8c" > <p class="typography block-paragraph__paragraph" data-id="30641675" > Or, if you’re noticing that certain services are frequently overutilized, you can consider hiring for these specific roles. Another great feature that is provided by Productive is placeholders, which allow you to create various work scenarios. For example, you can set up an entire project before even signing with a client to get ahead of your project planning.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="aa26392c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="2d94fdb6" > <p class="typography block-paragraph__paragraph" data-id="c944cc50" > <strong>View the webinar below to learn more about utilization and forecasting in crisis times:</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b22824f8" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="3181faf1" > <div class="embed media__embed"> <iframe class="embed__iframe media__embed-iframe" src="https://www.youtube.com/embed/7Ho62VcH0yQ?fs=1&modestbranding=1" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen > </iframe> </div> </div> </div> </div> <div class="wrapper wrapper--simple" data-id="344a4cd0" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="687672fc"> <div class="js-toc-entry" id="toc-6746ba07ee16c" data-icon-name="arrow-right-16" data-title="3. Consider Time Spent on Each Client" ></div> <h2 class="typography block-heading__heading" data-id="8f6bc73f" > 3. Consider Time Spent on Each Client</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4920a480" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="b3346ee1" > <p class="typography block-paragraph__paragraph" data-id="734f88f7" > Maybe you’ve seen this one before:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3943d893" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="4c831bbe" > <picture class="image media__image-picture" data-id="6ec55ae3" > <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-agency-guide.webp" media="(max-width: 479px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-agency-guide.webp" media="(max-width: 1279px)" /> <source srcset="https://website-assets.productive.io/uploads/2023/10/billable-hours-agency-guide.webp" media="(max-width: 2159px)" /> <img src="https://website-assets.productive.io/uploads/2023/10/billable-hours-agency-guide.webp" class="image image__img media__image-img" alt="" /> </picture> </div> <p class="typography media__caption" data-id="4fb2a387" > <br>SOURCE: TWITTER</p> </div> </div> <div class="wrapper wrapper--simple" data-id="e80f37fa" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="a2a92b4c" > <p class="typography block-paragraph__paragraph" data-id="ef8e1471" > If you’re addressing both previous challenges, it’s time to consider whether it might be particular clients that are holding you down. If you’re tracking your billable utilization with agency management software, you can compare it between different clients to determine where you’re delivering fewer billable hours. Then, look into the reasons why.<br><br>Is there something that you can improve about your own processes, or do you notice a pattern of:</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="89dffcb5" > <div class="wrapper__skip-dom"> <div class="list block-list__list" data-id="71bc84a3"> <ul class="typography list__list-element" data-id="80a2b31b" > <li>Frequent out-of-scope requests</li><li>Numerous back-and-forth on tasks</li><li>Repeated miscommunication</li><li>Excessive hand-holding </li></ul></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7527fd06" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="593d846d" > <p class="typography block-paragraph__paragraph" data-id="0004cd75" > Consider the extent of consequences this can have on your business. If you tolerate these situations for too long, not only will your profitability take a hit, but you will also be fostering unrealistic expectations for the future. This means that once you do pull back, your client will likely end up being dissatisfied, despite them getting the best possible service beforehand. This also devalues your work and can be a cause of employee stress and burnout.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="279a033c" > <div class="wrapper__skip-dom"> <div class="block-case-study" data-id="531ccf75"> <picture class="image block-case-study__author-image-picture" data-id="8a97d7f9" > <source srcset="https://website-assets-staging.productive.io/uploads/2024/01/Q3.2-IMG-Mobile-2.svg" media="(max-width: 1279px)" /> <img src="https://website-assets-staging.productive.io/uploads/2024/01/Q3-IMG.svg" class="image image__img block-case-study__author-image-img" alt="" /> </picture> <div class="block-case-study__content"> <p class="typography block-case-study__paragraph" data-id="1e8d2407" > We ended up <strong>terminating contracts with two of our oldest clients after only a few months of using Productive</strong>. We thought that we were at least at zero with them, or that we had some small earnings, but it turned out that we were losing money because the money they paid us did not cover salaries, fixed overhead per hour, and variable overhead per hour.</p><p class="typography block-case-study__author" data-id="48a1bcae" > <strong>Ilija Brajković,<br></strong>CEO AT Kontra Agency</p> </div> <picture class="image block-case-study__second-image-picture" data-id="2684f60e" > <img src="https://website-assets-staging.productive.io/uploads/2024/01/Q3-IMG2.svg" class="image image__img block-case-study__second-image-img" alt="" /> </picture></div> </div> </div> <div class="wrapper wrapper--simple" data-id="dbd9054d" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="b7c3b186"> <div class="js-toc-entry" id="toc-6746ba07efca2" data-icon-name="arrow-right-16" data-title="Conclusion: Why You Absolutely Should Track Billable Hours" ></div> <h2 class="typography block-heading__heading" data-id="19aea1d9" > Conclusion: Why You Absolutely Should Track Billable Hours</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0d8ea3aa" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="6dc6bdec" > <p class="typography block-paragraph__paragraph" data-id="7c8de03a" > To conclude our billable hours guide, managing your billable and non-billable time is crucial across multiple facets of your agency business.<br><br>This includes optimizing how you track time in the first place, by using tools with budgeting and forecasting capabilities. Furthermore, it means taking a look at your current processes and working on strategies to get the most out of your resources.<br><br>Our key takeaways from the guide would be: to make sure that you’re keeping an eye on your financial health by tracking your most valuable key metrics. Aside from this, automate your most repetitive, administrative tasks to clear up time for more valuable non-billable work, as well as strategic billable tasks. <br><br>To achieve both of these, consider utilizing an all-in-one agency management tool that provides support to all your day-to-day processes. If you’re interested in learning more, <a href="https://productive.io/book-a-demo/" target="_blank" rel="noreferrer noopener">book a demo</a> with Productive and start your 14-day free trial today.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4e7e9d82" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="1bb89b1e"> <div class="js-toc-entry" id="toc-6746ba07f0069" data-icon-name="arrow-right-16" data-title="FAQ" ></div> <h2 class="typography block-heading__heading" data-id="0324a33f" > FAQ</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2804b4c2" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="95e22a78"> <h2 class="typography block-heading__heading" data-id="5135e0a4" > What is an example of billable hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="792fe9e6" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="4df0f03b" > <p class="typography block-paragraph__paragraph" data-id="0f420955" > The billable hours definition includes time spent on activities that directly progress client project status. In most professional services agencies, this includes all business-related tasks, as well as strategizing and implementation. To give a practical example, in a consultancy, the most frequent billable tasks are meetings and client correspondence, creating presentations and reports, market research and potentially traveling to client sites. <a href="https://productive.io/blog/best-software-for-consultants/">Consultant management software</a> can help streamline these tasks, improving efficiency and client service.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="7a4f5dee" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="747b64bb"> <h2 class="typography block-heading__heading" data-id="3e10cbf8" > How do I calculate billable hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1f28d173" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="24fe2ac5" > <p class="typography block-paragraph__paragraph" data-id="05615b52" > Calculating billable hours typically requires a couple of steps. This is determining the hourly rate for your services, depending on your expertise and industry standards. Then, you would need to track time spent on client work. This can be done manually in Excel, or preferably by using time-tracking software such as Productive.<br><br>Finally, you would multiply hours worked by your hourly rate to get the billable amount to invoice to your clients. You could use an online billable hours calculator or a specialized tool. All-in-one agency tools can do this automatically, so you can profit from more accurate and efficient billable hours tracking.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9a61af8d" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="6281c967"> <h2 class="typography block-heading__heading" data-id="c61cf267" > What are the best practices for tracking billable time?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="74969315" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="08a8deb7" > <p class="typography block-paragraph__paragraph" data-id="a4df2515" > How to best track your billable time will depend on your industry and team composition. Usually, to ensure that your teams don’t feel overly micromanaged, it’s a good rule of thumb to use a time-tracking tool that provides them with multiple options. For example, starting an integrated timer directly from a task, or manually inputting hours retroactively. When using a tool, a feature to keep an eye out for is timesheet locking, which prevents editing after a specific amount of time has passed. This can improve your data accuracy.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b05a9cf7" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="2779798a"> <h2 class="typography block-heading__heading" data-id="b7ab22e3" > How do I bill clients for my time?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e8e41d04" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="160ec5f8" > <p class="typography block-paragraph__paragraph" data-id="d6e53686" > You can bill your clients by manually drafting an invoice after calculating your billable hours. Preferably, you can use also accounting tools or all-in-one solutions such as Productive to generate your invoice automatically. Productive pulls in your uninvoiced amounts automatically, so you don’t have to double or triple-check your data for manual errors. Additionally, you can immediately attach your relevant timesheet to speed up the payment process. Then, simply send your invoice to the client. With Productive, you can even use automatic reminders to increase the chance of getting timely payments.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="fb685059" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="40065bf4"> <h2 class="typography block-heading__heading" data-id="a1cb2434" > What are billable hours vs regular hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e93edf05" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="51cdb9b5" > <p class="typography block-paragraph__paragraph" data-id="1964258e" > The billable hours meaning include hours that are paid for by the client for work on tasks that directly progress a project. This includes client correspondence, project strategizing, and implementation. <a href="https://productive.io/blog/billable-hours-vs-actual-hours/">Regular hours</a> would include the full employee work day, which combines billable with non-billable work. Non-billable work includes various internal tasks, such as administrative work, prospecting, and agency-related meetings. In short, it includes activities that impact an agency’s processes, rather than a client project. <br><br>While billable hours are critical for a company’s profitability, non-billable hours are just as important for your agency’s success. Keeping a healthy balance between both is the key to client satisfaction and effective operational management.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1c06c307" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="0aaf3314"> <h2 class="typography block-heading__heading" data-id="ecd05287" > What is the purpose of billable hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e29b8169" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="142966ed" > <p class="typography block-paragraph__paragraph" data-id="6a6a78cd" > Billable hours are crucial for projects that are priced according to hourly rates, rather than a fixed “upon-delivery” price. They are the primary means of generating revenue by charging clients for specific work done. Without tracking billable hours, agencies would be unable to get fair compensation for project progress. It would also lead to a lack of transparency between the agency and the client, resulting in deteriorating client relationships.<br><br>Tracking billable hours also helps measure employee productivity and efficiency by supporting resource allocation and project planning. This is all key to assessing project profitability, one of the key agency success metrics. Essentially, billable hours are the bridge between financial success and efficient service delivery.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1cd1e9fa" > <div class="wrapper__skip-dom"> <div class="block-heading" data-id="71beb02e"> <h2 class="typography block-heading__heading" data-id="544af0d9" > Do I get paid for non-billable hours?</h2></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f0afca20" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="831df62f" > <p class="typography block-paragraph__paragraph" data-id="46890c80" > Whether you are paid for non-billable hours will depend on your employee status and company policy. Salaried employees usually receive their wages depending on the total number of hours worked in a day, including both billable and non-billable work. However, for freelancers, contractors, or employees in certain industries, non-billable work might not be included in your salary. This means that you would track only time spent on productive client work, and leave out time spent on lunch breaks, looking for information, answering unrelated messages, or similar activities. Understanding your organization’s policy on non-billable hours is crucial for clarity on compensation.</p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f79f8007" > <div class="wrapper__skip-dom"> <div class="block-cta-box"> <div class="cta-box" data-id="6bd63499"> <h2 class="typography cta-box__title" data-id="d2ae351d" > Connect With <strong>Agency Peers</strong></h2><p class="typography cta-box__description" data-id="9f1fc7cf" > Access agency-related Slack channels, exchange business insights, and join in on members-only live sessions.</p> <div class="cta-box__buttons"> <a href="https://productive.io/bold/" class="btn btn__type--primary cta-box__button" id="" aria-label="" data-id="af3b1ec0" > <p class="typography btn__label js-button-label" data-id="99a6d4e2" > Apply now</p><div aria-hidden="true" class="icon btn__icon" data-id="3fda5015" > <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> <picture class="image cta-box__image-picture" data-id="d4d375b2" > <source srcset="https://website-assets-staging.productive.io/uploads/2023/10/mobile-img-general3.svg" media="(max-width: 479px)" /> <img src="https://website-assets.productive.io/uploads/2023/11/Bold_Visual2-1.webp" class="image image__img cta-box__image-img" alt="" /> </picture></div></div> </div> </div> </div> </div> </div> </div> <div class="wrapper" data-id="1ead2eb0" > <div class="wrapper__inner"> <div class="block-author-meta-position js-block-author-meta-position" data-id="0196e969"> <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="76c379bd" > <img src="https://website-assets.productive.io/uploads/2023/08/Lucija_Bakic.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="8982dcc3" > Lucija Bakić</p><p class="typography block-author-meta-position__position" data-id="49cb8a26" > Content Specialist</p> </div> </div> </div> </div> </div> <div class="wrapper" data-id="cc3c3d83" > <div class="wrapper__inner"> <div class="block-heading" data-id="dd19ed2b"> <h2 class="typography block-heading__heading" data-id="ff078a75" > Related articles</h2></div> </div> </div> <div class="wrapper" data-id="aabfb4e3" > <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=12b698cf 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-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/billable-hours-tracker-solutions" class="card-simple post-listing__card-simple" data-id="1f8b7d10" > <picture class="image card-simple__image-picture" data-id="8da02655" > <img src="https://website-assets.productive.io/uploads/2023/11/guide-to-billable-hours-tracker-768x513.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="42358a57" > Comparisons</p><h2 class="typography card-simple__heading" data-id="6c19c812" > Top 8 Billable Hours Tracker Solutions for Professional Service Agencies</h2> </a><a href="https://productive.io/blog/resource-planning-for-multiple-projects" class="card-simple post-listing__card-simple" data-id="ca8b613f" > <picture class="image card-simple__image-picture" data-id="cb1d4efb" > <img src="https://website-assets.productive.io/uploads/2023/11/guide-resource-planning-multiple-projects-768x513.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="d259aebe" > Agency Management</p><h2 class="typography card-simple__heading" data-id="e2b6574c" > Resource Planning for Multiple Projects: Best Practices for Efficient Multi-Project Management</h2> </a><a href="https://productive.io/blog/trello-vs-wrike-vs-productive" class="card-simple post-listing__card-simple" data-id="38a8d999" > <picture class="image card-simple__image-picture" data-id="edb87ee4" > <img src="https://website-assets.productive.io/uploads/2023/10/comparison-trello-vs-wrike-vs-productive-768x513.webp" class="image image__img card-simple__image-img" alt="" /> </picture><p class="typography card-simple__intro" data-id="a9ce55ee" > Comparisons</p><h2 class="typography card-simple__heading" data-id="3b366bb4" > Trello vs Wrike vs Productive: Choosing the Best Software for Your Agency (Features & Reviews)</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="ec2bb83c9a083c4cc038f9d90e415b48" class="layout footer-partial"> <div data-rocket-location-hash="a2e99f23ff3fb5c72f3a173c7d3324d0" class="layout__main footer-partial__main"> <div data-rocket-location-hash="526c072fd9ceac999376b7399d1218ba" class="layout__main-inner footer-partial__main-inner"> <div class="wrapper wrapper--simple" data-id="d80e8a05" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="7c43cb01"> <div class="block-column" data-id="2e564b9a"> <div class="wrapper wrapper--simple" data-id="7bbc615c" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="4bc045ae" > <picture class="image media__image-picture" data-id="7feb4cbc" > <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="905c4dfb"> <div class="wrapper wrapper--simple" data-id="2a974663" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="3a1261d4" > <p class="typography block-paragraph__paragraph" data-id="ff070210" > <strong>COMPANY</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e5ea615b" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="10f5325c"> <a href="https://productive.io/about-us/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9c5bf918" > <p class="typography btn__label js-button-label" data-id="18946353" > About us</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="da244242" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="78f52f23"> <a href="https://productive.io/careers/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a54aa726" > <p class="typography btn__label js-button-label" data-id="7c05aa6a" > Careers</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1be8db37" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f99ce187"> <a href="https://productive.io/engineering/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="93067e60" > <p class="typography btn__label js-button-label" data-id="117ed25d" > Building Productive</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="aab77261" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="9a89244f"> <a href="https://productive.io/brand-guidelines/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="fbc0d91a" > <p class="typography btn__label js-button-label" data-id="8d3c9daf" > Brand Guidelines</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="894cb498" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="c5c3ee1c" > <p class="typography block-paragraph__paragraph" data-id="814b8f4a" > <strong>SUPPORT</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="0179f3af" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a04308f7"> <a href="https://developer.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e0c58a0a" > <p class="typography btn__label js-button-label" data-id="3ef5a131" > API docs</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="4118f508" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="965b15f7"> <a href="https://productive.io/trust/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="9463149b" > <p class="typography btn__label js-button-label" data-id="36699909" > Trust Center</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="779691f0" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="5bc6c6b1"> <a href="https://status.productive.io/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="786d108a" > <p class="typography btn__label js-button-label" data-id="7fec1aad" > Uptime</p> </a></div> </div> </div> </div> <div class="block-column" data-id="a7386a74"> <div class="wrapper wrapper--simple" data-id="f3cfbf2e" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="4f23f461" > <p class="typography block-paragraph__paragraph" data-id="e7e2add2" > <strong>PRODUCTIVE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="27de6a57" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="342ef001"> <a href="https://productive.io/pricing/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="34099dd3" > <p class="typography btn__label js-button-label" data-id="566a390c" > Pricing</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2367ddf3" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="223e1cbd"> <a href="https://productive.io/apps/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3869cbb1" > <p class="typography btn__label js-button-label" data-id="2b7e0b42" > Apps</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="5baf78da" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="d0bea3e9"> <a href="https://productive.io/integrations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="6efc8c7a" > <p class="typography btn__label js-button-label" data-id="f0d0c934" > Integrations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="feac908e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a0234f75"> <a href="https://productive.io/automations/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="990a959a" > <p class="typography btn__label js-button-label" data-id="d0412ffb" > Automations</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9a32b64c" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f50cd563"> <a href="https://productive.io/permission-builder/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a11b7574" > <p class="typography btn__label js-button-label" data-id="defac0ba" > Permission and User Access</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f612b93f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8852d741"> <a href="https://productive.io/roadmap/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="f2e1c5c2" > <p class="typography btn__label js-button-label" data-id="0c3bb3f0" > Roadmap</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="be3c1dad" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="8ab4360a"> <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="10ae1138" > <p class="typography btn__label js-button-label" data-id="a125bda3" > Login</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3432ec94" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="d61dc9f0" > <p class="typography block-paragraph__paragraph" data-id="aad5565d" > <strong>USE CASES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f6fd372c" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0be17110"> <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="bd0e639f" > <p class="typography btn__label js-button-label" data-id="d22259dc" > Software Development</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="936e514f" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="76aab47e"> <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="8677f26b" > <p class="typography btn__label js-button-label" data-id="fcc8fda9" > Marketing Agency</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a7e694f7" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="fa7ac291"> <a href="https://productive.io/use-cases/consulting/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3fb7d249" > <p class="typography btn__label js-button-label" data-id="7e0e32a2" > Business Consultancy</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="296780e1" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a5cdd998"> <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="bef77c9c" > <p class="typography btn__label js-button-label" data-id="c8bf441d" > Design Studio</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="de68bfe5" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f48eb639"> <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="3b1ae675" > <p class="typography btn__label js-button-label" data-id="09358eb4" > In-house Team</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2597483a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="904a8769"> <a href="https://productive.io/customer-stories/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ef231fb6" > <p class="typography btn__label js-button-label" data-id="9f75ecf7" > Customer Stories</p> </a></div> </div> </div> </div> <div class="block-column" data-id="e047be57"> <div class="wrapper wrapper--simple" data-id="56255b62" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="88860167" > <p class="typography block-paragraph__paragraph" data-id="14acc69c" > <strong>RESOURCES</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="af362dc5" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="1b9d8f3f"> <a href="https://productive.io/blog/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="8e4b6d8b" > <p class="typography btn__label js-button-label" data-id="58d43f3d" > Blog</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="dab94832" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="994e8300"> <a href="https://help.productive.io/en/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="50386bfe" > <p class="typography btn__label js-button-label" data-id="24449d04" > Help</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="64b43615" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="272e4ef1"> <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="662704c8" > <p class="typography btn__label js-button-label" data-id="0628fa2c" > End-to-end Agency Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1f1df5d7" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="ab1f0649"> <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="9b8d6ac6" > <p class="typography btn__label js-button-label" data-id="a5b3507e" > Agency Resource Management</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="f1bf3b3a" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="a60ffbff"> <a href="https://productive.io/whats-new/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="49fdd6a3" > <p class="typography btn__label js-button-label" data-id="51937dbe" > Product Updates</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="b65e1bad" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="d6073917"> <a href="https://productive.io/bold/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="8013cd1e" > <p class="typography btn__label js-button-label" data-id="e640b2fc" > The Bold Community</p> </a></div> </div> </div> </div> <div class="block-column" data-id="4baf9188"> <div class="wrapper wrapper--simple" data-id="f72e4a1c" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="577e54d8" > <p class="typography block-paragraph__paragraph" data-id="ed418d47" > <strong>COMPARE</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="3e60d97e" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="f31c269a"> <a href="https://productive.io/blog/workflowmax-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="bde2523e" > <p class="typography btn__label js-button-label" data-id="12900077" > Workflowmax</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="6bec1c65" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="1cd66fa4"> <a href="https://productive.io/blog/harvest-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="b271f8d3" > <p class="typography btn__label js-button-label" data-id="adf8ca29" > Harvest</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="83a705da" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="88e18488"> <a href="https://productive.io/blog/scoro-alternatives" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="dd906c63" > <p class="typography btn__label js-button-label" data-id="152720e3" > Scoro</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="42f96319" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="04e14234"> <a href="https://productive.io/blog/mavenlink-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="3fda1c0a" > <p class="typography btn__label js-button-label" data-id="d677075b" > Kantata</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="e87e6844" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="2ef3dd36"> <a href="https://productive.io/blog/teamwork-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="e005ad2d" > <p class="typography btn__label js-button-label" data-id="02850674" > Teamwork</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="eaaf241d" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4ff04acf"> <a href="https://productive.io/blog/accelo-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="946780c4" > <p class="typography btn__label js-button-label" data-id="461c5c92" > Accelo</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="79dda409" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="698ca22c"> <a href="https://productive.io/blog/bigtime-alternative/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="4297a937" > <p class="typography btn__label js-button-label" data-id="91c36e28" > BigTime</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="1da34778" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="640bd0a1"> <a href="https://productive.io/blog/avaza-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="84fd3a17" > <p class="typography btn__label js-button-label" data-id="06836a84" > Avaza</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9314deb0" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="e82a70e1"> <a href="https://productive.io/blog/clickup-alternatives/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d29e8458" > <p class="typography btn__label js-button-label" data-id="0afcda33" > Clickup</p> </a></div> </div> </div> </div> <div class="block-column" data-id="dfc8d3b4"> <div class="wrapper wrapper--simple" data-id="ad59c808" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="5b398261" > <p class="typography block-paragraph__paragraph" data-id="ceb14116" > <strong>TOP GUIDES & TOOLS</strong></p></div> </div> </div> <div class="wrapper wrapper--simple" data-id="d54607c9" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="6990e33b"> <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="f3cb9fe5" > <p class="typography btn__label js-button-label" data-id="6708288a" > Resource Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="23665ffc" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="0f02eef1"> <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="2d786ce9" > <p class="typography btn__label js-button-label" data-id="180de2ec" > Capacity Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="2bf591bf" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="79e9015e"> <a href="https://productive.io/blog/workforce-planning/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="ae231b1d" > <p class="typography btn__label js-button-label" data-id="4cdae27c" > Workforce Planning Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="dcbaf708" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4e1d2953"> <a href="https://productive.io/blog/workload-management/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="43d67953" > <p class="typography btn__label js-button-label" data-id="695bafde" > Workload Management Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="a2cc80c9" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="88f92c1e"> <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="63346ae0" > <p class="typography btn__label js-button-label" data-id="fb8d9f0f" > Billable Hours Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9b5fdef0" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="1122b19f"> <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="9bdd805a" > <p class="typography btn__label js-button-label" data-id="3fc1f0cf" > Project Budget Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="954b4032" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="2e160115"> <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="f9c9d6f2" > <p class="typography btn__label js-button-label" data-id="ac2e5455" > Revenue Operations Guide</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="da82c1fd" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="4152d338"> <a href="https://productive.io/agency-valuation/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="d0cea77f" > <p class="typography btn__label js-button-label" data-id="51265da4" > Agency Valuation Calculator</p> </a></div> </div> </div> <div class="wrapper wrapper--simple" data-id="9e9b91d8" > <div class="wrapper__skip-dom"> <div class="block-button block-button--link" data-id="78348f64"> <a href="https://productive.io/billable-hours-calculator/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="a90863b1" > <p class="typography btn__label js-button-label" data-id="d5b24c30" > Billable Hours Calculator</p> </a></div> </div> </div> </div> </div> </div> </div><div class="wrapper wrapper--simple" data-id="25b18007" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="f07dc11c"> <div class="block-column" data-id="1317e5a8"> <div class="wrapper wrapper--simple" data-id="8e20ab4c" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--auto" data-id="09ccbd2c" > <picture class="image media__image-picture" data-id="82d06c37" > <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="7dbbedd9" > <div class="wrapper__skip-dom"> <div class="block-columns" data-id="03517bd6"> <div class="block-column" data-id="ca04f721"> <div class="wrapper wrapper--simple" data-id="dbd53b26" > <div class="wrapper__skip-dom"> <div class="block-flex" data-id="e3aa8301"> <a aria-hidden="false" class="icon icon__link block-icon__icon" data-id="a764b139" 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="47219dd9" 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="de349afe" 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="f889d8a5" 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="87ddc630"> <div class="wrapper wrapper--simple" data-id="f71136c4" > <div class="wrapper__skip-dom"> <div class="block-paragraph" data-id="d80f9956" > <p class="typography block-paragraph__paragraph" data-id="b526aea4" > © The Productive Company Inc.<br></p></div> </div> </div> </div> <div class="block-column" data-id="289e08b2"> <div class="wrapper wrapper--simple" data-id="641aa1db" > <div class="wrapper__skip-dom"> <div class="media block-media__media media__aspect-ratio--three-two" data-id="b5805e43" > <picture class="image media__image-picture" data-id="93f435f1" > <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="645a2447"> <div class="block-flex" data-id="197985e0"> <div class="block-button block-button--link" data-id="523d3f5c"> <a href="https://productive.io/trust/privacy-policy/" class="btn btn__as-link btn__type--primary block-button__btn" id="" aria-label="" data-id="dbdc0b33" > <p class="typography btn__label js-button-label" data-id="d6d1405e" > Privacy Policy</p> </a></div> <div class="block-button block-button--link" data-id="bf97c953"> <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="0aa9b48d" > <p class="typography btn__label js-button-label" data-id="fc80fb3b" > Terms & Conditions</p> </a></div> </div> </div> </div> </div> </div> </div> </div> </div><div data-rocket-location-hash="f8327330fcd00e2e9941e73029d6a37d" class="gdpr-modal__backdrop js-gdpr-modal-backdrop"></div> <div data-rocket-location-hash="25f772b90ef2a8190f7f2f00cf2d3f05" class="gdpr-modal js-gdpr-modal" data-modal="gdpr"> <div data-rocket-location-hash="583bb07aa65307b4bf32427a6759acb4" class="gdpr-modal__container"> <div data-rocket-location-hash="39b94532daa4c2ded4228648f0798960" 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="e9d8879b" > 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="80d2b4a5" > Necessary cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="2b1d769d" > Cookies for the basic functionality of the Productive website.</p> </div> <div class="gdpr-modal__toggle"> <p class="typography gdpr-modal__paragraph" data-id="29d3ceeb" > 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="f5720a29" > Functional cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="b3849f35" > 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="574ccc27"> <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="6941499d" > Targeting cookies</h3><p class="typography gdpr-modal__paragraph gdpr-modal__selection-item-summary" data-id="a49ca12c" > 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="fb71ff55"> <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="ade8cd44" 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="ca75feb6" > 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="9e8d0773" target=_blank rel="noopener noreferrer" > <p class="typography btn__label js-button-label" data-id="62c381a7" > Privacy Policy</p> </a> </div> </div> </div> <div data-rocket-location-hash="5e464d443dba57b914cd79ee3bc8ae5f" 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="e369d970" > <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="56aa8dbc" data-level=2 > <p class="typography btn__label js-gdpr-modal-btn js-button-label" data-id="2c6d11a5" > I agree</p> </button> </div> </div> </div><div class="modal js-modal" id="trial-form-modal" aria-hidden="true" > <div data-rocket-location-hash="788ce4ef1b88f13cc471a8276f222ddc" class="modal__overlay" tabindex="-1" data-micromodal-close> <div data-rocket-location-hash="38977d62b7c8e3052baa9c19c269be4a" 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="57adf068"> <h2 class="typography block-heading__heading" data-id="98194a89" > Try Productive<br><strong>for free</strong></h2></div><div class="block-paragraph" data-id="4fa72af8" > <p class="typography block-paragraph__paragraph" data-id="0b88852e" > 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='27709' 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="41de5a2f" 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="1639d02c" 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='41de5a2f']{--es-field-width: calc((12 / 12) * 100%);} .es-field[data-id='1639d02c']{--es-field-width: calc((12 / 12) * 100%);} </style><div class="block-paragraph" data-id="ce76aed6" > <p class="typography block-paragraph__paragraph" data-id="cff2525f" > 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='4c5531bd']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='77cee596']{ --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='88d741d5']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='4926c377']{ --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='69b3d03f']{ --icon-size: calc(var(--base-font-size) * 3.6rem); } .typography[data-id='6b55bcac']{ --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='676c06d0']{ --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='5575bd65']{ --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='6611c54f']{ --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='45ce8d52']{ --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='43bb6414']{ --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='ccd91684']{ --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='74c68ea5']{ --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='548b404a']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='ea9ead84']{ --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='35f1a617']{ --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='99613f22']{ --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='ee97d076']{ --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='1d91e7d0']{ --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='bf91d6a1']{ --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='3550f92c']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='1f849d1b']{ --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='8a3a845c']{ --button-align: left; } .btn[data-id='028f6112']{ --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='4a914a0f']{ --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='9528752a']{ --button-align: left; } .btn[data-id='8037919c']{ --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='974d8191']{ --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='d07da245']{ --button-align: left; } .btn[data-id='419d6d32']{ --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='ffdd047f']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='0fcbcdf0']{ --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='31df2ed9']{ --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='f76108c3']{ --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='8fb73fbc']{ --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='2e97722d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='c385ff10']{ --heading-align: left; } .typography[data-id='b6416cac']{ --typography-color: var(--typography-color-override, var(--global-colors-black)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-font-family: var(--global-font-family); --typography-letter-spacing: -2px; --es-ft-sm-font-size: 2.25; --es-ft-md-font-size: 3; --es-ft-lg-font-size: 4.125; --typography-line-height: 1.146; --typography-font-weight: bold; } .wrapper[data-id='3de492e3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-group[data-id='7c5b8bc7']{ --group-border-radius: 0; } .block-author-meta[data-id='4b4a308a']{ --author-meta-flex-direction: row; --author-meta-gap: calc(var(--base-font-size) * 1.6rem); --author-meta-image-margin-bottom: 0; --author-meta-align-items: center; } .block-author-meta[data-id='4b4a308a']{ --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='cad144df']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='5701eee7']{ --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='c5902f3c']{ --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='b519446a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-share-icons[data-id='9f1fb884']{ --share-icons-align: flex-start; } .icon[data-id='822ac912']{ --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='3b50f1cd']{ --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='5cc23508']{ --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='04e06ead']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-group[data-id='cd55c4ee']{ --group-border-radius: 0; } .block-column[data-id='85d066ee']{ --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='85d066ee']{ --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='50174eb8']{ --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='353c5b06']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='662903b4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='685f33d9']{ --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='685f33d9']{ --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='7f5791d2']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='aa33df5d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-group[data-id='03de8227']{ --group-border-radius: 0; } .wrapper[data-id='61e22faa']{ --wrapper-bg-color-project: var(--global-colors-grey100); --wrapper-z-index: 1; --wrapper-display-type: grid; } .block-table-of-contents[data-id='b4e6d2be']{ --toc-position: sticky; } .block-column[data-id='4a508f20']{ --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='4a508f20']{ --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='5a2e6bd8']{ --paragraph-align: left; } .typography[data-id='cc7095a3']{ --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='427eab80']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='42a6a990']{ --paragraph-align: left; } .typography[data-id='108ab222']{ --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='cd250ae6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='85d15fcf']{ --heading-align: left; } .typography[data-id='d7821543']{ --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='9408b33e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='de0f1bd6']{ --paragraph-align: left; } .typography[data-id='e6519088']{ --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='3d548c44']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='a7defe0c']{ --list-icon-type: ''; --list-icon-size: calc(var(--base-font-size) * 0.8rem); --list-icon-position-top-mobile: calc(var(--es-ft-list-sm-font-size) * 0.5rem); --list-icon-position-top-tablet: calc(var(--es-ft-list-md-font-size) * 0.5rem); --list-icon-position-top-desktop: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-top-large: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='73bd031b']{ --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='6228feb2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='03ca2360']{ --paragraph-align: left; } .typography[data-id='ced2849e']{ --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='f34d0abd']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='aed8f371']{ --paragraph-align: left; } .typography[data-id='7c09cde7']{ --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='263610d3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='1d581cb7']{ --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)); } .wrapper[data-id='3216eb74']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='0afa3f12']{ --paragraph-align: left; } .typography[data-id='c548f795']{ --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='f14130f0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='a2e704c7']{ --case-study-color-project-left: var(--global-colors-green200); --case-study-color-gradient: linear-gradient(135deg, rgb(33, 209, 145) 0.00%,rgb(224, 246, 255) 98.00%); --case-study-color-gradient-mobile: linear-gradient(45deg, rgb(255, 200, 55) 0.00%,rgba(250, 241, 237, 0.92) 98.00%); } .image[data-id='5a9e118c']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='1dad8ee1']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='8b84cd5f']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .wrapper[data-id='534e2b19']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='2c21c610']{ --paragraph-align: left; } .typography[data-id='e1ca6c69']{ --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='367dd84f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='9f25f9ca']{ --heading-align: left; } .typography[data-id='1090ad8f']{ --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='bddbc776']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='2cc13871']{ --paragraph-align: left; } .typography[data-id='b87ca307']{ --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='e4ca7e20']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='23f1a307']{ --list-icon-type: url('checkmark-theme.svg'); --list-icon-size: calc(var(--base-font-size) * 2.4rem); --list-icon-position-top-mobile: 0; --list-icon-position-top-tablet: 0; --list-icon-position-top-desktop: calc(var(--base-font-size) * 0.2rem); --list-icon-position-top-large: 0; --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='95ca6b97']{ --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='fdab394e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='79f585a1']{ --paragraph-align: left; } .typography[data-id='d4c2b573']{ --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='d8156adc']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='309a471c']{ --heading-align: left; } .typography[data-id='1a8f8371']{ --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='d9db9160']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='4e55b9b5']{ --paragraph-align: left; } .typography[data-id='f3ce401f']{ --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='2373c81c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='4d780e85']{ --list-icon-type: ''; --list-icon-size: calc(var(--base-font-size) * 0.8rem); --list-icon-position-top-mobile: calc(var(--es-ft-list-sm-font-size) * 0.5rem); --list-icon-position-top-tablet: calc(var(--es-ft-list-md-font-size) * 0.5rem); --list-icon-position-top-desktop: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-top-large: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='f183a9cc']{ --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='5d6a0134']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='8d342094']{ --paragraph-align: left; } .typography[data-id='9f04ae4f']{ --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='73353335']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='4066e118']{ --heading-align: left; } .typography[data-id='ad301ad5']{ --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='2958f897']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='6b0a7b63']{ --paragraph-align: left; } .typography[data-id='f7f29141']{ --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='d19eeac4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='bddbc47b']{ --list-icon-type: ''; --list-icon-size: calc(var(--base-font-size) * 0.8rem); --list-icon-position-top-mobile: calc(var(--es-ft-list-sm-font-size) * 0.5rem); --list-icon-position-top-tablet: calc(var(--es-ft-list-md-font-size) * 0.5rem); --list-icon-position-top-desktop: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-top-large: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='83c208b6']{ --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='33735ec7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='70ce13e1']{ --paragraph-align: left; } .typography[data-id='08949925']{ --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='7ff1634d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-quote[data-id='88c73b43']{ --quote-border-color: var(--global-colors-indigo); } .typography[data-id='e965c6a0']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .wrapper[data-id='abf195e7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='2573f41d']{ --paragraph-align: left; } .typography[data-id='33083877']{ --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='0234135a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='3d10b28f']{ --paragraph-align: left; } .typography[data-id='bdd50dcf']{ --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='683dc967']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='26caec82']{ --case-study-color-project: var(--global-colors-blue100); --case-study-image-wrapper-width: calc(var(--base-font-size) * 7.2rem); --case-study-image-position: absolute; --case-study-image-wrapper-position: relative; --case-study-image-object-position: top; --case-study-image-object-width: 100%; } .image[data-id='bdbf2a7e']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='ae84c168']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='7f79e03c']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .wrapper[data-id='863df9aa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='444eb86e']{ --paragraph-align: left; } .typography[data-id='607f6809']{ --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='15cf1c34']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='f4b79247']{ --heading-align: left; } .typography[data-id='30723c0b']{ --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='9a8e97d1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='6439337f']{ --paragraph-align: left; } .typography[data-id='5495765f']{ --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='a13cce8f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='1ae56c53']{ --heading-align: left; } .typography[data-id='2264aea6']{ --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='efb5807f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='7916cd28']{ --paragraph-align: left; } .typography[data-id='45cb3a2e']{ --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='963f73c7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='f4329b5e']{ --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='04f928ed']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='8160f5af']{ --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; } .wrapper[data-id='9c9eae2d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='3c2b8906']{ --heading-align: left; } .typography[data-id='85a7928f']{ --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='72bee852']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='b874dbd4']{ --paragraph-align: left; } .typography[data-id='0f8c8372']{ --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='ce07a5f6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='86446d98']{ --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='348c5663']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='a7a64da3']{ --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; } .wrapper[data-id='7056e62f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='5fa82d69']{ --paragraph-align: left; } .typography[data-id='c9294f22']{ --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='1029a3ac']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='8091d88c']{ --heading-align: left; } .typography[data-id='f44d4474']{ --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='e64fe1cf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='532a28ec']{ --paragraph-align: left; } .typography[data-id='af0d73c1']{ --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='97ce9c3f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-quote[data-id='6adc2854']{ --quote-border-color: var(--global-colors-indigo); } .typography[data-id='097ab562']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .wrapper[data-id='a3759a64']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='9dd5ddcd']{ --paragraph-align: left; } .typography[data-id='e90fd216']{ --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='6d7b9a44']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='4657e0bb']{ --paragraph-align: left; } .typography[data-id='b5548ada']{ --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='0068d47a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .cta-box[data-id='8758a955']{ --cta-box-margins: calc(-1 * var(--global-grid-side-padding)); --cta-box-border-radius: 0; --cta-box-vertical-padding: calc(var(--base-font-size) * 4rem); --cta-box-horizontal-padding: var(--global-grid-side-padding); --cta-box-grid-rows: var(--cta-box-vertical-padding) repeat(3, auto) calc(var(--base-font-size) * 3rem) auto var(--cta-box-vertical-padding); --cta-box-grid-cols: var(--cta-box-horizontal-padding) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . .' '. heading .' '. paragraph .' '. button .' '. . .' 'image image image' 'image image image'; --cta-box-image-justify: start; --cta-box-image-img-width: 100%; --cta-box-button-display: none; --cta-box-padding-multiplier: 1; --cta-box-color-project: var(--global-colors-orange200); } .cta-box[data-id='8758a955']{ --wrapper-bg-color-project: transparent } .typography[data-id='9b6c3e2b']{ --typography-color: var(--typography-color-override, var(--global-colors-indigoDark)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-indigoDark); --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[data-id='1192a50d']{ --typography-color: var(--typography-color-override, var(--global-colors-indigoDark)); --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='e53fc883']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigo); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigo); --button-background-color: var(--global-colors-indigo); --button-background-color-hover: var(--global-gradients-gradient-1); --button-color-is-link: var(--global-colors-indigo); --button-color-is-link-hover: var(--global-colors-black); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='b2986e4b']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='5bf3fe0a']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .btn[data-id='1622f694']{ --button-color: var(--global-colors-white); --button-color-hover: var(--global-colors-white); --button-secondary-color: var(--global-colors-indigoDark); --button-secondary-color-hover: var(--global-colors-white); --button-border-color: var(--global-colors-indigoDark); --button-background-color: var(--global-colors-indigoDark); --button-background-color-hover: var(--global-colors-celticBlue500); --button-color-is-link: var(--global-colors-indigoDark); --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='b763ea7e']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .image[data-id='1c2747fe']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='2c547935']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='22940177']{ --heading-align: left; } .typography[data-id='e69ee5bc']{ --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='8d6d9608']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='ecc237ed']{ --paragraph-align: left; } .typography[data-id='8eb287f0']{ --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='7f9feeff']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='44c0398d']{ --heading-align: left; } .typography[data-id='12975c60']{ --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='5d33a135']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='0d166511']{ --paragraph-align: left; } .typography[data-id='ab12cd63']{ --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='2867fc2a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-quote[data-id='02e7afcd']{ --quote-border-color: var(--global-colors-indigo); } .typography[data-id='c1fee772']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .wrapper[data-id='4466d035']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='57c60000']{ --paragraph-align: left; } .typography[data-id='e1d31127']{ --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='556c985e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='cb392d47']{ --heading-align: left; } .typography[data-id='fa290636']{ --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='201ca776']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='8c8661cc']{ --paragraph-align: left; } .typography[data-id='95fcbe09']{ --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='90885fc1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-quote[data-id='952839b4']{ --quote-border-color: var(--global-colors-indigo); } .typography[data-id='fef2a8ab']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 1.25; --es-ft-md-font-size: 1.5; --es-ft-lg-font-size: 1.875; --typography-letter-spacing: -0.5px; --typography-line-height: 1.33; } .wrapper[data-id='1bf842a9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='1a72b6d2']{ --paragraph-align: left; } .typography[data-id='e2351b9b']{ --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='80e3d334']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='09919d97']{ --paragraph-align: left; } .typography[data-id='ab32e08f']{ --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='52bd408a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='38139ee7']{ --heading-align: left; } .typography[data-id='964b1862']{ --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='9fcb8ab9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='fcd26b4a']{ --paragraph-align: left; } .typography[data-id='7a1675ee']{ --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='4812ded4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='90817155']{ --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='541d132b']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='042bb6b9']{ --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; } .wrapper[data-id='2204002f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='3a5db1bf']{ --paragraph-align: left; } .typography[data-id='b030bd1b']{ --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='b09404d6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='185cd2ab']{ --case-study-color-project-left: var(--global-colors-yellow200); --case-study-color-gradient: linear-gradient(135deg, rgb(255, 200, 55) 0.00%,rgba(250, 241, 237, 0.92) 100.00%); --case-study-color-gradient-mobile: linear-gradient(45deg, rgb(255, 200, 55) 0.00%,rgba(250, 241, 237, 0.92) 98.00%); } .image[data-id='1219a7ac']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='7fedb6cd']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='3bf681fb']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .wrapper[data-id='bd0fc440']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='d34c0b95']{ --heading-align: left; } .typography[data-id='f84e49e7']{ --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='72ba8d4d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='deb00ef0']{ --paragraph-align: left; } .typography[data-id='f088aa4d']{ --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='528a3def']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='3ce7f0d4']{ --case-study-color-project: var(--global-colors-limegreen200); --case-study-gap: 0; } .image[data-id='652e005e']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='c3e003e9']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='c2eeb037']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .image[data-id='eec7c6fc']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='8134056c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='15bdc246']{ --paragraph-align: left; } .typography[data-id='42751a32']{ --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='3619b905']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='11e7c76b']{ --list-icon-type: url('checkmark-theme.svg'); --list-icon-size: calc(var(--base-font-size) * 2.4rem); --list-icon-position-top-mobile: 0; --list-icon-position-top-tablet: 0; --list-icon-position-top-desktop: calc(var(--base-font-size) * 0.2rem); --list-icon-position-top-large: 0; --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='fae09778']{ --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='4887596b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='8c6179cc']{ --paragraph-align: left; } .typography[data-id='9dab821e']{ --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='abd7e584']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='d97854e9']{ --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='537d43da']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='c98ac70c']{ --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; } .wrapper[data-id='62ff3ecb']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='0c068c83']{ --paragraph-align: left; } .typography[data-id='373322ea']{ --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='97b6df4c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='c343d4b9']{ --list-icon-type: url('checkmark-theme.svg'); --list-icon-size: calc(var(--base-font-size) * 2.4rem); --list-icon-position-top-mobile: 0; --list-icon-position-top-tablet: 0; --list-icon-position-top-desktop: calc(var(--base-font-size) * 0.2rem); --list-icon-position-top-large: 0; --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='8a70c0fe']{ --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='139592b1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='23d0d601']{ --paragraph-align: left; } .typography[data-id='061af1e6']{ --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='f02be114']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='e83f3682']{ --heading-align: left; } .typography[data-id='adfa9c4e']{ --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='67afc36b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='b79856fa']{ --paragraph-align: left; } .typography[data-id='228b4c35']{ --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='56ddaf68']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='a8af6016']{ --list-icon-type: ''; --list-icon-size: calc(var(--base-font-size) * 0.8rem); --list-icon-position-top-mobile: calc(var(--es-ft-list-sm-font-size) * 0.5rem); --list-icon-position-top-tablet: calc(var(--es-ft-list-md-font-size) * 0.5rem); --list-icon-position-top-desktop: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-top-large: calc(var(--es-ft-list-lg-font-size) * 0.5rem); --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='47028a85']{ --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='ba6a9731']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='9d7213d0']{ --paragraph-align: left; } .typography[data-id='da8064e3']{ --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='36cf365a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='0a181ca5']{ --heading-align: left; } .typography[data-id='2b9d871f']{ --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='3a99ac67']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='50fa9c7a']{ --paragraph-align: left; } .typography[data-id='b8c52d31']{ --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='0d02c53d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='0c53d506']{ --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='d925e944']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='01dd34f7']{ --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; } .wrapper[data-id='76a3886e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='c8b6559f']{ --paragraph-align: left; } .typography[data-id='2ec40288']{ --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='da140b36']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='adcff6f6']{ --list-icon-type: url('checkmark-theme.svg'); --list-icon-size: calc(var(--base-font-size) * 2.4rem); --list-icon-position-top-mobile: 0; --list-icon-position-top-tablet: 0; --list-icon-position-top-desktop: calc(var(--base-font-size) * 0.2rem); --list-icon-position-top-large: 0; --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='3ecf8bcd']{ --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='c0031790']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='f0f6cefe']{ --paragraph-align: left; } .typography[data-id='edae942a']{ --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='a3a6b0d8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='7d1799e1']{ --case-study-color-project: var(--global-colors-indigo100); --case-study-image-wrapper-width: calc(var(--base-font-size) * 7.2rem); --case-study-image-position: absolute; --case-study-image-wrapper-position: relative; --case-study-image-object-position: top; --case-study-image-object-width: 100%; } .image[data-id='6981059f']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='991fb144']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='4b9c1e63']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .wrapper[data-id='536a92e7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='f22da296']{ --paragraph-align: left; } .typography[data-id='4314e181']{ --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='c008607c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='c84369b3']{ --paragraph-align: left; } .typography[data-id='9f092715']{ --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='d37cc9e4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='772349f1']{ --heading-align: left; } .typography[data-id='b2e0bb49']{ --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='43b2ac63']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='6b94608b']{ --paragraph-align: left; } .typography[data-id='41929d85']{ --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='8fa368cb']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='59b0e54a']{ --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='caf1734b']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='be241927']{ --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; } .wrapper[data-id='acf384e3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='23c9db5c']{ --paragraph-align: left; } .typography[data-id='412a3a60']{ --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='a700e936']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='99230ddc']{ --case-study-color-project-left: var(--global-colors-yellow200); --case-study-color-gradient: linear-gradient(135deg, rgb(255, 200, 55) 0.00%,rgba(250, 241, 237, 0.92) 100.00%); --case-study-color-gradient-mobile: linear-gradient(45deg, rgb(255, 200, 55) 0.00%,rgba(250, 241, 237, 0.92) 98.00%); } .image[data-id='08d03e2d']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='e24e7992']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='fa0441d3']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .wrapper[data-id='ee0defcb']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='3817ce8c']{ --paragraph-align: left; } .typography[data-id='30641675']{ --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='caf556c9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='2d94fdb6']{ --paragraph-align: left; } .typography[data-id='c944cc50']{ --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='aa26392c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='3181faf1']{ --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)); } .wrapper[data-id='b22824f8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='687672fc']{ --heading-align: left; } .typography[data-id='8f6bc73f']{ --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='344a4cd0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='b3346ee1']{ --paragraph-align: left; } .typography[data-id='734f88f7']{ --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='4920a480']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .media[data-id='4c831bbe']{ --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='6ec55ae3']{ --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; --image-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); } .typography[data-id='4fb2a387']{ --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; } .wrapper[data-id='3943d893']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='a2a92b4c']{ --paragraph-align: left; } .typography[data-id='ef8e1471']{ --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='e80f37fa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .list[data-id='71bc84a3']{ --list-icon-type: url('checkmark-theme.svg'); --list-icon-size: calc(var(--base-font-size) * 2.4rem); --list-icon-position-top-mobile: 0; --list-icon-position-top-tablet: 0; --list-icon-position-top-desktop: calc(var(--base-font-size) * 0.2rem); --list-icon-position-top-large: 0; --list-icon-position-transform: none; --list-icon-color: var(--global-colors-indigo); --list-item-margin-bottom: calc(var(--base-font-size) * 2.4rem); --es-ft-list-sm-font-size: 1.125; --es-ft-list-md-font-size: 1.25; --es-ft-list-lg-font-size: 1.625; --checkmark-top-margin: calc(var(--base-font-size) * 0.2rem); } .typography[data-id='80a2b31b']{ --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='89dffcb5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='593d846d']{ --paragraph-align: left; } .typography[data-id='0004cd75']{ --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='7527fd06']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-case-study[data-id='531ccf75']{ --case-study-color-project: var(--global-colors-orange200); --case-study-gap: 0; } .image[data-id='8a97d7f9']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .typography[data-id='1e8d2407']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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[data-id='48a1bcae']{ --typography-color: var(--typography-color-override, var(--global-colors-indigo800)); --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; } .image[data-id='2684f60e']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='279a033c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='b7c3b186']{ --heading-align: left; } .typography[data-id='19aea1d9']{ --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='dbd9054d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='6dc6bdec']{ --paragraph-align: left; } .typography[data-id='7c8de03a']{ --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='0d8ea3aa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='1bb89b1e']{ --heading-align: left; } .typography[data-id='0324a33f']{ --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='4e7e9d82']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='95e22a78']{ --heading-align: left; } .typography[data-id='5135e0a4']{ --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='2804b4c2']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='4df0f03b']{ --paragraph-align: left; } .typography[data-id='0f420955']{ --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='792fe9e6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='747b64bb']{ --heading-align: left; } .typography[data-id='3e10cbf8']{ --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='7a4f5dee']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='24fe2ac5']{ --paragraph-align: left; } .typography[data-id='05615b52']{ --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='1f28d173']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='6281c967']{ --heading-align: left; } .typography[data-id='c61cf267']{ --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='9a61af8d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='08a8deb7']{ --paragraph-align: left; } .typography[data-id='a4df2515']{ --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='74969315']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='2779798a']{ --heading-align: left; } .typography[data-id='b7ab22e3']{ --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='b05a9cf7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='160ec5f8']{ --paragraph-align: left; } .typography[data-id='d6e53686']{ --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='e8e41d04']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='40065bf4']{ --heading-align: left; } .typography[data-id='a1cb2434']{ --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='fb685059']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='51cdb9b5']{ --paragraph-align: left; } .typography[data-id='1964258e']{ --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='e93edf05']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='0aaf3314']{ --heading-align: left; } .typography[data-id='ecd05287']{ --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='1c06c307']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='142966ed']{ --paragraph-align: left; } .typography[data-id='6a6a78cd']{ --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='e29b8169']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-heading[data-id='71beb02e']{ --heading-align: left; } .typography[data-id='544af0d9']{ --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='1cd1e9fa']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='831df62f']{ --paragraph-align: left; } .typography[data-id='46890c80']{ --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='f0afca20']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .cta-box[data-id='6bd63499']{ --cta-box-margins: calc(-1 * var(--global-grid-side-padding)); --cta-box-border-radius: 0; --cta-box-vertical-padding: calc(var(--base-font-size) * 4rem); --cta-box-horizontal-padding: var(--global-grid-side-padding); --cta-box-grid-rows: var(--cta-box-vertical-padding) repeat(3, auto) calc(var(--base-font-size) * 3rem) auto var(--cta-box-vertical-padding); --cta-box-grid-cols: var(--cta-box-horizontal-padding) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . .' '. heading .' '. paragraph .' '. button .' '. . .' 'image image image' 'image image image'; --cta-box-image-justify: start; --cta-box-image-img-width: 100%; --cta-box-button-display: none; --cta-box-padding-multiplier: 1; --cta-box-color-project: var(--global-colors-indigoDark); --cta-box-color-project-mobile: var(--global-colors-indigoDark); } .cta-box[data-id='6bd63499']{ --wrapper-bg-color-project: transparent } .typography[data-id='d2ae351d']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --typography-highlight-color: var(--global-colors-white); --typography-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[data-id='9f1fc7cf']{ --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='af3b1ec0']{ --button-color: var(--global-colors-indigoDark); --button-color-hover: var(--global-colors-indigoDark); --button-background-color: var(--global-colors-orange350); --button-background-color-hover: var(--global-colors-orange200); --button-border-radius: calc(var(--base-font-size) * 3rem); --button-padding-vertical: calc(var(--base-font-size) * 1.3rem); --button-padding-horizontal: calc(var(--base-font-size) * 2.4rem); --button-display: inline-flex; --button-width: auto; --button-icon-left-space: calc(var(--base-font-size) * 1rem); --button-icon-right-space: 0; --button-flex-direction: row; } .icon[data-id='3fda5015']{ --icon-size: calc(var(--base-font-size) * 1.6rem); } .typography[data-id='99a6d4e2']{ --typography-color: var(--typography-color-override, var(--global-colors-white)); --typography-link-color: var(--typography-link-color-override, var(--global-colors-indigo)); --es-ft-sm-font-size: 0.875; --es-ft-md-font-size: 1; --es-ft-lg-font-size: 1.25; --typography-line-height: 1.5; --typography-font-weight: bold; } .image[data-id='d4d375b2']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='f79f8007']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='c69e1ee2']{ --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='c69e1ee2']{ --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='95a52ce1']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='f136a8e6']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-author-meta-position[data-id='0196e969']{ --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='76c379bd']{ --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='8982dcc3']{ --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='49cb8a26']{ --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='1ead2eb0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .block-heading[data-id='dd19ed2b']{ --heading-align: left; } .typography[data-id='ff078a75']{ --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='cc3c3d83']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .card-simple[data-id='1f8b7d10']{ --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='8da02655']{ --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='42358a57']{ --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='6c19c812']{ --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='ca8b613f']{ --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='cb1d4efb']{ --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='d259aebe']{ --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='e2b6574c']{ --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='38a8d999']{ --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='edb87ee4']{ --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='a9ce55ee']{ --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='3b366bb4']{ --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='12b698cf']{ --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='aabfb4e3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: grid; } .media[data-id='4bc045ae']{ --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='7feb4cbc']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='7bbc615c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='2e564b9a']{ --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='2e564b9a']{ --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='3a1261d4']{ --paragraph-align: left; } .typography[data-id='ff070210']{ --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='2a974663']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='10f5325c']{ --button-align: left; } .btn[data-id='9c5bf918']{ --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='18946353']{ --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='e5ea615b']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='78f52f23']{ --button-align: left; } .btn[data-id='a54aa726']{ --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='7c05aa6a']{ --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='da244242']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f99ce187']{ --button-align: left; } .btn[data-id='93067e60']{ --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='117ed25d']{ --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='1be8db37']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='9a89244f']{ --button-align: left; } .btn[data-id='fbc0d91a']{ --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='8d3c9daf']{ --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='aab77261']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='c5c3ee1c']{ --paragraph-align: left; } .typography[data-id='814b8f4a']{ --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='894cb498']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a04308f7']{ --button-align: left; } .btn[data-id='e0c58a0a']{ --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='3ef5a131']{ --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='0179f3af']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='965b15f7']{ --button-align: left; } .btn[data-id='9463149b']{ --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='36699909']{ --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='4118f508']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='5bc6c6b1']{ --button-align: left; } .btn[data-id='786d108a']{ --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='7fec1aad']{ --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='779691f0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='905c4dfb']{ --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='905c4dfb']{ --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='4f23f461']{ --paragraph-align: left; } .typography[data-id='e7e2add2']{ --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='f3cfbf2e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='342ef001']{ --button-align: left; } .btn[data-id='34099dd3']{ --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='566a390c']{ --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='27de6a57']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='223e1cbd']{ --button-align: left; } .btn[data-id='3869cbb1']{ --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='2b7e0b42']{ --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='2367ddf3']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='d0bea3e9']{ --button-align: left; } .btn[data-id='6efc8c7a']{ --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='f0d0c934']{ --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='5baf78da']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a0234f75']{ --button-align: left; } .btn[data-id='990a959a']{ --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='d0412ffb']{ --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='feac908e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f50cd563']{ --button-align: left; } .btn[data-id='a11b7574']{ --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='defac0ba']{ --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='9a32b64c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8852d741']{ --button-align: left; } .btn[data-id='f2e1c5c2']{ --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='0c3bb3f0']{ --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='f612b93f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='8ab4360a']{ --button-align: left; } .btn[data-id='10ae1138']{ --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='a125bda3']{ --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='be3c1dad']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-paragraph[data-id='d61dc9f0']{ --paragraph-align: left; } .typography[data-id='aad5565d']{ --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='3432ec94']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0be17110']{ --button-align: left; } .btn[data-id='bd0e639f']{ --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='d22259dc']{ --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='f6fd372c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='76aab47e']{ --button-align: left; } .btn[data-id='8677f26b']{ --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='fcc8fda9']{ --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='936e514f']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='fa7ac291']{ --button-align: left; } .btn[data-id='3fb7d249']{ --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='7e0e32a2']{ --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='a7e694f7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a5cdd998']{ --button-align: left; } .btn[data-id='bef77c9c']{ --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='c8bf441d']{ --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='296780e1']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f48eb639']{ --button-align: left; } .btn[data-id='3b1ae675']{ --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='09358eb4']{ --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='de68bfe5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='904a8769']{ --button-align: left; } .btn[data-id='ef231fb6']{ --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='9f75ecf7']{ --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='2597483a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='a7386a74']{ --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='a7386a74']{ --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='88860167']{ --paragraph-align: left; } .typography[data-id='14acc69c']{ --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='56255b62']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='1b9d8f3f']{ --button-align: left; } .btn[data-id='8e4b6d8b']{ --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='58d43f3d']{ --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='af362dc5']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='994e8300']{ --button-align: left; } .btn[data-id='50386bfe']{ --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='24449d04']{ --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='dab94832']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='272e4ef1']{ --button-align: left; } .btn[data-id='662704c8']{ --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='0628fa2c']{ --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='64b43615']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='ab1f0649']{ --button-align: left; } .btn[data-id='9b8d6ac6']{ --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='a5b3507e']{ --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='1f1df5d7']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='a60ffbff']{ --button-align: left; } .btn[data-id='49fdd6a3']{ --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='51937dbe']{ --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='f1bf3b3a']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='d6073917']{ --button-align: left; } .btn[data-id='8013cd1e']{ --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='e640b2fc']{ --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='b65e1bad']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='e047be57']{ --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='e047be57']{ --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='577e54d8']{ --paragraph-align: left; } .typography[data-id='ed418d47']{ --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='f72e4a1c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='f31c269a']{ --button-align: left; } .btn[data-id='bde2523e']{ --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='12900077']{ --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='3e60d97e']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='1cd66fa4']{ --button-align: left; } .btn[data-id='b271f8d3']{ --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='adf8ca29']{ --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='6bec1c65']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='88e18488']{ --button-align: left; } .btn[data-id='dd906c63']{ --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='152720e3']{ --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='83a705da']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='04e14234']{ --button-align: left; } .btn[data-id='3fda1c0a']{ --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='d677075b']{ --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='42f96319']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='2ef3dd36']{ --button-align: left; } .btn[data-id='e005ad2d']{ --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='02850674']{ --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='e87e6844']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4ff04acf']{ --button-align: left; } .btn[data-id='946780c4']{ --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='461c5c92']{ --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='eaaf241d']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='698ca22c']{ --button-align: left; } .btn[data-id='4297a937']{ --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='91c36e28']{ --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='79dda409']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='640bd0a1']{ --button-align: left; } .btn[data-id='84fd3a17']{ --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='06836a84']{ --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='1da34778']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='e82a70e1']{ --button-align: left; } .btn[data-id='d29e8458']{ --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='0afcda33']{ --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='9314deb0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='4baf9188']{ --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='4baf9188']{ --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='5b398261']{ --paragraph-align: left; } .typography[data-id='ceb14116']{ --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='ad59c808']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='6990e33b']{ --button-align: left; } .btn[data-id='f3cb9fe5']{ --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='6708288a']{ --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='d54607c9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='0f02eef1']{ --button-align: left; } .btn[data-id='2d786ce9']{ --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='180de2ec']{ --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='23665ffc']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='79e9015e']{ --button-align: left; } .btn[data-id='ae231b1d']{ --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='4cdae27c']{ --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='2bf591bf']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4e1d2953']{ --button-align: left; } .btn[data-id='43d67953']{ --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='695bafde']{ --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='dcbaf708']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='88f92c1e']{ --button-align: left; } .btn[data-id='63346ae0']{ --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='fb8d9f0f']{ --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='a2cc80c9']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='1122b19f']{ --button-align: left; } .btn[data-id='9bdd805a']{ --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='3fc1f0cf']{ --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='9b5fdef0']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='2e160115']{ --button-align: left; } .btn[data-id='f9c9d6f2']{ --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='ac2e5455']{ --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='954b4032']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='4152d338']{ --button-align: left; } .btn[data-id='d0cea77f']{ --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='51265da4']{ --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='da82c1fd']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-button[data-id='78348f64']{ --button-align: left; } .btn[data-id='a90863b1']{ --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='d5b24c30']{ --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='9e9b91d8']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='dfc8d3b4']{ --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='dfc8d3b4']{ --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='7c43cb01']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='d80e8a05']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .media[data-id='09ccbd2c']{ --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='82d06c37']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='8e20ab4c']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='1317e5a8']{ --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='1317e5a8']{ --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='f07dc11c']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='25b18007']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .icon[data-id='a764b139']{ --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='47219dd9']{ --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='de349afe']{ --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='f889d8a5']{ --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='e3aa8301']{ --flex-separator: none; } .block-flex[data-id='e3aa8301']{ --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='dbd53b26']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='ca04f721']{ --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='ca04f721']{ --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='d80f9956']{ --paragraph-align: left; } .typography[data-id='b526aea4']{ --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='f71136c4']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='87ddc630']{ --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='87ddc630']{ --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='b5805e43']{ --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='93f435f1']{ --image-scale: 1; --image-overflow: hidden; --image-object-fit: cover; --image-default-border-radius: 0; } .wrapper[data-id='641aa1db']{ --wrapper-z-index: 1; --wrapper-bg-color-gradient: none; --wrapper-display-type: block; } .block-column[data-id='289e08b2']{ --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='289e08b2']{ --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='523d3f5c']{ --button-align: left; } .btn[data-id='dbdc0b33']{ --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='d6d1405e']{ --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='bf97c953']{ --button-align: left; } .btn[data-id='0aa9b48d']{ --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='fc80fb3b']{ --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='197985e0']{ --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='645a2447']{ --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='645a2447']{ --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='03517bd6']{ --columns-grid-side-columns: var(--wrapper-grid-side-columns); } .wrapper[data-id='7dbbedd9']{ --wrapper-bg-color-project: var(--global-colors-black); --wrapper-z-index: 1; --wrapper-display-type: block; } .typography[data-id='e9d8879b']{ --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='80d2b4a5']{ --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='2b1d769d']{ --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='29d3ceeb']{ --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='f5720a29']{ --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='b3849f35']{ --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='574ccc27']{ --toggle-color: var(--global-colors-indigo); } .typography[data-id='6941499d']{ --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='a49ca12c']{ --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='fb71ff55']{ --toggle-color: var(--global-colors-indigo); } .btn[data-id='ade8cd44']{ --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='ca75feb6']{ --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='9e8d0773']{ --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='62c381a7']{ --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='e369d970']{ --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='56aa8dbc']{ --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='2c6d11a5']{ --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='57adf068']{ --heading-align: center; } .typography[data-id='98194a89']{ --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='4fa72af8']{ --paragraph-align: center; } .typography[data-id='0b88852e']{ --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='ce76aed6']{ --paragraph-align: center; } .typography[data-id='cff2525f']{ --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='8758a955']{ --cta-box-vertical-padding: calc(var(--base-font-size) * 3rem); --cta-box-horizontal-padding: calc(var(--base-font-size) * 3rem); --cta-box-border-radius: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-right: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-left: calc(var(--base-font-size) * 2rem); --cta-box-image-justify: flex-end; --cta-box-image-img-width: initial; --cta-box-button-display: flex; } .cta-box[data-id='6bd63499']{ --cta-box-vertical-padding: calc(var(--base-font-size) * 3rem); --cta-box-horizontal-padding: calc(var(--base-font-size) * 3rem); --cta-box-border-radius: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-right: calc(var(--base-font-size) * 2rem); --cta-box-image-radius-bottom-left: calc(var(--base-font-size) * 2rem); --cta-box-image-justify: flex-end; --cta-box-image-img-width: initial; --cta-box-button-display: flex; } } @media (min-width:1279px){ .cta-box[data-id='8758a955']{ --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)) 1.9fr calc(var(--base-font-size) * 4rem) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . . image image' '. . . image image' '. heading . image image' '. paragraph . image image' '. button . image image' '. . . image image' '. . . image image'; --cta-box-image-radius-right: var(--cta-box-border-radius); --cta-box-image-radius-left: 0; --cta-box-image-img-width: 100%; --cta-box-image-img-height: 100%; --cta-box-paragraph-padding-bottom: calc(var(--base-font-size) * 4rem); } .cta-box[data-id='6bd63499']{ --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)) 1.9fr calc(var(--base-font-size) * 4rem) 1fr var(--cta-box-horizontal-padding); --cta-box-grid-areas: '. . . image image' '. . . image image' '. heading . image image' '. paragraph . image image' '. button . image image' '. . . image image' '. . . image image'; --cta-box-image-radius-right: var(--cta-box-border-radius); --cta-box-image-radius-left: 0; --cta-box-image-img-width: 100%; --cta-box-image-img-height: 100%; --cta-box-paragraph-padding-bottom: calc(var(--base-font-size) * 4rem); } } @media (min-width:2159px){ .list[data-id='a7defe0c']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='23f1a307']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='4d780e85']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='bddbc47b']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='11e7c76b']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='c343d4b9']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='a8af6016']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='adcff6f6']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } .list[data-id='71bc84a3']{ --checkmark-top-margin: calc(var(--base-font-size) * 0.1rem); } } .card-simple[data-id='5575bd65']{ --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='35f1a617']{ --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='2e97722d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 1; --wrapper-spacing-bottom: 1; --wrapper-spacing-top-in: 0; --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='3de492e3']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 0; --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; } .wrapper[data-id='b519446a']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 1; --wrapper-spacing-bottom: 1; --wrapper-spacing-top-in: 1; --wrapper-spacing-bottom-in: 30; --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='04e06ead']{ --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: 0; --wrapper-grid-template-columns: repeat(var(--global-main-content-width), minmax(0, 1fr)); --wrapper-rounded-corners: 0; } .block-column[data-id='85d066ee']{ --column-width: 7; --column-hide: flex; --column-position: unset; --column-space-between: space-between; } .wrapper[data-id='662903b4']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 0; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .block-column[data-id='685f33d9']{ --column-width: 7; --column-hide: flex; --column-position: unset; --column-space-between: space-between; } .block-columns[data-id='7f5791d2']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='aa33df5d']{ --wrapper-width: 14; --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; } .wrapper[data-id='61e22faa']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 164; --wrapper-spacing-bottom-in: 80; --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='4a508f20']{ --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='427eab80']{ --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='cd250ae6']{ --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='9408b33e']{ --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='3d548c44']{ --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='6228feb2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='f34d0abd']{ --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='263610d3']{ --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='3216eb74']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='f14130f0']{ --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='534e2b19']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='367dd84f']{ --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='bddbc776']{ --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='e4ca7e20']{ --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='fdab394e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='d8156adc']{ --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='d9db9160']{ --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='2373c81c']{ --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='5d6a0134']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='73353335']{ --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='2958f897']{ --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='d19eeac4']{ --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='33735ec7']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7ff1634d']{ --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='abf195e7']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='0234135a']{ --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='683dc967']{ --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='863df9aa']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='15cf1c34']{ --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='9a8e97d1']{ --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='a13cce8f']{ --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='efb5807f']{ --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='963f73c7']{ --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='9c9eae2d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='72bee852']{ --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='ce07a5f6']{ --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='7056e62f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='1029a3ac']{ --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='e64fe1cf']{ --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='97ce9c3f']{ --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='a3759a64']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='6d7b9a44']{ --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='0068d47a']{ --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='2c547935']{ --wrapper-width: 12; --wrapper-offset: 1; --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; } .wrapper[data-id='8d6d9608']{ --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='7f9feeff']{ --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='5d33a135']{ --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='2867fc2a']{ --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='4466d035']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='556c985e']{ --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='201ca776']{ --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='90885fc1']{ --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='1bf842a9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='80e3d334']{ --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='52bd408a']{ --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='9fcb8ab9']{ --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='4812ded4']{ --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='2204002f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='b09404d6']{ --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='bd0fc440']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='72ba8d4d']{ --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='528a3def']{ --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='8134056c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='3619b905']{ --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='4887596b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='abd7e584']{ --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='62ff3ecb']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='97b6df4c']{ --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='139592b1']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='f02be114']{ --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='67afc36b']{ --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='56ddaf68']{ --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='ba6a9731']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='36cf365a']{ --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='3a99ac67']{ --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='0d02c53d']{ --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='76a3886e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='da140b36']{ --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='c0031790']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='a3a6b0d8']{ --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='536a92e7']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='c008607c']{ --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='d37cc9e4']{ --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='43b2ac63']{ --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='8fa368cb']{ --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='acf384e3']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='a700e936']{ --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='ee0defcb']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='caf556c9']{ --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='aa26392c']{ --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='b22824f8']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='344a4cd0']{ --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='4920a480']{ --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='3943d893']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='e80f37fa']{ --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='89dffcb5']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 20; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='7527fd06']{ --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='279a033c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: 20; --wrapper-spacing-bottom: 20; --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 0; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } .wrapper[data-id='dbd9054d']{ --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='0d8ea3aa']{ --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='4e7e9d82']{ --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='2804b4c2']{ --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='792fe9e6']{ --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='7a4f5dee']{ --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='1f28d173']{ --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='9a61af8d']{ --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='74969315']{ --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='b05a9cf7']{ --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='e8e41d04']{ --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='fb685059']{ --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='e93edf05']{ --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='1c06c307']{ --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='e29b8169']{ --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='1cd1e9fa']{ --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='f0afca20']{ --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='f79f8007']{ --wrapper-width: 12; --wrapper-offset: 1; --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='c69e1ee2']{ --column-width: 8; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='95a52ce1']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='f136a8e6']{ --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='1ead2eb0']{ --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='cc3c3d83']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 80; --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; } .card-simple[data-id='1f8b7d10']{ --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='ca8b613f']{ --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='38a8d999']{ --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='aabfb4e3']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top: -50; --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='7bbc615c']{ --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='2e564b9a']{ --column-width: 1; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='2a974663']{ --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='e5ea615b']{ --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='da244242']{ --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='1be8db37']{ --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='aab77261']{ --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='894cb498']{ --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='0179f3af']{ --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='4118f508']{ --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='779691f0']{ --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='905c4dfb']{ --column-width: 2; --column-offset: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='f3cfbf2e']{ --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='27de6a57']{ --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='2367ddf3']{ --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='5baf78da']{ --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='feac908e']{ --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='9a32b64c']{ --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='f612b93f']{ --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='be3c1dad']{ --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='3432ec94']{ --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='f6fd372c']{ --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='936e514f']{ --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='a7e694f7']{ --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='296780e1']{ --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='de68bfe5']{ --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='2597483a']{ --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='a7386a74']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='56255b62']{ --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='af362dc5']{ --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='dab94832']{ --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='64b43615']{ --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='1f1df5d7']{ --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='f1bf3b3a']{ --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='b65e1bad']{ --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='e047be57']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='f72e4a1c']{ --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='3e60d97e']{ --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='6bec1c65']{ --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='83a705da']{ --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='42f96319']{ --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='e87e6844']{ --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='eaaf241d']{ --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='79dda409']{ --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='1da34778']{ --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='9314deb0']{ --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='4baf9188']{ --column-width: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='ad59c808']{ --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='d54607c9']{ --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='23665ffc']{ --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='2bf591bf']{ --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='dcbaf708']{ --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='a2cc80c9']{ --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='9b5fdef0']{ --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='954b4032']{ --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='da82c1fd']{ --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='9e9b91d8']{ --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='dfc8d3b4']{ --column-width: 3; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='7c43cb01']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='d80e8a05']{ --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='8e20ab4c']{ --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='1317e5a8']{ --column-width: 4; --column-offset: 2; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='f07dc11c']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='25b18007']{ --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='e3aa8301']{ --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='dbd53b26']{ --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='ca04f721']{ --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='f71136c4']{ --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='87ddc630']{ --column-width: 3; --column-offset: 5; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .wrapper[data-id='641aa1db']{ --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='289e08b2']{ --column-width: 1; --column-offset: 10; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-flex[data-id='197985e0']{ --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='645a2447']{ --column-width: 5; --column-offset: 11; --column-vertical-align: center; --column-hide: flex; --column-position: unset; --column-space-between: unset; } .block-columns[data-id='03517bd6']{ --columns-vertical-spacing: 0vw; } .wrapper[data-id='7dbbedd9']{ --wrapper-width: 14; --wrapper-offset: 1; --wrapper-spacing-top: -30; --wrapper-spacing-top-in: 120; --wrapper-spacing-bottom-in: 20; --wrapper-divider-top: 0; --wrapper-divider-bottom: 0; --wrapper-display: var(--wrapper-display-type, grid); --wrapper-is-full-width: 1; --wrapper-grid-template-columns: var(--wrapper-grid-side-columns) repeat(var(--global-main-content-width), minmax(0, 1fr)) var(--wrapper-grid-side-columns); --wrapper-rounded-corners: 0; } @media (max-width:2159px){ .block-column[data-id='85d066ee']{ --column-space-between: space-between; } .block-column[data-id='685f33d9']{ --column-space-between: space-between; } .block-column[data-id='4a508f20']{ --column-position: sticky; --column-top-offset: calc(var(--header-height) + calc(var(--base-font-size) * 2rem)); --column-vertical-align: start; } .block-flex[data-id='e3aa8301']{ --flex-vertical-align: flex-start; } .block-column[data-id='ca04f721']{ --column-offset: 2; --column-vertical-align: flex-start; } } @media (max-width:1279px){ .wrapper[data-id='2e97722d']{ --wrapper-spacing-bottom-in: 16; } .wrapper[data-id='b519446a']{ --wrapper-spacing-bottom-in: 4; } .block-column[data-id='85d066ee']{ --column-width: 12; --column-offset: 2; --column-space-between: unset; } .wrapper[data-id='662903b4']{ --wrapper-spacing-top: 40; } .block-column[data-id='685f33d9']{ --column-width: 12; --column-offset: 2; --column-space-between: unset; } .block-column[data-id='4a508f20']{ --column-width: 12; --column-offset: 2; --column-position: unset; } .wrapper[data-id='427eab80']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='cd250ae6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9408b33e']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='3d548c44']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f34d0abd']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='263610d3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f14130f0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='367dd84f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bddbc776']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='e4ca7e20']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d8156adc']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d9db9160']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='2373c81c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='73353335']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2958f897']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='d19eeac4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7ff1634d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0234135a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='683dc967']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='15cf1c34']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a8e97d1']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='a13cce8f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='efb5807f']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='963f73c7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='72bee852']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='ce07a5f6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1029a3ac']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e64fe1cf']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='97ce9c3f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6d7b9a44']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0068d47a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2c547935']{ --wrapper-spacing-bottom: 40; } .wrapper[data-id='8d6d9608']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='7f9feeff']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5d33a135']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='2867fc2a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='556c985e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='201ca776']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='90885fc1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='80e3d334']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='52bd408a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9fcb8ab9']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='4812ded4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b09404d6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='72ba8d4d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='528a3def']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3619b905']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='abd7e584']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='97b6df4c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f02be114']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='67afc36b']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='56ddaf68']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='36cf365a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3a99ac67']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='0d02c53d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='da140b36']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a3a6b0d8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c008607c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d37cc9e4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='43b2ac63']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='8fa368cb']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a700e936']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='caf556c9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='aa26392c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='344a4cd0']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='4920a480']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e80f37fa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7527fd06']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='dbd9054d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='0d8ea3aa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4e7e9d82']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='2804b4c2']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='792fe9e6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7a4f5dee']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='1f28d173']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a61af8d']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='74969315']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b05a9cf7']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='e8e41d04']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fb685059']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='e93edf05']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1c06c307']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='e29b8169']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1cd1e9fa']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-top-in: 24; } .wrapper[data-id='f0afca20']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f79f8007']{ --wrapper-spacing-bottom: 40; } .block-column[data-id='c69e1ee2']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='1ead2eb0']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 70; } .wrapper[data-id='cc3c3d83']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 30; } .wrapper[data-id='7bbc615c']{ --wrapper-display: none; } .block-column[data-id='2e564b9a']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='905c4dfb']{ --column-width: 6; --column-offset: 2; } .wrapper[data-id='2367ddf3']{ --wrapper-spacing-top-in: 10; } .block-column[data-id='a7386a74']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='e047be57']{ --column-width: 5; --column-offset: 2; } .block-column[data-id='4baf9188']{ --column-width: 6; --column-offset: 8; } .block-column[data-id='dfc8d3b4']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='d80e8a05']{ --wrapper-spacing-top-in: 56; --wrapper-spacing-bottom-in: 80; } .block-column[data-id='1317e5a8']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='25b18007']{ --wrapper-spacing-top-in: 40; --wrapper-display: var(--wrapper-display-type, grid); } .block-flex[data-id='e3aa8301']{ --flex-vertical-align: flex-start; } .block-column[data-id='ca04f721']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='f71136c4']{ --wrapper-spacing-bottom: 20; } .block-column[data-id='87ddc630']{ --column-width: 12; --column-offset: 2; } .block-column[data-id='289e08b2']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='197985e0']{ --flex-horizontal-align: flex-start; } .block-column[data-id='645a2447']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='7dbbedd9']{ --wrapper-spacing-top-in: 0; --wrapper-spacing-bottom-in: 56; } } @media (max-width:479px){ .wrapper[data-id='2e97722d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3de492e3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b519446a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='04e06ead']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='662903b4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='aa33df5d']{ --wrapper-offset: 1; } .wrapper[data-id='61e22faa']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='4a508f20']{ --column-position: unset; } .wrapper[data-id='427eab80']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='cd250ae6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9408b33e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3d548c44']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6228feb2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f34d0abd']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='263610d3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3216eb74']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f14130f0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='534e2b19']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='367dd84f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bddbc776']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e4ca7e20']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fdab394e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d8156adc']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d9db9160']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2373c81c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5d6a0134']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='73353335']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2958f897']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d19eeac4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='33735ec7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7ff1634d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='abf195e7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0234135a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='683dc967']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='863df9aa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='15cf1c34']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a8e97d1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a13cce8f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='efb5807f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='963f73c7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9c9eae2d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='72bee852']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ce07a5f6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7056e62f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1029a3ac']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e64fe1cf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='97ce9c3f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a3759a64']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6d7b9a44']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0068d47a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2c547935']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8d6d9608']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7f9feeff']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5d33a135']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2867fc2a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4466d035']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='556c985e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='201ca776']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='90885fc1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1bf842a9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='80e3d334']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='52bd408a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9fcb8ab9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4812ded4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2204002f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b09404d6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='bd0fc440']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='72ba8d4d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='528a3def']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8134056c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3619b905']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4887596b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='abd7e584']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='62ff3ecb']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='97b6df4c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='139592b1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f02be114']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='67afc36b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='56ddaf68']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ba6a9731']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='36cf365a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3a99ac67']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0d02c53d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='76a3886e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='da140b36']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c0031790']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a3a6b0d8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='536a92e7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='c008607c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d37cc9e4']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='43b2ac63']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='8fa368cb']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='acf384e3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a700e936']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='ee0defcb']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='caf556c9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='aa26392c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b22824f8']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='344a4cd0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4920a480']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3943d893']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e80f37fa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='89dffcb5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7527fd06']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='279a033c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='dbd9054d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0d8ea3aa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4e7e9d82']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2804b4c2']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='792fe9e6']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7a4f5dee']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1f28d173']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a61af8d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='74969315']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b05a9cf7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e8e41d04']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='fb685059']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e93edf05']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1c06c307']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e29b8169']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1cd1e9fa']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f0afca20']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f79f8007']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f136a8e6']{ --wrapper-offset: 1; } .wrapper[data-id='1ead2eb0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='cc3c3d83']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-spacing-bottom-in: 30; } .wrapper[data-id='aabfb4e3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='7bbc615c']{ --wrapper-width: 12; --wrapper-offset: 1; --wrapper-display: none; } .wrapper[data-id='2a974663']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e5ea615b']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='da244242']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1be8db37']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='aab77261']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='894cb498']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='0179f3af']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='4118f508']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='779691f0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f3cfbf2e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='27de6a57']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2367ddf3']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='5baf78da']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='feac908e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9a32b64c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f612b93f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='be3c1dad']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3432ec94']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f6fd372c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='936e514f']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a7e694f7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='296780e1']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='de68bfe5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2597483a']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='a7386a74']{ --column-order: 1; } .wrapper[data-id='56255b62']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='af362dc5']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='dab94832']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='64b43615']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1f1df5d7']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='f1bf3b3a']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='b65e1bad']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='e047be57']{ --column-width: 6; --column-offset: 2; --column-order: 3; } .wrapper[data-id='f72e4a1c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='3e60d97e']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='6bec1c65']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='83a705da']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='42f96319']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='e87e6844']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='eaaf241d']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='79dda409']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='1da34778']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9314deb0']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='4baf9188']{ --column-order: 4; } .wrapper[data-id='ad59c808']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='d54607c9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='23665ffc']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='2bf591bf']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='dcbaf708']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='a2cc80c9']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9b5fdef0']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='954b4032']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='da82c1fd']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='9e9b91d8']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='dfc8d3b4']{ --column-order: 4; } .wrapper[data-id='d80e8a05']{ --wrapper-offset: 1; } .wrapper[data-id='8e20ab4c']{ --wrapper-width: 12; --wrapper-offset: 1; } .wrapper[data-id='25b18007']{ --wrapper-offset: 1; } .block-flex[data-id='e3aa8301']{ --flex-vertical-align: flex-start; } .wrapper[data-id='dbd53b26']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='ca04f721']{ --column-width: 12; --column-offset: 2; --column-vertical-align: flex-start; } .wrapper[data-id='f71136c4']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='87ddc630']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='641aa1db']{ --wrapper-width: 12; --wrapper-offset: 1; } .block-column[data-id='289e08b2']{ --column-width: 12; --column-offset: 2; --column-hide: none; } .block-flex[data-id='197985e0']{ --flex-horizontal-align: flex-start; } .block-column[data-id='645a2447']{ --column-width: 12; --column-offset: 2; } .wrapper[data-id='7dbbedd9']{ --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=\"01b969c5\"\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\/billable-hours-guide","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>