html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: #0000; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important; } .w-webflow-badge > img { position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .w-form { margin: 0 0 15px; } .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; display: none; } label { margin-bottom: 5px; font-weight: bold; display: block; } .w-input, .w-select { color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898ec; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: .1px; height: .1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .w-background-video--control { background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { font-size: inherit; line-height: inherit; width: auto; height: auto; padding: .2em .5em; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px #3336; } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: #2226; } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0; } .w-slider-aria-label { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0); } .w-lightbox-backdrop, .w-lightbox-container { -webkit-overflow-scrolling: touch; height: 100%; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .w-lightbox-view:before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .w-lightbox-control { cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all .3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0; } .w-lightbox-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; height: 2.6em; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0); } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner:after { content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { opacity: .5; display: block; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; inset: 0; } .w-richtext figure { max-width: 60%; position: relative; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6; } .w-richtext figure div { color: #0000; font-size: 0; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: #ddd; position: relative; } .w-nav:before, .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-nav:after { clear: both; } .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: #c8c8c8; } .w-tab-link:focus { outline: 0; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } @font-face { font-family: Social Media Icon Font Brix; src: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b15_social-media-icon-font-brix.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Line Rounded Icon Font Brix; src: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b18_line-rounded-icon-font-brix.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } :root { --_typography---font--family--primary-font: "Inter Tight", sans-serif; --font--colors--paragraph: var(--core--colors--neutral--600); --_typography---font-size--paragraphs--default: 1rem; --_typography---line-height--large: 1.5em; --_typography---letter-spacing--regular: -.03em; --font--colors--title: var(--core--colors--neutral--800); --_typography---font-size--displays--display-9: 2.8rem; --_typography---line-height--small: 1.15em; --_typography---font-size--displays--display-7: 2.25rem; --_typography---line-height--regular: 1.25em; --_typography---font-size--displays--display-6: 1.875rem; --_typography---font-size--displays--display-5: 1.5rem; --_typography---font-size--displays--display-3: 1.125rem; --_typography---font-size--displays--display-2: 1rem; --core--colors--neutral--700: #292929; --_spacers---main-spacers--small: 24px; --_spacers---main-spacers--large: 48px; --core--colors--neutral--800: #161616; --core--colors--neutral--100: white; --_typography---font-size--paragraphs--large: 1.125rem; --_spacers---main-spacers--regular: 32px; --_spacers---main-spacers--extra-small: 20px; --_spacers---main-spacers--2x-extra-small: 16px; --core--colors--neutral--400: #e3e3e3; --core--colors--neutral--300: #f3f3f3; --font--colors--title-dm: var(--core--colors--neutral--100); --font--colors--paragraph-dm: var(--core--colors--neutral--300); --core--colors--neutral--600: #505050; --_spacers---main-spacers--4x-extra-small: 8px; --_typography---font-size--displays--display-1: .875rem; --font--title-dm\: var(--neutral--100\); --neutral-700-opacity-30: #2929294d; --_typography---font-size--paragraphs--small: .875rem; --_spacers---main-spacers--2x-extra-large: 64px; --_spacers---main-spacers--medium: 40px; --_spacers---main-spacers--5x-extra-large: 100px; --_spacers---main-spacers--4x-extra-large: 80px; --_spacers---main-spacers--3x-extra-small: 12px; --core--colors--neutral--200: #fbfbfb; --_typography---font-size--displays--display-8: 2.5rem; --main-spacers--small\: 24px; --main-spacers--2x-extra-small\: 16px; --_typography---font-size--displays--display-4: 1.25rem; --core--colors--neutral--500: #ababab; --_spacers---sections--paddings--pd-default: 140px; --_spacers---sections--paddings--pd-2x-extra-small: 72px; --_spacers---sections--paddings--pd-small: 120px; --sections--paddings--pd-extra-large\: 120px; --sections--paddings--pd-large\: 100px; --sections--paddings--pd-medium\: 80px; --sections--paddings--pd-default\: 64px; --_spacers---sections--paddings--pd-extra-small: 100px; --_spacers---sizing--container--default: 1186px; --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); --core--colors--system--red-400: #fe566b; --main-spacers--3x-extra-small\: 12px; --_spacers---main-spacers--5x-extra-small: 4px; --_spacers---main-spacers--extra-large: 56px; --_spacers---main-spacers--3x-extra-large: 72px; --_typography---font-size--displays--display-10: 3.2rem; --core--colors--system--red-100: #fff5f6; --core--colors--system--red-200: #fac6d0; --core--colors--system--red-300: #fb93a3; --core--colors--system--blue-100: #e3efff; --core--colors--system--blue-200: #c3ddff; --core--colors--system--blue-300: #8dc1ff; --core--colors--system--blue-400: #64a7ff; --core--colors--system--yellow-100: #fffae9; --core--colors--system--yellow-200: #faedbf; --core--colors--system--yellow-300: #fbe080; --core--colors--system--yellow-400: #efc42c; --core--colors--system--green-100: #eef9f5; --core--colors--system--green-200: #e2fbea; --core--colors--system--green-300: #adecbb; --core--colors--system--green-400: #74d184; --_typography---font-size--base-font: 1rem; --_typography---letter-spacing--none: 0px; --_typography---letter-spacing--small: -.01em; --_typography---letter-spacing--large: -.05em; --_spacers---border-radius--br-none: 0px; --neutral--100\: white; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-pagination-wrapper { flex-wrap: wrap; justify-content: center; display: flex; } .w-pagination-previous, .w-pagination-next { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block; } .w-page-count { text-align: center; width: 100%; margin-top: 20px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { font-family: var(--_typography---font--family--primary-font); color: var(--font--colors--paragraph); font-size: var(--_typography---font-size--paragraphs--default); line-height: var(--_typography---line-height--large); letter-spacing: var(--_typography---letter-spacing--regular); --_typography---font--family--primary-font: "Inter Tight", sans-serif; --_typography---font-size--paragraphs--default: 1rem; --_typography---line-height--large: 1.5em; --_typography---letter-spacing--regular: -.03em; --_typography---font-size--displays--display-9: 2.8rem; --_typography---line-height--small: 1.15em; --_typography---font-size--displays--display-7: 2.25rem; --_typography---line-height--regular: 1.25em; --_typography---font-size--displays--display-6: 1.875rem; --_typography---font-size--displays--display-5: 1.5rem; --_typography---font-size--displays--display-3: 1.125rem; --_typography---font-size--displays--display-2: 1rem; --_typography---font-size--paragraphs--large: 1.125rem; --_typography---font-size--displays--display-1: .875rem; --_typography---font-size--paragraphs--small: .875rem; --_typography---font-size--displays--display-8: 2.5rem; --_typography---font-size--displays--display-4: 1.25rem; --_typography---font-size--displays--display-10: 3.2rem; --_typography---font-size--base-font: 1rem; --_typography---letter-spacing--none: 0px; --_typography---letter-spacing--small: -.01em; --_typography---letter-spacing--large: -.05em; --_spacers---main-spacers--small: 24px; --_spacers---main-spacers--large: 48px; --_spacers---main-spacers--regular: 32px; --_spacers---main-spacers--extra-small: 20px; --_spacers---main-spacers--2x-extra-small: 16px; --_spacers---main-spacers--4x-extra-small: 8px; --_spacers---main-spacers--2x-extra-large: 64px; --_spacers---main-spacers--medium: 40px; --_spacers---main-spacers--5x-extra-large: 100px; --_spacers---main-spacers--4x-extra-large: 80px; --_spacers---main-spacers--3x-extra-small: 12px; --_spacers---sections--paddings--pd-default: 140px; --_spacers---sections--paddings--pd-2x-extra-small: 72px; --_spacers---sections--paddings--pd-small: 120px; --_spacers---sections--paddings--pd-extra-small: 100px; --_spacers---sizing--container--default: 1186px; --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); --_spacers---main-spacers--5x-extra-small: 4px; --_spacers---main-spacers--extra-large: 56px; --_spacers---main-spacers--3x-extra-large: 72px; --_spacers---border-radius--br-none: 0px; font-weight: 400; } h1 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-9); line-height: var(--_typography---line-height--small); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } h2 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-7); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } h3 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-6); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } h4 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-5); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } h5 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-3); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } h6 { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-2); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); margin-top: 0; margin-bottom: 0; font-weight: 500; } p { margin-bottom: 0; } a { color: var(--font--colors--title); text-decoration: underline; transition: color .3s; } a:hover { color: var(--font--colors--paragraph); } ul { margin-top: 0; margin-bottom: 0; padding-left: 40px; } ol { margin-bottom: 0; padding-left: 40px; } img { width: auto; max-width: 100%; height: auto; display: inline-block; } label { color: var(--core--colors--neutral--700); margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 1.25em; display: block; } strong { color: var(--font--colors--title); font-weight: 700; } blockquote { margin-top: var(--_spacers---main-spacers--small); margin-bottom: var(--_spacers---main-spacers--small); padding: var(--_spacers---main-spacers--large); background-color: var(--core--colors--neutral--800); color: var(--core--colors--neutral--100); font-size: var(--_typography---font-size--paragraphs--large); line-height: var(--_typography---line-height--large); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); border: 0 #000; font-weight: 400; } figure { min-width: 100%; max-width: 100%; margin-bottom: 0; } .utp---nav-menu-wrapper { width: 100%; } .utp---buttons-sidebar-item-wrapper { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-rows: 1fr; grid-auto-columns: 1fr; place-items: center end; height: 100%; padding-top: 48px; padding-bottom: 48px; display: grid; } .utp---buttons-top { justify-content: center; margin-bottom: 16px; display: flex; } .input { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--neutral--400); color: var(--font--colors--title); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); background-color: #0000; min-height: 64px; margin-bottom: 0; transition: background-color .3s; } .input:hover, .input:focus { border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); } .input::placeholder { color: var(--font--colors--paragraph); } .input.small { padding: var(--_spacers---main-spacers--2x-extra-small); min-height: 48px; } .input.search-button-inside { padding-right: 100px; } .input.enter-now-button-inside { border-bottom-style: none; border-left-style: none; border-right-style: none; } .input.dark-mode { border-color: var(--core--colors--neutral--700); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); } .input.dark-mode:hover, .input.dark-mode:focus { border-color: var(--core--colors--neutral--700); background-color: var(--core--colors--neutral--700); } .input.dark-mode::placeholder { color: var(--font--colors--paragraph-dm); } .input.dark-mode.newsletter { min-height: 60px; } .input.contact-form { border-top-style: none; border-left-style: none; height: 100%; min-height: 64px; } .input.select-form { color: var(--core--colors--neutral--600); border-style: none; min-height: 63px; transition: none; } .input.select-form:hover { background-color: #0000; } .display-5 { font-size: var(--_typography---font-size--displays--display-5); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-5.medium { font-weight: 500; } .utp---grid-components { grid-column-gap: 24px; grid-row-gap: 48px; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr; place-items: center; } .utp---grid-components._1-column { grid-template-columns: 1fr; justify-items: center; } .utp---grid-components._1-column.utp---text-form-column { height: 100%; } .utp---badge { border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); text-transform: uppercase; border-radius: 0; padding: 4px 6px; } .utp---badge.typography { text-transform: capitalize; } .primary-button { grid-column-gap: 6px; grid-row-gap: 6px; background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; justify-content: center; align-items: center; font-weight: 600; text-decoration: none; transition: transform .3s; display: flex; position: relative; overflow: hidden; } .primary-button:hover { color: var(--font--title-dm\); } .primary-button.square { line-height: 1em; } .primary-button.webflow-button { border: 1px solid var(--core--colors--neutral--100); color: var(--font--colors--title-dm); background-color: #0000; } .hamburger-menu-line { background-color: var(--core--colors--neutral--800); width: 28px; height: 2px; } .flex-horizontal { justify-content: center; align-items: center; display: flex; } .flex-horizontal.justify-start { justify-content: flex-start; } .flex-horizontal.justify-start.gap-column-12px { grid-column-gap: 12px; } .hamburger-menu { grid-row-gap: 0px; flex-direction: row; justify-content: center; align-items: center; } .hamburger-menu.w--open { background-color: #2388ff; } .utp--sidebar-wrapper { background-color: #fff; height: 100%; max-height: 100vh; position: sticky; top: 0; overflow: scroll; box-shadow: 2px 0 6px #19213d1a; } .utp---sidebar-dropdown { width: 100%; } .display-9 { font-size: var(--_typography---font-size--displays--display-9); line-height: var(--_typography---line-height--small); letter-spacing: var(--_typography---letter-spacing--regular); } .icon-font-rounded { font-family: Line Rounded Icon Font Brix, sans-serif; font-weight: 400; } .grid-4-columns { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .utp---avatars-flex-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: wrap; justify-content: space-around; align-items: center; display: flex; } .utp---title-wrapper { grid-column-gap: 8px; grid-row-gap: 8px; border-bottom: 1.5px solid #f1f3f7; align-items: center; margin-bottom: 32px; padding-top: 24px; padding-bottom: 24px; display: flex; } .sidebar---navbar { background-color: #fff; padding-top: 48px; padding-left: 24px; padding-right: 24px; } .paragraph-small { font-size: var(--_typography---font-size--paragraphs--small); } .inner-container._320px { max-width: 320px; } .inner-container._640px { max-width: 640px; } .inner-container.center { margin-left: auto; margin-right: auto; } .inner-container._900px { max-width: 900px; } .inner-container._480px { max-width: 480px; } .inner-container._860px { max-width: 860px; } .inner-container._400px { max-width: 400px; } .inner-container._566px { max-width: 566px; } .inner-container._430px { max-width: 430px; } .inner-container._454px { max-width: 454px; } .inner-container._520px { max-width: 520px; } .inner-container._250px { max-width: 250px; } .inner-container._720px { max-width: 720px; } .inner-container._466px { max-width: 466px; } .inner-container._650px { max-width: 650px; } .inner-container._1068px { max-width: 1068px; } .inner-container._754px { max-width: 754px; } .inner-container._600px { max-width: 600px; } .inner-container._420px { max-width: 420px; } .inner-container._340px { max-width: 340px; } .inner-container._460px { max-width: 460px; } .inner-container._355px { max-width: 355px; } .inner-container._550px { max-width: 550px; } .inner-container._260px { max-width: 260px; } .inner-container._240px { max-width: 240px; } .inner-container._1045px { max-width: 1045px; } .inner-container._985px { max-width: 985px; } .inner-container._1050px { max-width: 1050px; } .inner-container._348px { max-width: 348px; } .inner-container._374px { max-width: 374px; } .inner-container._330px { max-width: 330px; } .inner-container._390px { max-width: 390px; } .inner-container._740px { max-width: 740px; } .logo-link { grid-column-gap: 6px; grid-row-gap: 6px; color: var(--font--colors--title); font-size: 28px; line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); justify-content: flex-start; align-items: center; font-weight: 600; text-decoration: none; display: inline-flex; } .logo-link:hover { color: var(--font--colors--title); } .logo-link.small { font-size: 20px; } .logo-link.dark-mode { color: var(--font--colors--title-dm); } .utp---typography-grid-row { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: space-between; align-items: center; display: flex; } .utp---typography-grid-row.header { border-bottom: 1.5px solid #f1f3f7; padding-bottom: 16px; } .utp---sidebar-dropdown-button { letter-spacing: .08em; text-transform: uppercase; justify-content: space-between; align-items: center; width: 100%; padding: 8px; font-size: 14px; font-weight: 600; line-height: 1.115em; transition: transform .3s; display: flex; } .utp---sidebar-dropdown-button:hover { transform: translate(6px); } .mg-top-large { margin-top: var(--_spacers---main-spacers--large); } .divider { background-color: var(--core--colors--neutral--400); height: 1px; } .divider._40px { margin-top: 40px; margin-bottom: 40px; } .divider._24px { margin-top: 24px; margin-bottom: 24px; } .divider.utp---components-divider { margin-top: 24px; margin-bottom: 40px; } .divider.mg-2x-extra-large { margin-top: var(--_spacers---main-spacers--2x-extra-large); margin-bottom: var(--_spacers---main-spacers--2x-extra-large); } .divider._5x-extra-large { margin-top: var(--_spacers---main-spacers--5x-extra-large); margin-bottom: var(--_spacers---main-spacers--5x-extra-large); } .utp---card-componets-wrapper { width: 100%; padding: 48px 24px; } .utp---card-componets-wrapper.v2 { width: 100%; } .utp---typography-grid-item._55 { width: 55%; } .utp---typography-grid-item._26-5 { width: 26.5%; } .utp---typography-grid-item._11 { width: 11%; } .utp---dropdown-icon { border: 1px solid var(--core--colors--neutral--800); border-radius: 100%; justify-content: center; align-items: center; width: 20px; min-width: 20px; height: 20px; min-height: 20px; padding-top: 1px; line-height: 1em; display: flex; } .card { border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); } .card.utp---components-wrapper { grid-column-gap: 0px; flex-direction: row; justify-content: center; display: flex; overflow: hidden; } .card.utp---components-wrapper.dark-mode { background-color: var(--core--colors--neutral--800); } .card.utp---icon-font { padding: 48px 32px; } .card.typography-card { padding: 48px 24px; } .card.template-pages---sticky-card { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); position: sticky; top: 24px; } .card.template-pages---text-card { padding: 48px; padding: var(--_spacers---main-spacers--large); } .card.accordion-card-v1 { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); border-style: none; grid-template-rows: auto; grid-template-columns: 48px 1fr 16px; grid-auto-columns: 1fr; align-items: flex-start; display: grid; } .card.team-member-card-center { padding: var(--_spacers---main-spacers--large); } .card.password-protected-card { width: 100%; max-width: 512px; margin-left: auto; margin-right: auto; padding: 0; } .card.search-results-link-card { padding: var(--_spacers---main-spacers--regular); border-color: var(--core--colors--neutral--300); flex-flow: column; text-decoration: none; transition-property: background-color; display: flex; } .card.search-results-link-card:hover { background-color: var(--core--colors--neutral--200); } .card.sales-home---text-and-image { border-top-style: none; border-left-style: none; display: flex; overflow: hidden; } .card.sales-home---page-link { text-align: center; max-width: none; margin-right: -1px; text-decoration: none; transition-property: transform; overflow: hidden; } .card.included-card { border-top-style: none; border-left-style: none; overflow: hidden; } .card.buy-now-card { transform-style: preserve-3d; background-color: #146ef5; border-style: none; border-color: #146ef5; flex-flow: column; justify-content: flex-start; align-items: center; text-decoration: none; transition-property: transform; display: flex; overflow: hidden; } .card.buy-now-card:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { border-style: none; } .card.buy-now-card:hover { transform: translate3d(0, -6px, .001px); } .card.buy-now-card.white { border-style: solid; border-color: var(--core--colors--neutral--300); background-color: var(--core--colors--neutral--100); } .card.buy-now-card.white:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { border-style: solid; } .card.header-dropdown-card { margin-top: var(--_spacers---main-spacers--extra-small); padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); min-width: 600px; overflow: hidden; } .card.principles-card { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); border-top-style: none; border-left-style: none; flex-flow: column; max-width: none; display: flex; } .card.team-member-item-v2 { grid-column-gap: 0px; grid-row-gap: 0px; border-bottom-style: none; border-right-style: none; grid-template-rows: auto; grid-template-columns: 1fr 2.25fr auto; grid-auto-columns: 1fr; display: grid; } .card.contact-card-v1 { background-color: var(--core--colors--neutral--200); border-top-style: none; border-left-style: none; flex-flow: column; text-decoration: none; display: flex; } .card.contact-card-v2 { grid-column-gap: 0px; grid-row-gap: 0px; border-top-style: none; border-left-style: none; grid-template-rows: auto; grid-template-columns: 1fr 1.5fr; grid-auto-columns: 1fr; text-decoration: none; display: grid; position: relative; } .card.accordion-card-v2 { padding: var(--_spacers---main-spacers--regular); cursor: pointer; border-top-style: none; border-left-style: none; justify-content: space-between; align-items: flex-start; transition: background-color .3s; display: flex; } .card.accordion-card-v2:hover { background-color: var(--core--colors--neutral--200); } .card.contact-card-v3 { grid-column-gap: 0px; grid-row-gap: 0px; border-top-style: none; border-left-style: none; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; text-decoration: none; display: grid; position: relative; } .card.accordin-card-v3 { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); cursor: pointer; background-color: #0000; border-style: none; justify-content: space-between; align-items: flex-start; transition: transform .3s; display: flex; } .card.accordin-card-v3:hover { transform: translate(4px); } .card.perks-card { padding: var(--_spacers---main-spacers--medium); grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); background-color: #0000; border-top-style: none; border-left-style: none; flex-flow: column; justify-content: space-between; display: flex; } .card.testimonial-card { padding: var(--_spacers---main-spacers--medium); grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); border-top-style: none; border-left-style: none; flex-flow: column; justify-content: space-between; display: flex; } .card.testimonial-card.large { padding: var(--_spacers---main-spacers--2x-extra-large); } .card.testimonial-stats { padding: var(--_spacers---main-spacers--2x-extra-large); grid-column-gap: var(--_spacers---main-spacers--4x-extra-large); grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); border-top-style: none; border-left-style: none; justify-content: center; align-items: center; display: flex; } .card.benefits-card { z-index: 1; border-color: var(--core--colors--neutral--200); background-color: var(--core--colors--neutral--200); position: sticky; top: 24px; } .color-neutral-800 { color: var(--core--colors--neutral--800); } .grid-2-columns { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid-2-columns.template-page-sidebar { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto; grid-template-columns: .35fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .grid-2-columns.changelog-item { grid-column-gap: 48px; grid-row-gap: 48px; border-top: 1px solid #f1f3f7; grid-template-rows: auto; grid-template-columns: .4fr 1fr; grid-auto-columns: 1fr; padding-top: 64px; padding-bottom: 64px; display: grid; } .grid-2-columns.changelog-item.last { padding-bottom: 0; } .grid-2-columns.contact-form-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr 1fr; min-height: 422px; position: relative; } .grid-2-columns.surprises-image { margin-top: var(--_spacers---main-spacers--5x-extra-large); grid-column-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1.18fr; align-items: center; } .grid-2-columns.surprises-image.image-left { grid-template-columns: 1.18fr 1fr; } .typography-card-top-content-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; flex-wrap: wrap; justify-content: space-between; align-items: center; display: flex; } .utp---grid-social-media-icons { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(63px, 63px)); } .paragraph-large { font-size: var(--_typography---font-size--paragraphs--large); margin-bottom: 0; } .utp---sidebar-dropdown-item { grid-column-gap: 6px; grid-row-gap: 6px; color: var(--font--colors--title); background-color: #fff; border: 1px solid #0000; align-items: center; padding: 8px; text-decoration: none; transition: color .3s, border-color .3s; display: flex; } .utp---sidebar-dropdown-item:hover { border-color: var(--core--colors--neutral--400); color: var(--core--colors--neutral--800); } .utp---sidebar-dropdown-item.w--current { border-color: var(--core--colors--neutral--800); } .utp---sidebar-dropdown-list { transform-origin: 50% 0; background-color: #0000; padding-top: 8px; overflow: hidden; } .utp---sidebar-dropdown-list.w--open { position: static; } .utp---components-wrapper { grid-column-gap: 24px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .secondary-button { background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; justify-content: center; align-items: center; font-weight: 600; text-decoration: none; transition: transform .3s; display: flex; position: relative; overflow: hidden; } .secondary-button:hover { color: var(--font--colors--title); } .secondary-button.square { line-height: 1em; } .display-3 { font-size: var(--_typography---font-size--displays--display-3); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-3.medium { font-weight: 500; } .utp---content-wrapper { max-width: 80vw; height: 100%; padding-left: 48px; padding-right: 48px; } .display-8 { font-size: var(--_typography---font-size--displays--display-8); line-height: var(--_typography---line-height--small); letter-spacing: var(--_typography---letter-spacing--regular); } .form-wrapper { width: 100%; margin-bottom: 0; } .utp---styles-and-components-wrapper { margin-bottom: 48px; } .typography-badge-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; align-items: center; display: flex; } .utp---buttons-sidebar { flex-direction: column; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-rows: 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .utp---items-wrapper.mg-bottom { margin-bottom: 40px; } .avatar-image { object-fit: cover; width: 100%; } .avatar-image._140px { width: 140px; min-width: 140px; max-width: 140%; height: 140px; min-height: 140px; max-height: 140px; } .avatar-image.fit-cover { height: 100%; } .display-7 { font-size: var(--_typography---font-size--displays--display-7); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-7.medium { font-weight: 500; } .text-uppercase { letter-spacing: .08em; text-transform: uppercase; } .icon-font-wrapper { justify-content: center; align-items: center; width: 20px; height: 20px; display: flex; } .mg-top-small { margin-top: var(--_spacers---main-spacers--small); } .grid-icon-font { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(20px, 20px)); } .hamburger-menu-flex { grid-row-gap: 8px; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .utp---card-color-details { justify-content: space-between; align-items: center; display: flex; } .page-wrapper.full-height-page { flex-flow: column; justify-content: space-between; min-height: 100vh; display: flex; overflow: hidden; } .utp---grid-components-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; } .utp---sidebar-bottom { grid-row-gap: 16px; flex-direction: column; display: flex; } .display-2 { font-size: var(--_typography---font-size--displays--display-2); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-2.medium { font-weight: 500; } .utp---components-head-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-around; align-items: center; width: 50%; padding-left: 24px; padding-right: 24px; display: grid; } .utp---components-head-wrapper.center { grid-template-columns: 1fr; } .utp---components-head-wrapper.buttons { grid-template-columns: 1.15fr 1fr 1fr; width: 100%; } .utp---components-head-wrapper.avatars { grid-template-columns: 24px 32px 40px 64px 120px; justify-content: space-around; justify-items: center; width: 100%; } .utp---sidebar-layout-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(200px, 280px) 1fr; grid-auto-columns: 1fr; height: 100%; display: grid; } .text-center { text-align: center; } .mg-top-24px { margin-top: var(--main-spacers--small\); } .display-1 { font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-1.medium { font-weight: 500; } .display-1.semibold { font-weight: 600; } .grid-1-column { grid-row-gap: 24px; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .grid-1-column.gap-row-48px { grid-row-gap: 48px; } .grid-1-column.gap-row-6px { grid-row-gap: 6px; } .grid-1-column.gap-row-300px { grid-row-gap: 300px; } .display-6 { font-size: var(--_typography---font-size--displays--display-6); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-6:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { font-size: var(--_typography---font-size--displays--display-5); } .display-6.medium { font-weight: 500; } .display-4 { font-size: var(--_typography---font-size--displays--display-4); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); } .display-4.medium { font-weight: 500; } .text-area { padding: var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--neutral--400); color: var(--font--colors--title); line-height: var(--_typography---line-height--large); background-color: #0000; min-height: 166px; margin-bottom: 0; transition: background-color .3s; } .text-area:hover, .text-area:focus { border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); } .text-area::placeholder { color: var(--font--colors--paragraph); } .text-area.small { padding: var(--_spacers---main-spacers--2x-extra-small); min-height: 120px; } .text-area.contact-form { border-top-style: none; border-left-style: none; } .text-accent { color: var(--font--colors--title); } .utp---color-block { border: 1px solid var(--core--colors--neutral--400); border-radius: 0; height: 156px; } .avatar-wrapper { min-width: 120px; max-width: 120px; min-height: 120px; max-height: 120px; display: flex; position: relative; overflow: hidden; transform: translate(0); } .avatar-wrapper:where(.w-variant-b742eba2-7c26-0fc4-f493-5de209a280f1) { min-width: 64px; max-width: 64px; min-height: 64px; max-height: 64px; } .avatar-wrapper:where(.w-variant-a5e8e464-5963-c126-0834-dc0b0451b18a) { min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; } .avatar-wrapper:where(.w-variant-d1bf563c-f14e-8171-9ced-0c378453d6a4) { min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; } .avatar-wrapper:where(.w-variant-1d101b58-4f17-9e13-ed5f-b719c6e5667b) { min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; } .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { min-width: 170px; max-width: 170px; min-height: 170px; max-height: 170px; } .utp---card-color { grid-column-gap: 12px; grid-row-gap: 20px; border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); border-radius: 0; flex-direction: column; padding: 12px; display: flex; } .bg-neutral-100 { background-color: var(--core--colors--neutral--100); } .bg-neutral-200 { background-color: var(--core--colors--neutral--200); } .bg-neutral-300 { background-color: var(--core--colors--neutral--300); } .bg-neutral-400 { background-color: var(--core--colors--neutral--400); } .bg-neutral-500 { background-color: var(--core--colors--neutral--500); } .bg-neutral-600 { background-color: var(--core--colors--neutral--600); } .bg-neutral-700 { background-color: var(--core--colors--neutral--700); } .bg-neutral-800 { background-color: var(--core--colors--neutral--800); } .link-icon-right { font-family: Line Rounded Icon Font Brix, sans-serif; display: inline-block; } .tertiary-button { border: 1px solid var(--core--colors--neutral--400); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; background-color: #0000; justify-content: center; align-items: center; font-weight: 600; text-decoration: none; display: flex; position: relative; overflow: hidden; } .tertiary-button:hover { color: var(--font--colors--title); } .section { padding-top: var(--_spacers---sections--paddings--pd-default); padding-bottom: var(--_spacers---sections--paddings--pd-default); } .section.pd-80px { padding-top: 80px; padding-bottom: 80px; } .section.bg-neutral { background-color: var(--core--colors--neutral--200); } .section.pd-top-0 { padding-top: 0; } .section.top { padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); } .section.sales-home-hero { padding-top: 160px; padding-bottom: var(--_spacers---sections--paddings--pd-small); background-color: var(--core--colors--neutral--800); overflow: hidden; } .section.small { padding-bottom: var(--sections--paddings--pd-extra-large\); } .section.cta-sales-home { padding-top: var(--_spacers---sections--paddings--pd-small); } .section.hero-v1 { padding-top: var(--_spacers---main-spacers--4x-extra-large); overflow: hidden; } .section.hero-v2 { padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); padding-bottom: var(--_spacers---main-spacers--2x-extra-large); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .section.hero-v3 { padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); } .section.pd-none { padding-top: 0; padding-bottom: 0; } .section.hero-v4 { background-color: var(--core--colors--neutral--800); padding-top: 140px; padding-bottom: 0; } .section.password-protected-page { padding-top: var(--_spacers---sections--paddings--pd-small); flex-flow: column; flex: 1; justify-content: center; align-items: stretch; margin-bottom: 0; display: flex; } .section.not-found-page { padding-top: var(--_spacers---sections--paddings--pd-small); padding-bottom: var(--_spacers---sections--paddings--pd-small); flex-flow: column; flex: 1; justify-content: center; display: flex; } .section.coming-soon-page { padding-top: var(--_spacers---main-spacers--4x-extra-large); padding-bottom: var(--_spacers---main-spacers--5x-extra-large); flex-flow: column; flex: 1; justify-content: center; display: flex; overflow: hidden; } .section.social-links-section { overflow: hidden; } .section.social-links-section:where(.w-variant-daeb6173-296b-8c16-4f2d-1c7fb3f823cc) { padding-top: 0; } .section.hero-v5 { z-index: 1; padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); position: relative; overflow: hidden; } .mg-bottom-8px { margin-bottom: 8px; } .text-light { color: var(--core--colors--neutral--100); } .container-default { max-width: var(--_spacers---sizing--container--default); padding-right: var(--_spacers---container-default--padding--default); padding-left: var(--_spacers---container-default--padding--default); width: 100%; margin-left: auto; margin-right: auto; } .mg-bottom-32px { margin-bottom: 32px; } .start-here-image { margin-bottom: var(--_spacers---main-spacers--medium); border: 1px solid var(--core--colors--neutral--400); width: 100%; display: block; } .start-here-image.last { margin-bottom: 0; } .mg-top-8-px { margin-top: 8px; } .mg-bottom-16px { margin-bottom: 16px; } .buttons-row { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .buttons-row.left { justify-content: flex-start; } .pd-top-medium { padding-top: 24px; } .mg-bottom-40px { margin-bottom: 40px; } .template-pages---sidebar-navigation { grid-column-gap: 8px; grid-row-gap: 8px; flex-direction: column; margin-bottom: 0; padding-left: 0; display: flex; } .template-pages---nav-item-link { padding: var(--_spacers---main-spacers--4x-extra-small) var(--_spacers---main-spacers--2x-extra-small); color: var(--font--colors--paragraph); background-color: #0000; text-decoration: none; transition: box-shadow .3s, background-color .3s, color .3s; display: block; } .template-pages---nav-item-link:hover { background-color: var(--core--colors--neutral--200); color: var(--font--colors--title); } .template-pages---nav-item-link.w--current { background-color: var(--core--colors--neutral--800); color: var(--core--colors--neutral--100); box-shadow: inset 0 -1.5px .6px #00135840, inset 0 1.5px .6px #ffffff40; } .mg-bottom-24px { margin-bottom: 24px; } .mg-bottom-48px { margin-bottom: 48px; } .width-100 { width: 100%; } .flex { align-items: stretch; display: flex; } .flex.align-top { align-items: flex-start; } .flex.align-top.gap-24px { grid-column-gap: 24px; grid-row-gap: 24px; } .badge { padding: var(--_spacers---main-spacers--4x-extra-small); grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); font-size: var(--_typography---font-size--displays--display-1); letter-spacing: var(--_typography---letter-spacing--regular); justify-content: center; align-items: center; font-weight: 500; line-height: 1em; display: flex; } .notification-bar-close-icon { color: var(--core--colors--neutral--100); cursor: pointer; justify-content: center; align-items: center; width: 48px; padding: 12px; font-size: 20px; font-weight: 400; transition: color .3s; display: flex; } .notification-bar-close-icon:hover { color: var(--core--colors--neutral--500); } .notification-bar-content { padding-top: var(--_spacers---main-spacers--regular); padding-bottom: var(--_spacers---main-spacers--regular); text-align: center; } .notification-bar-content.v2 { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); text-align: left; justify-content: space-between; align-items: center; padding-top: 0; padding-bottom: 0; display: flex; } .notification-bar-content.v1 { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); justify-content: center; align-items: center; display: flex; } .notification-bar-content.v3 { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); text-align: left; justify-content: space-between; align-items: center; padding-top: 0; padding-bottom: 0; display: flex; } .notification-bar { background-color: var(--core--colors--neutral--800); color: var(--core--colors--neutral--100); display: flex; position: relative; overflow: hidden; } .header-wrapper { z-index: 9999; max-width: var(--_spacers---sizing--container--default); background-color: #0000; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } .header-content { margin-right: var(--_spacers---main-spacers--small); margin-left: var(--_spacers---main-spacers--small); padding-right: 0; padding-left: var(--_spacers---container-default--padding--default); grid-column-gap: var(--_spacers---main-spacers--small); border-style: none solid solid; border-width: 1px; border-color: var(--core--colors--neutral--400); justify-content: space-between; align-items: center; display: flex; } .header-content:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { border-color: var(--core--colors--neutral--700); } .header-content.v3 { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---container-default--padding--default); justify-content: center; } .header-content.v2 { align-items: stretch; padding-left: 0; padding-right: 0; } .nav-menu { background-color: #0000; } .list-nav-menu { align-items: center; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .link-nav-item { line-height: var(--_typography---line-height--regular); } .link-nav-item.mbl-button { display: none; } .dropdown-toggle { grid-column-gap: 6px; color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; align-items: center; padding: 0 10px; display: flex; } .dropdown-toggle:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title-dm); } .dropdown-toggle.w--open { color: var(--font--colors--title); } .dropdown-toggle.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title-dm); } .dropdown-content-wrapper { background-color: #0000; overflow: hidden; transform: translate(-60%); } .header-right-side { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); align-items: center; display: flex; } .header-right-side.v2 { grid-column-gap: 0px; grid-row-gap: 0px; align-items: stretch; } .footer-main-section { z-index: 1; max-width: var(--_spacers---sizing--container--default); padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); margin-left: auto; margin-right: auto; } .footer-top { border: 1px solid var(--core--colors--neutral--700); justify-content: space-between; align-items: stretch; margin-bottom: -1px; margin-right: -1px; display: flex; position: relative; } .footer-top.v2 { padding: var(--_spacers---main-spacers--2x-extra-large); grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); align-items: center; margin-bottom: 0; margin-right: 0; } .footer-middle { padding: var(--_spacers---main-spacers--4x-extra-large) var(--_spacers---main-spacers--2x-extra-large); border: 1px solid var(--core--colors--neutral--700); margin-bottom: -1px; margin-right: -1px; } .footer-middle.v2 { grid-row-gap: 64px; border-top-style: none; border-bottom-style: none; flex-flow: wrap; padding: 0; position: relative; } .footer-middle.v2.show-mobile-portrait { display: none; } .footer-logo { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); transform-style: preserve-3d; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-width: 260px; transition-property: transform; display: flex; } .footer-logo:hover { transform: scale3d(1.04, 1.04, 1.01); } .footer-logo.no-hover { transition-property: none; } .footer-logo.no-hover:hover { transform: none; } .text-color-neutral-400 { color: var(--core--colors--neutral--400); } .mg-bottom-20px { margin-bottom: 20px; } .position-relative---z-index-1 { z-index: 1; position: relative; } .button-inside-input-wrapper { z-index: 1; border-left: 1px solid var(--core--colors--neutral--400); justify-content: center; align-items: center; display: flex; position: absolute; inset: 1px 1px 1px auto; } .button-inside-input-wrapper.dark-mode { border-left-color: var(--core--colors--neutral--700); } .error-message { margin-top: var(--_spacers---main-spacers--2x-extra-small); padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--system--red-400); background-color: var(--core--colors--neutral--800); color: var(--core--colors--system--red-400); text-align: center; } .error-message.contact-form-error { z-index: 2; width: 100%; position: absolute; } .success-message-wrapper { text-align: center; background-color: #0000; padding: 0; } .footer-link { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); border-bottom: 1px solid var(--core--colors--neutral--700); color: var(--core--colors--neutral--200); line-height: var(--_typography---line-height--regular); justify-content: space-between; align-items: center; text-decoration: none; display: flex; position: relative; } .footer-link:hover { color: var(--core--colors--neutral--100); } .footer-link.last---left-column, .footer-link.last---right-column, .footer-link.border-bottom---tablet, .footer-link.border-bottom---mbl { border-bottom-style: none; } .footer-bottom { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); border: 1px solid var(--core--colors--neutral--700); background-color: var(--neutral-700-opacity-30); justify-content: space-between; align-items: center; margin-bottom: -1px; margin-right: -1px; display: flex; } .footer-bottom.v2 { background-color: #0000; border-bottom-style: none; align-items: stretch; padding: 0; } .text-decoration-none { text-decoration: none; } .social-square-icons-container { grid-column-gap: 0px; display: flex; } .social-square-icon-link { max-height: var(--_spacers---main-spacers--2x-extra-large); max-width: var(--_spacers---main-spacers--2x-extra-large); min-height: var(--_spacers---main-spacers--2x-extra-large); min-width: var(--_spacers---main-spacers--2x-extra-large); border: 1px solid var(--core--colors--neutral--400); color: var(--font--colors--title); justify-content: center; align-items: center; margin-bottom: -1px; margin-right: -1px; transition: color .3s; display: flex; position: relative; } .social-square-icon-link:where(.w-variant-09232bd2-04da-efea-f377-662291aed853) { border-bottom-style: none; border-right-style: none; margin-bottom: 0; margin-right: 0; } .social-square-icon-link:where(.w-variant-c7afc106-7cd0-42c6-0b89-0e485e1826a2) { border-top-style: none; border-left-style: none; margin-bottom: 0; margin-right: 0; } .social-square-icon-link:where(.w-variant-08043351-451d-d61e-1bac-dd833edfff98) { border-top-style: none; border-bottom-style: none; margin-bottom: 0; margin-right: -1px; } .social-square-icon-link:hover { color: var(--font--colors--title-dm); } .text-paragraph { color: var(--core--colors--neutral--600); } .position-relative---z-index-2 { z-index: 2; position: relative; } .title-and-button-container { grid-column-gap: 40px; grid-row-gap: 16px; flex-flow: wrap; justify-content: space-between; align-items: flex-end; display: flex; } .title-and-button-container.align-center { align-items: center; } .mg-bottom-12px { margin-bottom: 12px; } .top-section { z-index: 1; padding-top: 80px; position: relative; overflow: clip; } .top-section.pd-bottom-64px { padding-bottom: 64px; } .accordion-body { overflow: hidden; } .accordion-arrow { z-index: 1; color: var(--font--colors--title); justify-content: center; align-items: center; min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; margin-top: 6px; display: flex; position: relative; } .accordion-arrow.v2, .accordion-arrow.v3 { margin-top: 0; } .mg-top-4x-extra-small { margin-top: var(--_spacers---main-spacers--4x-extra-small); } .text-underline { text-decoration: underline; } .utp---component-badge { padding: var(--_spacers---main-spacers--4x-extra-small) var(--_spacers---main-spacers--3x-extra-small); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; font-weight: 600; } .utp---component-badge.dark-mode { background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); } .lightbox-thumbnail { width: 100%; max-width: 220px; } .fit-cover { object-fit: cover; } .overflow-hidden { overflow: hidden; } .display-none { display: none; } .rich-text h2 { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); font-size: var(--_typography---font-size--displays--display-8); } .rich-text h4 { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--2x-extra-small); font-size: var(--_typography---font-size--displays--display-6); } .rich-text ul { margin-top: var(--_spacers---main-spacers--small); margin-bottom: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--medium); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); flex-flow: column; display: flex; } .rich-text figure { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--medium); } .rich-text img { border-radius: 16px; } .rich-text ol { margin-top: var(--_spacers---main-spacers--2x-extra-small); margin-bottom: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--medium); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); flex-flow: column; display: flex; } .rich-text h3 { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--2x-extra-small); font-size: var(--_typography---font-size--displays--display-7); } .rich-text h5 { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--2x-extra-small); font-size: var(--_typography---font-size--displays--display-4); } .rich-text h6 { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--2x-extra-small); font-size: var(--_typography---font-size--displays--display-3); } .rich-text p, .rich-text h1 { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); } .flex-vertical { flex-flow: column; justify-content: center; align-items: center; display: flex; } .flex-vertical.align-left { justify-content: center; align-items: flex-start; } .flex-vertical.gap-row-40px { grid-row-gap: 40px; } .text-color-neutral-500 { color: var(--core--colors--neutral--500); } .table-of-contents-expand-trigger { display: none; } .footer-v3-container { z-index: 1; max-width: var(--_spacers---sizing--container--default); width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; position: relative; } .integration-circle-icon { margin-right: auto; margin-bottom: var(--_spacers---main-spacers--small); padding: var(--_spacers---main-spacers--2x-extra-small); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); min-width: 94px; max-width: 94px; min-height: 94px; max-height: 94px; margin-left: auto; } .snippet-wrapper { border: 1px dashed var(--core--colors--neutral--500); background-color: var(--core--colors--neutral--400); width: 100%; padding: 24px; } .snippet-badge-wrapper { background-color: var(--core--colors--neutral--400); padding: 12px; } .utp---grid-square-icons-flex { grid-column-gap: 24px; grid-row-gap: 12px; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .search-results-url-bottom { word-break: break-all; margin-top: auto; font-weight: 500; line-height: 1.1em; } .mg-top-3x-extra-small { margin-top: var(--main-spacers--3x-extra-small\); } .sales-home---pages-container { margin-top: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--small); flex-direction: column; align-items: center; display: flex; } .sales-home---pages-row { grid-column-gap: var(--main-spacers--small\); grid-row-gap: var(--main-spacers--small\); justify-content: center; display: flex; } .sales-home---hero-link-wrapper { transform-style: preserve-3d; flex: none; max-width: 340px; transition-property: transform; overflow: hidden; box-shadow: 0 4px 4px #d3d3d30f, 0 1px 1px #0e0e0e0f; } .sales-home---hero-link-wrapper:hover { transform: scale3d(.98, .98, 1.01); } .card-pages-included---bottom-content { padding: var(--_spacers---main-spacers--regular); text-align: center; flex-direction: column; display: flex; } .image { width: 100%; height: auto; } .image.cover-image { object-fit: cover; height: 100%; } .text-titles { color: var(--font--colors--title); } .mid { font-weight: 500; } .text-and-image-card---text-container { padding: var(--_spacers---main-spacers--medium); flex-direction: column; justify-content: center; align-items: flex-start; width: 45%; display: flex; } .max-width-64px { max-width: 64px; height: auto; } .text-and-image-card---image-wrapper { width: 55%; } .card-page---bottom-content { padding: var(--_spacers---main-spacers--regular); border-top: 1px solid #f1f3f7; } .grid-pages { grid-column-gap: 0px; grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; place-items: stretch stretch; } .sales-home---surprises-image-wrapper { border: 1px solid var(--core--colors--neutral--400); overflow: hidden; } .sales-home---cta-card-text-container { padding: var(--_spacers---main-spacers--medium); width: 100%; } .sales-home-cta-card-square-logo { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); max-width: 56px; box-shadow: 0 2px 4px #19213d1a; } .sales-home---cta-card-image { min-width: 976px; max-width: 976px; margin-bottom: -32px; } .section-small { padding-top: var(--_spacers---sections--paddings--pd-small); padding-bottom: var(--_spacers---sections--paddings--pd-small); } .section-small.bg-neutral { background-color: var(--core--colors--neutral--200); } .section-small.top { padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); } .utp---icon { min-width: 32px; } .logo-icon { width: 42px; } .logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { width: 54px; } .logo-icon._32px { width: 32px; } .logo-icon._24px { width: 24px; } .button-icon-wrapper { z-index: 1; justify-content: center; align-items: center; min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; padding-left: 2px; display: flex; position: relative; } .button-icon-wrapper:where(.w-variant-864e6fa9-01c4-995f-0276-3a50d862b188) { right: 20px; } .button-icon-wrapper.footer { right: 120px; } .squared-icon { z-index: 1; justify-content: center; align-items: center; min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; display: flex; } .squared-icon._14px { min-width: 14px; max-width: 14px; min-height: 14px; max-height: 14px; } .social-square-icon { z-index: 1; min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; position: relative; } .social-square-bg { background-color: var(--core--colors--neutral--800); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .button-content { padding: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); justify-content: center; align-items: center; display: flex; } .button-content:where(.w-variant-864e6fa9-01c4-995f-0276-3a50d862b188), .button-content:where(.w-variant-dd1cfcb8-ee26-1814-83de-891e9840feb4) { padding: var(--_spacers---main-spacers--2x-extra-small) 42px var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); } .button-content.square { justify-content: center; align-items: center; min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; padding: 0; display: flex; } .button-content.square:where(.w-variant-486afcef-4e04-6807-c74a-839afcef471b), .button-content.square:where(.w-variant-ca6621e9-5740-d3a9-8185-b0438875106c), .button-content.square:where(.w-variant-8038ae6a-6d5b-7dfa-96d1-bb6592a1454e), .button-content.square:where(.w-variant-a6d9fa71-4548-80a0-7ef8-6e3a24629f59) { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; } .button-content.footer { padding: var(--_spacers---main-spacers--large) 144px var(--_spacers---main-spacers--large) 120px; justify-content: center; align-items: center; min-height: 132px; display: flex; } .link { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-left: 10px; padding-right: 10px; text-decoration: none; display: inline-flex; position: relative; overflow: hidden; } .link:where(.w-variant-040becfe-5cc0-53fb-fc60-224bd1210ff6), .link:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title-dm); } .link:hover { color: var(--font--colors--title); } .link:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title-dm); } .link-icon-wrapper { z-index: 1; flex-direction: column; justify-content: center; align-items: center; width: 16px; display: flex; position: absolute; overflow: hidden; transform: translate(-26px); } .link-text { z-index: 1; font-size: var(--_typography---font-size--displays--display-1); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; justify-content: flex-start; display: flex; position: relative; } .social-media-icon { min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; } .link-arrow-right { grid-column-gap: 6px; grid-row-gap: 6px; color: var(--font--colors--title-dm); justify-content: flex-start; align-items: center; font-weight: 500; text-decoration: none; display: flex; } .link-arrow-right:hover { color: var(--font--colors--title-dm); } .icon-square { border: 1px solid var(--core--colors--neutral--800); max-width: 64px; } .icon-square:where(.w-variant-9e5d53ad-bad6-e5fc-88e0-62e38939214f) { max-width: 48px; } .form-block { width: 100%; margin-bottom: 0; } .form-block._465px { max-width: 465px; } .form-block._465px.cta-v4 { margin-bottom: -1px; margin-right: -1px; } .form-block._365px { max-width: 365px; } .form-button { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--small); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; height: 100%; min-height: 64px; font-weight: 500; transition: color .3s, background-color .3s; } .form-button:hover { background-color: var(--core--colors--neutral--600); color: var(--font--colors--title-dm); } .form-button.inside-input { padding-top: var(--_spacers---main-spacers--4x-extra-small); padding-bottom: var(--_spacers---main-spacers--4x-extra-small); background-color: var(--neutral-700-opacity-30); font-size: var(--_typography---font-size--displays--display-1); height: 100%; min-height: 0; } .form-button.inside-input:hover { background-color: var(--core--colors--neutral--600); } .form-button.inside-input.dark-mode { background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); } .form-button.inside-input.dark-mode:hover { background-color: var(--core--colors--neutral--400); } .form-button.inside-input.light-mode { background-color: var(--core--colors--neutral--800); } .form-button.inside-input.light-mode:hover { background-color: var(--core--colors--neutral--600); } .position-relative { position: relative; } .success-message-inside-input { padding: var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: 6px; grid-row-gap: 6px; border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); justify-content: center; align-items: center; min-height: 64px; display: flex; } .success-message-inside-input.dark-mode { border-color: var(--core--colors--neutral--700); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); } .header-dropdown-grid { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); grid-template-rows: auto; grid-template-columns: auto auto; } .dropdown-title { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; margin-left: 10px; font-weight: 600; } .main-pages-grid { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); grid-template-rows: auto; grid-template-columns: auto auto auto; align-items: start; } .pages-column { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); grid-template-rows: auto; grid-template-columns: 1fr; justify-items: start; } .dropdown-icon { min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; } .hero-v1-grid { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1.05fr; align-items: center; } .mg-top-2x-extra-small { margin-top: var(--_spacers---main-spacers--2x-extra-small); } .hero-v1-bg-wrapper { z-index: 0; color: var(--core--colors--neutral--400); width: 380px; display: flex; position: absolute; inset: auto auto 0% 0%; transform: translate(-35%, 64%); } .hero-v1-bg-gradient { background-image: radial-gradient(circle closest-side at 50% 50%, transparent, var(--core--colors--neutral--100)); position: absolute; inset: 0%; } .subtitle { color: var(--core--colors--neutral--500); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; font-weight: 500; } .subtitle.dark-mode { color: var(--core--colors--neutral--600); } .about-section-wrapper { padding-top: var(--_spacers---main-spacers--4x-extra-large); max-width: 865px; margin-left: auto; margin-right: auto; } .about-text { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-6); line-height: var(--_typography---line-height--large); letter-spacing: var(--_typography---letter-spacing--regular); font-weight: 500; } .about-section-top-content { z-index: 2; padding-right: var(--_spacers---main-spacers--medium); padding-left: var(--_spacers---main-spacers--medium); position: relative; } .about-section-bottom-content { z-index: 0; margin-top: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); justify-content: flex-start; align-items: center; display: flex; position: relative; } .about-section-bg { color: var(--core--colors--neutral--400); min-width: 506px; display: flex; position: absolute; inset: auto auto 0 -135px; } .about-section-gradient { background-image: linear-gradient(180deg, var(--core--colors--neutral--100), transparent); position: absolute; } .about-section-gradient.top { background-image: linear-gradient(180deg, var(--core--colors--neutral--100), transparent); height: 50%; inset: 0% 0% auto; } .about-section-gradient.left { background-image: linear-gradient(90deg, var(--core--colors--neutral--100), transparent); width: 25%; inset: 0% auto 0% 0%; } .about-section-gradient.right { background-image: linear-gradient(270deg, var(--core--colors--neutral--100), transparent); width: 25%; inset: 0% 0% 0% auto; } .hero-v1-lottie { z-index: 3; width: 100%; position: relative; } .play-button { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); color: var(--font--colors--title-dm); background-color: #08080866; border-radius: 50%; min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; position: absolute; inset: auto; } .lightbox-link { z-index: 1; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .title-left-content-right { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); justify-content: space-between; align-items: flex-end; display: flex; } .title-left-content-right.align-center { justify-content: space-between; align-items: center; } .mg-top-regular { margin-top: var(--_spacers---main-spacers--regular); } .integrations-marquee-wrapper { justify-content: center; align-items: center; display: flex; } .integrations-marquee { flex: none; display: flex; } .integration-marquee-item { border: 1px solid var(--core--colors--neutral--400); min-width: 94px; max-width: 94px; min-height: 94px; max-height: 94px; margin-right: -1px; position: relative; overflow: hidden; } .integration-marquee-item-bg { background-color: var(--core--colors--neutral--800); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .integration-marquee-item-image { z-index: 1; width: 100%; position: relative; } .principles-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .mg-top-5x-extra-small { margin-top: var(--_spacers---main-spacers--5x-extra-small); } .corner-gradient-horizontal { background-image: linear-gradient(270deg, transparent, var(--core--colors--neutral--400)); width: 150px; height: 1px; } .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7) { width: 72px; } .corner-gradient-horizontal.top-left { background-image: linear-gradient(270deg, var(--core--colors--neutral--400), transparent); position: absolute; inset: 0% auto auto 0%; transform: translate(-100%); } .corner-gradient-horizontal.top-left.dark-mode { background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); } .corner-gradient-horizontal.bottom-left { background-image: linear-gradient(270deg, var(--core--colors--neutral--400), transparent); position: absolute; inset: auto auto 0% 0%; transform: translate(-100%); } .corner-gradient-horizontal.bottom-left.dark-mode { background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); } .corner-gradient-horizontal.bottom-left.small { background-image: linear-gradient(270deg, var(--core--colors--neutral--400), var(--core--colors--neutral--100)); } .corner-gradient-horizontal.bottom-left.bottom--1px { bottom: -1px; } .corner-gradient-horizontal.top-right { position: absolute; inset: 0% 0% auto auto; transform: translate(100%); } .corner-gradient-horizontal.bottom-right { position: absolute; inset: auto 0% 0% auto; transform: translate(100%); } .corner-gradient-horizontal.bottom-right.bottom--1px { bottom: -1px; } .corner-gradient-horizontal.dark-mode { background-image: linear-gradient(270deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); } .corner-gradient-horizontal.small { width: 72px; } .corner-gradient-horizontal.small---dark-mode { background-image: linear-gradient(270deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); width: 72px; } .corner-gradient-horizontal.small---dark-mode.bottom-left, .corner-gradient-horizontal.small---dark-mode.top-left { background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); } .corner-gradient-vertical { background-image: linear-gradient(180deg, transparent, var(--core--colors--neutral--400)); width: 1px; height: 150px; } .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7) { height: 72px; } .corner-gradient-vertical.top-left { position: absolute; inset: 0% auto auto 0%; transform: translate(0, -100%); } .corner-gradient-vertical.bottom-left { background-image: linear-gradient(180deg, var(--core--colors--neutral--400), transparent); position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .corner-gradient-vertical.top-right { position: absolute; inset: 0% 0% auto auto; transform: translate(0, -100%); } .corner-gradient-vertical.bottom-right { background-image: linear-gradient(180deg, var(--core--colors--neutral--400), transparent); position: absolute; inset: auto 0% 0% auto; transform: translate(0, 100%); } .corner-gradient-vertical.small { height: 76px; } .corner-gradient-vertical.small---dark-mode { background-image: linear-gradient(180deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); height: 72px; } .cta-section { z-index: 1; padding-top: var(--_spacers---sections--paddings--pd-extra-small); padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); background-color: var(--core--colors--neutral--800); position: relative; overflow: hidden; } .cta-section.v1 { min-height: 560px; } .cta-section.v2 { flex-flow: column; justify-content: center; display: flex; } .cta-section.v3 { padding-bottom: 200px; } .cta-section.v4 { padding-top: 0; padding-bottom: 0; } .text-titles-dm { color: var(--font--colors--title-dm); } .text-paragraph-dm { color: var(--font--colors--paragraph-dm); } .cta-image { z-index: -1; width: 100%; max-width: 1440px; position: absolute; inset: auto 0% 0% auto; } .empty-state-message { padding: var(--_spacers---main-spacers--2x-extra-small); border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); text-align: center; } .blog-card-v1 { z-index: 1; grid-column-gap: 0px; grid-row-gap: 0px; border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; text-decoration: none; display: grid; position: relative; } .blog-card-v1:where(.w-variant-6381c6da-c2e1-62ef-4402-9ebe2c6dc005) { grid-template-columns: 1fr; } .blog-card-v1:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { border-top-style: solid; border-left-style: solid; flex: 1; grid-template-columns: 1fr; } .blog-card-v1.featured-section { flex-flow: column; grid-template-columns: 1fr; height: 100%; display: flex; } .image-wrapper { overflow: hidden; } .image-wrapper.border-bottom-right { border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); } .blog-v1-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--4x-extra-large); position: relative; } .blog-v1-content:where(.w-variant-6381c6da-c2e1-62ef-4402-9ebe2c6dc005) { padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--medium); border-top: 1px solid var(--core--colors--neutral--400); } .blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--extra-large); } .blog-v1-content.featured-section { padding-top: var(--_spacers---main-spacers--large); padding-bottom: var(--_spacers---main-spacers--large); border-top: 1px solid var(--core--colors--neutral--400); flex: 1; } .blog-details-wrapper { grid-column-gap: 6px; grid-row-gap: 6px; justify-content: flex-start; align-items: center; display: flex; } .blog-details-wrapper.center { justify-content: center; align-items: center; } .item-details { color: var(--font--colors--paragraph); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; font-weight: 500; } .item-details.item-link { text-decoration: none; } .item-details.item-link:hover { color: var(--font--colors--title); } .item-details-divider { color: var(--core--colors--neutral--400); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; font-weight: 500; } .bottom-right-button-wrapper { position: absolute; inset: auto 0% 0% auto; } .icon-button { border-style: solid none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); color: var(--font--colors--title); text-align: center; justify-content: center; align-items: center; min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; display: flex; position: relative; } .flex-item { flex-flow: column; max-width: none; max-height: none; display: flex; } .blog-v1-image-wrapper { background-color: var(--core--colors--neutral--200); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; } .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-top: var(--_spacers---main-spacers--extra-small); padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); background-color: var(--core--colors--neutral--100); } .footer-wrapper { background-color: var(--core--colors--neutral--800); overflow: hidden; } .footer-logo-wrapper { border: 1px solid var(--core--colors--neutral--700); justify-content: center; align-items: center; min-width: 132px; min-height: 132px; margin: -1px; display: flex; } .footer-button { grid-column-gap: 6px; grid-row-gap: 6px; border: 1px solid var(--core--colors--neutral--700); color: var(--font--colors--title-dm); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; background-color: #2929294d; justify-content: center; align-items: center; margin-bottom: -1px; margin-right: -1px; font-weight: 600; text-decoration: none; display: flex; position: relative; overflow: hidden; } .footer-button:hover { color: var(--font--colors--title-dm); } .corner-gradient-container { width: 100%; position: relative; } .corner-gradient-container.row { margin-top: -1px; } .footer-middle-content { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer-middle-content.v2 { grid-template-columns: 3fr 1fr; align-items: start; } .footer-pages-column { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .footer-pages-grid { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .footer-pages-grid.v2 { grid-row-gap: 0px; grid-template-columns: 1fr 1fr 1fr; } .footer-link-icon { z-index: 1; color: var(--font--colors--paragraph); position: relative; } .footer-link-bg { background-color: var(--core--colors--neutral--700); position: absolute; inset: 0% auto 0% 0%; } .footer-link-text { z-index: 1; position: relative; } .footer-links-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--core--colors--neutral--700); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: -1px; margin-right: -1px; display: grid; } .footer-contact-link { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--medium); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--700); margin-bottom: -1px; margin-right: -1px; text-decoration: none; display: flex; } .footer-contact-link-icon-wrapper { background-color: var(--neutral-700-opacity-30); color: var(--font--colors--title-dm); justify-content: center; align-items: center; min-width: 56px; max-width: 56px; min-height: 56px; max-height: 56px; display: flex; position: relative; } .footer-contact-link-icon { z-index: 1; max-width: 24px; position: relative; } .footer-contact-link-bg { background-color: var(--core--colors--neutral--100); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .medium { font-weight: 500; } .link-square-icon-left---dark-mode { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); color: var(--font--colors--title-dm); justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .link-square-icon-left---dark-mode:hover { color: var(--core--colors--neutral--500); } .icon-40px---dark-mode { background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); justify-content: center; align-items: center; min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; display: flex; } .icon-18px { min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; } .text-link { color: var(--font--colors--title-dm); font-weight: 500; text-decoration: none; } .text-link:hover { color: var(--core--colors--neutral--500); } .hero-v2-image { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; } .hero-v2-content-wrapper { left: var(--_spacers---container-default--padding--default); right: var(--_spacers---container-default--padding--default); z-index: 1; text-align: center; width: 50%; max-width: 440px; margin-left: auto; margin-right: auto; position: absolute; } .logo-stirp-section { overflow: hidden; } .logo-strip-marquee-wrapper { justify-content: center; align-items: center; display: flex; } .logo-strip-marquee { padding-right: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); flex: none; display: flex; } .our-mission-section-top-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; } .our-mission-section-top { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-large); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); flex-flow: column; justify-content: center; display: flex; } .our-mission-image-wrapper { border-style: none solid solid; border-width: 1px; border-color: var(--core--colors--neutral--400); } .tabs-menu { z-index: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; position: relative; } .tab-link { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--small); grid-column-gap: 6px; grid-row-gap: 6px; border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); color: var(--core--colors--neutral--500); line-height: var(--_typography---line-height--regular); flex: 1; justify-content: center; align-items: center; width: auto; margin-right: -1px; font-weight: 500; transition: background-color .3s, border-color .3s, color .3s; display: flex; } .tab-link:hover { color: var(--font--colors--title); } .tab-link.w--current { z-index: 1; border-color: var(--core--colors--neutral--800); background-color: var(--core--colors--neutral--300); color: var(--font--colors--title); } .tab-link.last { margin-right: 0; } .tab-pane { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: auto auto; justify-content: space-between; place-items: center stretch; max-width: 665px; margin-left: auto; margin-right: auto; } .tab-pane-image { width: 100%; max-width: 226px; } .tab-rich-text h3 { margin-bottom: var(--_spacers---main-spacers--4x-extra-small); font-size: var(--_typography---font-size--displays--display-4); } .tab-rich-text p { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); } .tab-rich-text ul { margin-top: var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); flex-flow: column; padding-left: 0; list-style-type: none; display: flex; } .tab-rich-text li { line-height: var(--_typography---line-height--regular); background-image: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a7919b056478f2bec24141_check-icon-dark-quantum-webflow-template.svg"); background-position: 0 2px; background-repeat: no-repeat; background-size: 16px 16px; padding-left: 20px; } .tab-pane-content { max-width: 290px; } .tab-pane-wrapper { padding: var(--_spacers---main-spacers--3x-extra-large) var(--_spacers---main-spacers--large); } .tabs-content { border-style: none solid solid; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); } .cta-v2-image { z-index: -1; object-fit: cover; object-position: 0% 50%; width: 50%; max-width: 668px; height: 100%; position: absolute; inset: 10px 0% 10px auto; } .featured-blog-grid-v2 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1.25fr 1fr; } .featured-blog-grid-v2---right { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto 1fr; grid-template-columns: 1fr; } .secondary-blog { padding: var(--_spacers---main-spacers--extra-large) var(--_spacers---main-spacers--medium); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); text-decoration: none; display: flex; position: relative; } .newsletter-item { border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--800); flex-flow: column; justify-content: space-between; display: flex; } .newsletter-item-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-small); } .featured-blog-v1-wrapper { align-items: flex-start; height: 100%; display: flex; } .hero-v3-content { z-index: 1; max-width: 370px; margin-left: auto; margin-right: auto; position: relative; } .hero-v3-image { width: 100%; margin-top: -19%; } .about-v2-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1.9fr 1fr; } .about-v2-left-content-wrapper { padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--medium); grid-row-gap: var(--_spacers---main-spacers--medium); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .about-v2-left-content { max-width: 600px; margin-left: auto; margin-right: auto; } .about-v2-right-content-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .about-v2-item { padding: var(--_spacers---main-spacers--medium); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); flex: 1; justify-content: flex-start; align-items: center; display: flex; } .principles-tabs-wrapper { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 440px auto; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: grid; } .principles-tabs-menu { flex-flow: column; padding-top: 175px; padding-bottom: 125px; display: flex; } .principles-tab-link { padding: var(--_spacers---main-spacers--regular) 0px; border-bottom: 1px solid var(--core--colors--neutral--300); transform-style: preserve-3d; background-color: #0000; flex-flow: column; justify-content: center; width: 100%; transition-property: transform; display: flex; } .principles-tab-link:hover { transform: translate3d(4px, 0, .01px); } .principles-tab-link.w--current { background-color: #0000; } .principles-tab-link.first { min-height: 96px; padding-top: 0; } .principles-tab-link.last { border-bottom-style: none; min-height: 96px; padding-bottom: 0; } .tab-link-content { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); justify-content: flex-start; align-items: center; display: flex; } .tab-link-content.display-block { display: block; } .tabs-link-text-wrapper { overflow: hidden; } .tabs-link-text { color: var(--font--colors--paragraph); } .principles-tab-image { width: 100%; max-width: 552px; } .principles-section-top-content { z-index: 1; max-width: 375px; position: absolute; inset: 0% auto auto 0%; } .principles-section-bottom-content { z-index: 1; position: absolute; inset: auto auto 0% 0%; } .buttons-row-v2 { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--core--colors--neutral--700); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .cta-v3-image { position: absolute; inset: auto 0% 0%; } .buttons-row-wrapper-v2 { margin-top: var(--_spacers---main-spacers--small); } .testimonial-tabs-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr; display: grid; } .testimonial-tabs-menu { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .testimonial-tabs-content { border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); } .testimonial-tab-link { padding: var(--_spacers---main-spacers--medium); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: #0000; flex-flow: column; flex: 1; justify-content: center; align-items: center; display: flex; position: relative; } .testimonial-tab-link.w--current { background-color: #0000; } .testimonial-tab-logo { z-index: 1; position: relative; } .testimonial-tab-pane { height: 100%; } .testimonial-tab-pane-content { padding: var(--_spacers---main-spacers--2x-extra-large); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); flex-flow: column; justify-content: space-between; height: 100%; display: flex; } .quote-icon { color: var(--font--colors--title); min-width: 26px; max-width: 26px; min-height: 26px; max-height: 26px; } .testimonial-tab-pane-bottom-content { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); justify-content: space-between; align-items: flex-end; display: flex; } .avatar-details-right { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); justify-content: flex-start; align-items: center; display: flex; } .testimonial-tab-stats { flex-flow: column; justify-content: flex-start; align-items: flex-end; display: flex; } .blog-grid-v3 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-hero-stats-wrapper { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: auto auto auto auto; justify-content: space-between; } .stat-wrapper { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); justify-content: flex-start; align-items: flex-end; min-width: 180px; display: flex; } .stat-wrapper._3-digits { min-width: 194px; } .stat-text { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-10); line-height: var(--_typography---line-height--small); letter-spacing: var(--_typography---letter-spacing--regular); font-weight: 500; } .stat-arrow-wrapper { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); background-color: var(--core--colors--neutral--300); color: var(--font--colors--title); border-radius: 50%; justify-content: center; align-items: center; min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; display: flex; } .stat-arrow { min-width: 14px; max-width: 14px; min-height: 14px; max-height: 14px; } .container-large { margin-top: var(--_spacers---main-spacers--regular); padding-right: var(--_spacers---main-spacers--3x-extra-small); padding-left: var(--_spacers---main-spacers--3x-extra-small); justify-content: center; align-items: center; width: 100%; max-width: 1162px; margin-left: auto; margin-right: auto; display: flex; position: relative; } .values-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; } .value-item { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); justify-content: flex-start; align-items: center; max-width: none; max-height: none; display: flex; } .team-members-container { margin: var(--_spacers---main-spacers--regular) auto; padding-right: var(--_spacers---main-spacers--3x-extra-small); padding-left: var(--_spacers---main-spacers--3x-extra-small); width: 100%; max-width: 1160px; } .team-members-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .team-member-item { padding: var(--_spacers---main-spacers--extra-small); grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr 1.8fr; grid-auto-columns: 1fr; justify-content: flex-start; place-items: stretch stretch; max-width: none; height: 100%; max-height: none; display: grid; position: relative; } .avatar-link { justify-content: center; align-items: center; max-width: 170px; display: flex; overflow: hidden; } .team-member-item-content { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--2x-extra-large); } .team-member-heading { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); flex-flow: wrap; justify-content: flex-start; align-items: flex-end; display: flex; } .team-member-job-title { margin-bottom: 4px; } .team-member-buttons-wrapper { display: flex; position: absolute; inset: auto 0% 0% auto; } .heading-link { text-decoration: none; transition-property: opacity; } .heading-link:hover { opacity: .5; } .box-wrapper { flex-flow: column; display: flex; } .box-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 3.25fr; grid-auto-columns: 1fr; display: grid; } .box-heading-wrapper { padding: var(--_spacers---main-spacers--regular); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); } .career-category-empty-state { padding: var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--neutral--400); background-color: #0000; height: 100%; margin-bottom: -1px; margin-right: -1px; } .career-item { z-index: 1; padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); justify-content: space-between; align-items: center; text-decoration: none; display: flex; position: relative; } .career-item-details { grid-column-gap: 6px; grid-row-gap: 6px; display: flex; } .career-item-arrow { min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; } .box-divider { border-right: 1px solid var(--core--colors--neutral--400); border-left: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); flex-flow: column; height: 36px; margin-top: -1px; margin-bottom: -1px; display: flex; position: relative; } .social-media-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .social-media-link { padding: var(--_spacers---main-spacers--extra-large) var(--_spacers---main-spacers--small); grid-column-gap: 6px; grid-row-gap: 6px; border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-3); justify-content: center; align-items: center; font-weight: 500; line-height: 1em; text-decoration: none; transition: background-color .3s, color .3s; display: flex; } .social-media-link:hover { background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); } .hidden { display: none; } .cta-v4-content-wrapper { padding-top: var(--_spacers---sections--paddings--pd-extra-small); padding-bottom: var(--_spacers---main-spacers--2x-extra-large); grid-column-gap: var(--_spacers---main-spacers--5x-extra-large); grid-row-gap: var(--_spacers---main-spacers--5x-extra-large); border-right: 1px solid var(--core--colors--neutral--700); border-left: 1px solid var(--core--colors--neutral--700); flex-flow: column; display: flex; } .cta-v4-content-top { padding-right: var(--_spacers---main-spacers--2x-extra-large); padding-left: var(--_spacers---main-spacers--2x-extra-large); max-width: 694px; } .cta-v4-content-bottom { padding-right: var(--_spacers---main-spacers--2x-extra-large); padding-left: var(--_spacers---main-spacers--2x-extra-large); grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); border-top: 1px solid var(--core--colors--neutral--700); border-bottom: 1px solid var(--core--colors--neutral--700); justify-content: flex-start; align-items: center; display: flex; } .check-item-wrapper { grid-column-gap: var(--_spacers---main-spacers--5x-extra-small); grid-row-gap: var(--_spacers---main-spacers--5x-extra-small); justify-content: flex-start; align-items: center; display: flex; } .cta-v4-form-wrapper { flex-flow: column; width: 100%; max-width: 465px; display: flex; position: relative; } .category-list { display: flex; } .category-list.vertical { flex-flow: column; } .category-list.center { justify-content: center; align-items: center; } .category-link { padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--neutral--400); color: var(--core--colors--neutral--500); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; background-color: #0000; margin-bottom: -1px; margin-right: -1px; font-weight: 500; text-decoration: none; transition: border-color .3s, background-color .3s, color .3s; } .category-link:hover { color: var(--font--colors--title); } .category-link.w--current { border-color: var(--core--colors--neutral--800); background-color: var(--core--colors--neutral--300); color: var(--font--colors--title); position: relative; } .category-link.vertical { text-align: left; } .blog-v1-grid { grid-column-gap: 0px; grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .pagination-wrapper { margin-top: var(--_spacers---main-spacers--regular); flex-flow: column; justify-content: center; align-items: center; position: relative; } .pagination-wrapper.v2 { border: 1px solid var(--core--colors--neutral--400); flex-flow: column; justify-content: center; align-items: center; } .pagination-button-wrapper { width: 100%; max-width: 380px; margin-left: auto; margin-right: auto; position: relative; } .pagination-button { border-color: var(--core--colors--neutral--400); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-2); background-color: #0000; border-radius: 0; justify-content: center; align-items: center; min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; margin-left: 0; margin-right: auto; padding: 0; transition: background-color .3s, border-color .3s, color .3s; display: flex; } .pagination-button:hover { border-color: var(--core--colors--neutral--800); background-color: var(--core--colors--neutral--800); color: var(--font--colors--title-dm); } .pagination-button.right { border-top-style: none; border-bottom-style: none; margin-left: auto; margin-right: 0; } .pagination-button.left { border-top-style: none; border-bottom-style: none; } .pagination-border { background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 50%, transparent); width: 100%; height: 1px; position: absolute; inset: 0% 0% auto; } .pagination-border.bottom { inset: auto 0% 0%; } .page-count { color: var(--font--colors--title); width: auto; margin-top: 0; margin-left: auto; margin-right: auto; position: absolute; } .sticky-left-grid { grid-column-gap: var(--_spacers---main-spacers--5x-extra-large); grid-row-gap: var(--_spacers---main-spacers--5x-extra-large); grid-template-rows: auto; grid-template-columns: auto 1fr; align-items: start; } .sticky-left { top: var(--_spacers---main-spacers--small); position: sticky; } .blog-grid-v2 { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .blog-card-v2 { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr 1.5fr; grid-auto-columns: 1fr; text-decoration: none; display: grid; } .blog-card-v2-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--4x-extra-large); grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .blog-card-v2-bottom { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 140px 140px auto; grid-auto-columns: 1fr; justify-content: flex-end; place-items: stretch stretch; display: grid; position: absolute; inset: auto 0% 0%; } .blog-card-v2-detail { padding: var(--_spacers---main-spacers--extra-small); border-left: 1px solid var(--core--colors--neutral--400); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-align: center; letter-spacing: var(--_typography---letter-spacing--regular); text-transform: uppercase; flex-flow: column; justify-content: center; align-items: center; min-height: 60px; font-weight: 500; display: flex; } .blog-card-v2-detail.first { color: var(--core--colors--neutral--500); border-left-style: none; } .blog-card-v2-bottom-gradient { background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400)); width: 100%; height: 1px; position: absolute; inset: 0% 0% auto; } .blog-grid-v4 { grid-column-gap: 0px; grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .header-logo-wrapper { aspect-ratio: 1; overflow: hidden; } .header-logo-wrapper.v2 { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); aspect-ratio: auto; border-right: 1px solid var(--core--colors--neutral--400); display: flex; } .show-light-mode:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .show-dark-mode { display: none; } .show-dark-mode:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { display: block; } .header-wrapper---absolute { position: absolute; inset: 0% 0% auto; } .hero-v4-grid { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .hero-v4-left-content { grid-column-gap: var(--_spacers---main-spacers--4x-extra-large); grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); flex-flow: column; max-width: 465px; display: flex; } .hero-v4-image { width: 100%; max-width: 314px; } .heading-wrapper { grid-column-gap: 12px; grid-row-gap: 0px; text-align: center; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .mg-top-5x-extra-large { margin-top: var(--_spacers---main-spacers--5x-extra-large); } .team-member-item-v2-content { padding: var(--_spacers---main-spacers--regular); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); flex-flow: column; justify-content: center; display: flex; } .team-member-item-v2-wrapper { flex-flow: column; display: flex; } .rich-text-side-gradient { background-image: linear-gradient(180deg, transparent, var(--core--colors--neutral--400) 50%, transparent); width: 1px; height: 80%; position: absolute; inset: 0% auto auto 0%; } .rich-text-side-gradient.right { inset: 0% 0% auto auto; } .hero-blog-single-bg-wrapper { color: var(--core--colors--neutral--400); justify-content: center; align-items: center; width: 35%; max-width: 380px; display: flex; position: absolute; inset: 0% auto auto 0%; transform: translate(-50%, -50%); } .hero-blg-single-bg-gradient { background-image: radial-gradient(circle closest-side at 50% 50%, transparent, var(--core--colors--neutral--100)); position: absolute; inset: 0%; } .password-protected-card-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--large); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .input-wrapper { position: relative; } .footer-v3 { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); justify-content: space-between; align-items: center; display: flex; position: relative; } .footer-v3-social-links { justify-content: flex-end; align-items: center; display: flex; } .center-content { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } ._404-not-found-image { margin-bottom: var(--_spacers---main-spacers--medium); width: 85%; max-width: 830px; } .search-grid { grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .coming-soon-content { z-index: 1; padding: var(--_spacers---main-spacers--2x-extra-large) 0px 0px var(--_spacers---main-spacers--2x-extra-large); background-color: var(--core--colors--neutral--100); max-width: 472px; position: absolute; inset: auto 0% 0% auto; } .contact-grid { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .contact-form-button-wrapper { position: absolute; inset: auto 0% 0% auto; } .select-wrapper { border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); position: relative; } .select-icon-wrapper { -webkit-backdrop-filter: blur(200px); backdrop-filter: blur(200px); flex-flow: column; justify-content: center; align-items: flex-start; width: 40px; display: flex; position: absolute; inset: 0% 0% 0% auto; } .select-icon { color: var(--font--colors--title); min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; } .contact-form-block { margin-bottom: 0; } .contact-success-message { padding: var(--_spacers---main-spacers--2x-extra-small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); text-align: center; flex-flow: column; justify-content: center; align-items: center; min-height: 422px; display: flex; } .contact-success-icon { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); color: var(--font--colors--title); max-width: 64px; } .contact-links-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; } .contact-v1-link { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 110px 1fr; grid-auto-columns: 1fr; text-decoration: none; display: grid; position: relative; } .contact-icon-wrapper { aspect-ratio: 1; background-color: var(--core--colors--neutral--200); justify-content: center; align-items: center; display: flex; position: relative; } .contact-icon-wrapper.v2 { background-color: var(--core--colors--neutral--300); } .contact-icon { z-index: 1; color: var(--font--colors--title); min-width: 26px; max-width: 26px; min-height: 26px; max-height: 26px; position: relative; } .contact-icon-bg { background-color: var(--core--colors--neutral--800); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .contact-v1-link-content { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--4x-extra-large) var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); flex-flow: column; justify-content: center; display: flex; } .contact-cards-grid-v1 { grid-column-gap: 0px; grid-row-gap: 0px; border-style: solid none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .faqs-v1-wrapper { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 2fr; align-items: start; } .faqs-v1-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; } .accordion-number { border: 1px solid var(--core--colors--neutral--800); color: var(--font--colors--title); text-align: center; background-color: #0000; justify-content: center; align-items: center; min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; font-weight: 500; display: flex; } .accordion-title { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-4); line-height: var(--_typography---line-height--regular); letter-spacing: var(--_typography---letter-spacing--regular); font-weight: 500; } .accordion-content { margin-top: 10px; } .accordion-content.v2 { max-width: 535px; margin-top: 0; } .accordion-content.v3 { margin-top: 0; } .contact-card-v1-content { padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--2x-extra-large); grid-row-gap: var(--_spacers---main-spacers--2x-extra-large); flex-flow: column; flex: 1; justify-content: space-between; display: flex; } .contact-card-v1-image { width: 85%; max-width: 228px; margin-left: auto; margin-right: auto; display: block; } .contact-card-v1-link-wrapper { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); border-top: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); color: var(--font--colors--title); line-height: var(--_typography---line-height--regular); justify-content: space-between; align-items: center; font-weight: 500; display: flex; position: relative; } .contact-card-link-bg { background-color: var(--core--colors--neutral--800); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .contact-card-v2-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .contact-card-v2-content { padding-top: var(--_spacers---main-spacers--medium); padding-right: var(--_spacers---main-spacers--medium); padding-bottom: var(--_spacers---main-spacers--4x-extra-large); } .contact-card-v2-link { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); justify-content: space-between; align-items: center; width: 50%; margin-bottom: -1px; margin-right: -1px; display: flex; position: absolute; inset: auto 0% 0% auto; } .contact-card-v2-image { margin: var(--_spacers---main-spacers--large) auto; width: 75%; } .contact-link-text { z-index: 1; color: var(--font--colors--title); font-weight: 500; position: relative; } .contact-v2-link { padding: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 56px 1fr; grid-auto-columns: 1fr; align-items: center; text-decoration: none; display: grid; } .contact-v3-grid { grid-column-gap: 0px; grid-row-gap: 0px; border-style: solid none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; } .contact-v3-hero-content { padding: var(--_spacers---main-spacers--large); border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); } .contact-card-v3-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; } .contact-v3-form-wrapper { z-index: 2; position: relative; } .contact-card-v3-image { margin: var(--_spacers---main-spacers--small); width: 65%; max-width: 160px; } .contact-card-v3-link { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); border-top: 1px solid var(--core--colors--neutral--400); border-left: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); justify-content: space-between; align-items: center; display: flex; position: absolute; inset: auto 0% 0%; } .contact-card-v3-content { padding-top: var(--_spacers---main-spacers--medium); padding-right: var(--_spacers---main-spacers--medium); padding-bottom: var(--_spacers---main-spacers--4x-extra-large); position: relative; } .faqs-v3-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .faqs-v3-column { grid-column-gap: 0px; grid-row-gap: 0px; border-style: solid none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr; margin-right: -1px; } .show-in-mbl { display: none; } .hidden-on-mbl { display: block; } .hero-v5-top-content { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: flex-end; display: flex; position: relative; } .hero-v5-grid---left-content { max-width: 280px; } .hero-v5-grid---right-content { max-width: 350px; } .hero-v5-image-wrapper { z-index: -1; width: 100%; max-width: 1409px; margin-top: -155px; margin-left: auto; margin-right: auto; position: relative; } .perks-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .testimonial-grid { grid-column-gap: 0px; grid-row-gap: 0px; border-style: solid none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1.6fr; } .testimonial-card-avatar { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); justify-content: flex-start; align-items: center; display: flex; } .avatar-border { border: 1px solid var(--core--colors--neutral--300); } .testimonial-quote-icon { margin-bottom: var(--_spacers---main-spacers--3x-extra-small); max-width: 28px; } .career-single-grid { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); grid-template-rows: auto; grid-template-columns: 1.8fr 1fr; align-items: start; } .benefits-grid { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); grid-template-rows: auto; grid-template-columns: 1fr; } .benefit-wrapper { grid-column-gap: var(--_spacers---main-spacers--5x-extra-small); grid-row-gap: var(--_spacers---main-spacers--5x-extra-small); color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-2); justify-content: flex-start; align-items: center; font-weight: 500; display: flex; } .benefits-card-button-wrapper { position: absolute; inset: auto 0% 0% auto; } .benefit-card-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--5x-extra-large); position: relative; } .included-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .border-wrapper { z-index: 1; border-top: 1px solid var(--core--colors--neutral--400); border-left: 1px solid var(--core--colors--neutral--400); position: relative; } .blog-featured-v1-wrapper { flex-flow: column; width: 100%; margin-top: -1px; display: flex; position: relative; } .icon-button-bg { background-color: var(--core--colors--neutral--800); width: 0%; position: absolute; inset: 0% auto 0% 0%; } .blog-card-v3-wrapper { flex-flow: row; margin-bottom: -1px; margin-right: -1px; display: flex; } .card-accordion-v1-wrapper { border: 1px solid var(--core--colors--neutral--400); cursor: pointer; margin-bottom: -1px; margin-right: -1px; overflow: hidden; } .card-accordion-v3-wrapper { border-style: none solid solid none; border-width: 1px; border-color: var(--core--colors--neutral--400); overflow: hidden; } .testimonial-large-text { color: var(--font--colors--title); font-size: var(--_typography---font-size--displays--display-5); line-height: var(--_typography---line-height--regular); font-weight: 500; } .header-left-side { flex-flow: column; justify-content: center; margin-right: auto; display: flex; } .header-button { border-left: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); justify-content: center; align-items: center; min-width: 65px; min-height: 65px; transition-property: background-color; display: flex; } .header-button:hover { background-color: var(--core--colors--neutral--400); color: var(--font--colors--title); } .header-button-icon { max-width: 24px; } .footer-middle-v2-content { padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--2x-extra-large); margin-top: -1px; position: relative; } .footer-middle-v2-heading { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-large); border-bottom: 1px solid var(--core--colors--neutral--700); background-color: #2929294d; position: relative; } .footer-headings-grid { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); grid-template-rows: auto; grid-template-columns: 3fr 1fr; } .footer-pages-title-v2 { padding-left: var(--_spacers---main-spacers--extra-small); font-size: var(--_typography---font-size--displays--display-1); line-height: var(--_typography---line-height--regular); text-transform: uppercase; font-weight: 500; } .footer-logo-v2 { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--regular); border-right: 1px solid var(--core--colors--neutral--700); background-color: #2929294d; } .footer-v2-logo-link { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--regular); border-left: 1px solid var(--core--colors--neutral--700); background-color: var(--core--colors--neutral--100); flex-flow: column; justify-content: center; align-items: center; width: 100%; max-width: 180px; transition: background-color .3s, color .3s; display: flex; } .footer-v2-logo-link:hover { background-color: var(--core--colors--neutral--700); color: var(--font--colors--title-dm); } .icon-28px { max-width: 28px; } .count-up-number-animation { display: inline-block; } .principles-tab-image-wrapper { padding: var(--_spacers---main-spacers--extra-small); border: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--200); } .coming-soon-content-wrapper { position: relative; } .button-icon-bg { z-index: -1; background-color: var(--core--colors--neutral--100); border-radius: 100%; position: absolute; inset: -2px; transform: scale(0); } .button-icon-bg.bg-neutral-800 { background-color: var(--core--colors--neutral--800); } .button-icon-bg-inside { z-index: -2; background-color: var(--core--colors--neutral--500); border-radius: 100%; position: absolute; inset: -2px; transform: scale(0); } .button-icon-bg-inside.bg-neutral-600 { background-color: var(--core--colors--neutral--600); } .mg-top-5px { margin-top: 5px; } .overflow-clip { overflow: clip; } .sticky-top { z-index: 1; position: sticky; top: 24px; } .width-67 { width: 67%; } .career-item-bg { z-index: -1; background-color: var(--core--colors--neutral--300); transform-origin: 0%; position: absolute; inset: 0; } .more-webflow-templates-sub { color: #523ff5; text-decoration: underline; } .more-templates-p { margin-bottom: 0; font-size: 13px; line-height: 1.4em; } .brix-badges-wrapper { z-index: 99999999; width: 300px; height: 120px; position: fixed; inset: auto 50px 0 auto; } .more-templates-lottie { z-index: 9999; width: 44px; position: absolute; inset: -18px -19px auto auto; } .hidden-code { display: none; } .more-templates-badge-wrapper { z-index: 9991; grid-column-gap: 10px; grid-row-gap: 10px; opacity: 0; color: #666977; background-color: #fff; border: 1px solid #f0f0f6; border-radius: 12px; align-items: center; width: 100%; max-width: 320px; min-height: 76px; padding: 12px 22px 12px 18px; text-decoration: none; transition-property: none; display: flex; position: absolute; transform: scale(.9)translate(0, 20px); box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414; } .more-templates-badge-wrapper:hover { color: #666977; } .more-templates-badge-wrapper.customization { border-color: #4a3aff; padding-left: 10px; } .more-templates-logo { width: 80px; } .more-templates-logo.blur { z-index: -1; opacity: .68; filter: blur(3px); position: absolute; inset: 10% 0% 20px; } .more-templates-logo.customize { width: 110px; } .more-templates-logo-wrapper { position: relative; } @media screen and (min-width: 1440px) { .utp---buttons-top { display: flex; } .utp---grid-components { grid-column-gap: 19px; } .utp---card-componets-wrapper { padding-left: 48px; padding-right: 48px; } .card.utp---components-wrapper { flex-direction: row; } .card.typography-card { padding-left: 48px; padding-right: 48px; } .utp---buttons-sidebar { flex-direction: column; display: flex; } .utp---components-head-wrapper { padding-left: 48px; padding-right: 48px; } .utp---components-head-wrapper.buttons { grid-template-columns: 1fr 1fr 1fr; } .utp---sidebar-layout-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(280px, 310px) 1fr; grid-auto-columns: 1fr; display: grid; } .notification-bar-content { padding-left: 0; padding-right: 0; } .notification-bar { width: 100%; } .cta-v3-image { position: absolute; inset: auto 0% 0%; } } @media screen and (min-width: 1920px) { .utp---content-wrapper { max-width: 87vw; } .utp---sidebar-layout-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(280px, 310px) 1fr; grid-auto-columns: 1fr; max-width: 100vw; display: grid; } .text-light { color: #fff; } .corner-gradient-horizontal.top-left { background-image: linear-gradient(90deg, var(--core--colors--neutral--100), var(--core--colors--neutral--400)); } } @media screen and (max-width: 991px) { body { --_spacers---main-spacers--small: 24px; --_spacers---main-spacers--large: 48px; --_spacers---main-spacers--regular: 32px; --_spacers---main-spacers--extra-small: 20px; --_spacers---main-spacers--2x-extra-small: 16px; --_spacers---main-spacers--4x-extra-small: 8px; --_spacers---main-spacers--2x-extra-large: 64px; --_spacers---main-spacers--medium: 40px; --_spacers---main-spacers--5x-extra-large: 100px; --_spacers---main-spacers--4x-extra-large: 80px; --_spacers---main-spacers--3x-extra-small: 12px; --_spacers---sections--paddings--pd-default: 100px; --_spacers---sections--paddings--pd-2x-extra-small: 48px; --_spacers---sections--paddings--pd-small: 100px; --_spacers---sections--paddings--pd-extra-small: 80px; --_spacers---sizing--container--default: 1186px; --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); --_spacers---main-spacers--5x-extra-small: 4px; --_spacers---main-spacers--extra-large: 56px; --_spacers---main-spacers--3x-extra-large: 72px; --_spacers---border-radius--br-none: 0px; --_typography---font--family--primary-font: "Inter Tight", sans-serif; --_typography---font-size--paragraphs--default: 1rem; --_typography---line-height--large: 1.5em; --_typography---letter-spacing--regular: -.03em; --_typography---font-size--displays--display-9: 2.5rem; --_typography---line-height--small: 1.15em; --_typography---font-size--displays--display-7: 1.875rem; --_typography---line-height--regular: 1.25em; --_typography---font-size--displays--display-6: 1.75rem; --_typography---font-size--displays--display-5: 1.5rem; --_typography---font-size--displays--display-3: 1.125rem; --_typography---font-size--displays--display-2: 1rem; --_typography---font-size--paragraphs--large: 1.125rem; --_typography---font-size--displays--display-1: .875rem; --_typography---font-size--paragraphs--small: .875rem; --_typography---font-size--displays--display-8: 2.25rem; --_typography---font-size--displays--display-4: 1.25rem; --_typography---font-size--displays--display-10: 3rem; --_typography---font-size--base-font: 1rem; --_typography---letter-spacing--none: 0px; --_typography---letter-spacing--small: -.01em; --_typography---letter-spacing--large: -.05em; } blockquote { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .hamburger-menu-line:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { background-color: var(--core--colors--neutral--100); } .hamburger-menu { border-style: none none none solid; border-width: 1px; border-color: var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--300); width: 66px; height: 66px; padding: 0; transition: background-color .3s; overflow: hidden; } .hamburger-menu:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { border-style: solid; border-color: var(--core--colors--neutral--700); background-color: var(--neutral-700-opacity-30); } .hamburger-menu:hover { background-color: var(--core--colors--neutral--400); } .hamburger-menu:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { background-color: var(--core--colors--neutral--700); } .hamburger-menu.w--open { background-color: var(--core--colors--neutral--300); } .hamburger-menu.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { background-color: var(--core--colors--neutral--700); } .hamburger-menu.w--open:hover { background-color: var(--core--colors--neutral--400); } .hamburger-menu.w--open:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { background-color: var(--core--colors--neutral--600); } .utp--sidebar-wrapper { height: auto; max-height: none; position: static; overflow: visible; } .display-9 { font-size: 56px; } .grid-4-columns { grid-template-columns: 1fr 1fr; } .sidebar---navbar { padding-bottom: 24px; } .inner-container._100-tablet { max-width: 100%; } .utp---typography-grid-row { flex-direction: column; align-items: flex-start; } .utp---typography-grid-row.header { display: none; } .divider.mg-2x-extra-large { margin-top: var(--_spacers---main-spacers--large); margin-bottom: var(--_spacers---main-spacers--large); } .divider._5x-extra-large { margin-top: var(--_spacers---main-spacers--4x-extra-large); margin-bottom: var(--_spacers---main-spacers--4x-extra-large); } .utp---card-componets-wrapper { width: 100%; } .utp---card-componets-wrapper.v2 { padding-left: 22px; padding-right: 22px; } .utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 { width: 100%; } .card.utp---components-wrapper { flex-direction: column; } .card.template-pages---text-card { padding: 32px 40px; padding: var(--_spacers---main-spacers--regular); } .card.accordion-card-v1 { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); } .card.team-member-card-center { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .card.sales-home---text-and-image { flex-flow: column; } .card.header-dropdown-card { margin-top: var(--_spacers---main-spacers--small); margin-bottom: var(--_spacers---main-spacers--small); border-style: none; min-width: 0; padding: 0; } .card.accordin-card-v3 { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .card.perks-card { padding: var(--_spacers---main-spacers--regular); } .card.testimonial-card { padding: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--small); } .card.testimonial-card.large { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); } .card.testimonial-stats { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); justify-content: flex-start; align-items: center; } .grid-2-columns.template-page-sidebar { grid-template-columns: .5fr 1fr; } .grid-2-columns.changelog-item { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: .3fr 1fr; padding-top: 40px; padding-bottom: 40px; } .grid-2-columns.surprises-image { margin-top: var(--_spacers---main-spacers--4x-extra-large); grid-column-gap: var(--_spacers---main-spacers--medium); } .paragraph-large { font-size: 22px; } .utp---content-wrapper { max-width: none; padding-left: 24px; padding-right: 24px; } .display-8 { font-size: 40px; } .avatar-image._140px { width: 120px; min-width: 120px; max-width: 120%; height: 120px; min-height: 120px; max-height: 120px; } .display-7 { font-size: 32px; } .utp---components-head-wrapper { width: 100%; } .utp---components-head-wrapper.buttons { grid-template-columns: 1fr 1fr 1fr; } .utp---sidebar-layout-wrapper { grid-template-columns: minmax(100%, 1fr); } .grid-1-column.gap-row-300px { grid-row-gap: 250px; } .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { min-width: 120px; max-width: 120px; min-height: 120px; max-height: 120px; } .section.sales-home-hero { padding-top: 140px; } .section.small { padding-top: var(--sections--paddings--pd-large\); padding-bottom: var(--sections--paddings--pd-large\); } .section.hero-v1 { padding-top: var(--_spacers---main-spacers--2x-extra-large); } .section.coming-soon-page { padding-top: var(--_spacers---main-spacers--large); padding-bottom: var(--_spacers---main-spacers--4x-extra-large); } .header-content { padding-left: var(--_spacers---container-default--padding--default); margin-left: 0; margin-right: 0; } .nav-menu { padding: var(--_spacers---main-spacers--regular) var(--_spacers---container-default--padding--default); border-bottom: 1px solid var(--core--colors--neutral--400); background-color: var(--core--colors--neutral--100); } .list-nav-menu { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .link-nav-item { margin-left: -10px; display: flex; } .dropdown-toggle { display: inline-flex; } .dropdown-toggle:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .dropdown-toggle.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title); } .dropdown-content-wrapper { width: auto; max-width: none; position: static; transform: none; } .header-right-side { grid-column-gap: 0px; grid-row-gap: 0px; } .header-dropdown { width: 100%; margin-left: 0; margin-right: 0; } .footer-main-section { padding-left: 0; padding-right: 0; } .footer-top { text-align: center; } .footer-top.v2 { padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--regular); text-align: left; } .footer-middle { padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: 64px; flex-flow: column; } .footer-logo { padding: 0; } .footer-link.border-bottom---tablet { border-bottom-style: solid; } .footer-bottom { text-align: center; flex-flow: column; } .footer-bottom.v2 { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .social-square-icon-link:where(.w-variant-08043351-451d-d61e-1bac-dd833edfff98) { border-top-style: solid; } .top-section { padding-top: 64px; } .integration-circle-icon { max-width: 88px; } .hidden-on-tablet { display: none; } .sales-home---hero-link-wrapper { max-width: 240px; } .text-and-image-card---text-container { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); order: -1; width: 100%; max-width: none; } .text-and-image-card---image-wrapper { width: 100%; } .grid-pages { grid-template-columns: 1fr 1fr; } .sales-home---cta-card-text-container { padding: var(--_spacers---main-spacers--regular); } .button-icon-wrapper.footer { right: 80px; } .button-content.footer { padding: var(--_spacers---main-spacers--extra-small) 104px var(--_spacers---main-spacers--extra-small) 80px; min-height: 100px; } .link:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .link:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { color: var(--font--colors--title); } .pages-column { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); } .hero-v1-bg-wrapper { width: 90%; max-width: 380px; } .about-section-top-content { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .about-section-bg { overflow: hidden; } .title-left-content-right { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); flex-flow: wrap; } .corner-gradient-horizontal { width: 64px; } .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { width: 48px; } .corner-gradient-vertical { height: 64px; } .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { height: 48px; } .cta-section.v1 { min-height: 0; padding-bottom: 0; } .cta-section.v3 { padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); } .cta-image { margin-top: -19%; position: static; } .blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-right: var(--_spacers---main-spacers--extra-small); padding-bottom: var(--_spacers---main-spacers--large); padding-left: var(--_spacers---main-spacers--extra-small); } .blog-v1-content.featured-section { padding-top: var(--_spacers---main-spacers--regular); padding-bottom: var(--_spacers---main-spacers--regular); } .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .footer-logo-wrapper { min-width: 100px; min-height: 100px; } .footer-middle-content { grid-row-gap: var(--_spacers---main-spacers--large); grid-template-columns: 1fr; } .footer-middle-content.v2 { grid-template-columns: 2fr 1fr; } .footer-pages-grid.v2 { grid-template-columns: 1fr 1fr; } .footer-contact-link { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--regular); flex-flow: column; } .hero-v2-content-wrapper { width: 52%; max-width: 400px; } .our-mission-section-top { padding: var(--_spacers---main-spacers--regular); } .tab-pane-wrapper { padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--regular); } .cta-v2-image { width: 75%; inset: 0 auto 0 50%; } .secondary-blog { padding: var(--_spacers---main-spacers--regular); } .newsletter-item-content { padding-top: var(--_spacers---main-spacers--regular); padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .about-v2-grid { grid-template-columns: 1.9fr; } .about-v2-left-content-wrapper { padding: var(--_spacers---main-spacers--regular); border-bottom: 1px solid var(--core--colors--neutral--400); } .about-v2-left-content { max-width: 100%; } .about-v2-right-content-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-v2-item { padding: var(--_spacers---main-spacers--regular); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .principles-tabs-wrapper { grid-column-gap: var(--_spacers---main-spacers--medium); grid-template-columns: 1.2fr 1fr; } .principles-tabs-menu { padding-top: 0; padding-bottom: 0; } .principles-tab-image { max-width: none; } .principles-section-top-content { margin-bottom: var(--_spacers---main-spacers--regular); max-width: none; position: static; } .principles-section-bottom-content { margin-top: var(--_spacers---main-spacers--regular); display: flex; position: static; } .testimonial-tabs-wrapper { grid-template-columns: 1fr; } .testimonial-tabs-menu { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .testimonial-tab-link { padding: var(--_spacers---main-spacers--regular); } .testimonial-tab-pane-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); } .stat-wrapper { min-width: 145px; } .stat-wrapper._3-digits { min-width: 154px; } .stat-arrow-wrapper { min-width: 28px; max-width: 28px; min-height: 28px; max-height: 28px; } .stat-arrow { min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px; } .container-large { padding-right: var(--_spacers---container-default--padding--default); padding-left: var(--_spacers---container-default--padding--default); } .values-grid { grid-template-columns: 1fr 1fr; } .team-members-grid { grid-template-columns: 1fr; } .team-member-item { grid-template-columns: 170px 1.8fr; } .social-media-link { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-small); } .cta-v4-content-wrapper { grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); } .cta-v4-content-top { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .cta-v4-content-bottom { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); border-top-style: none; border-bottom-style: none; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .category-list.vertical { flex-flow: row; } .blog-v1-grid { grid-template-columns: 1fr 1fr; } .blog-v1-grid._1-col-tablet { grid-template-columns: 1fr; } .sticky-left-grid { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: auto; } .sticky-left { position: static; } .header-logo-wrapper.v2 { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .hero-v4-grid { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .hero-v4-left-content { grid-column-gap: var(--_spacers---main-spacers--2x-extra-large); grid-row-gap: var(--_spacers---main-spacers--2x-extra-large); } .mg-top-5x-extra-large { margin-top: var(--_spacers---main-spacers--4x-extra-large); } .footer-v3 { padding-top: var(--_spacers---main-spacers--small); padding-right: var(--_spacers---container-default--padding--default); padding-left: var(--_spacers---container-default--padding--default); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); flex-flow: column; } ._404-not-found-image { margin-bottom: var(--_spacers---main-spacers--regular); } .search-grid { grid-template-columns: 1fr 1fr; } .coming-soon-content { padding-top: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); max-width: 430px; } .contact-v1-link { grid-template-columns: 100px 1fr; } .contact-v1-link-content { padding-left: var(--_spacers---main-spacers--small); } .contact-card-v1-content { padding-top: var(--_spacers---main-spacers--medium); padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); grid-column-gap: var(--_spacers---main-spacers--medium); grid-row-gap: var(--_spacers---main-spacers--medium); } .contact-card-v1-link-wrapper { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .contact-card-v2-grid { grid-template-columns: 1fr; } .contact-card-v2-link { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); width: auto; } .contact-v2-link { padding: var(--_spacers---main-spacers--extra-small); } .contact-v3-grid { grid-template-columns: 1fr; } .contact-v3-hero-content { padding: var(--_spacers---main-spacers--regular); } .contact-card-v3-content { padding-top: var(--_spacers---main-spacers--regular); padding-right: var(--_spacers---main-spacers--regular); } .hero-v5-image-wrapper { margin-top: var(--_spacers---main-spacers--medium); } .perks-grid, .testimonial-grid { grid-template-columns: 1fr 1fr; } .career-single-grid { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: 2fr; } .benefit-card-content { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .included-grid { grid-template-columns: 1fr; } .footer-middle-v2-content { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); } .footer-middle-v2-heading { padding-right: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--regular); } .footer-headings-grid { grid-template-columns: 2fr 1fr; } .footer-logo-v2 { border-bottom: 1px solid var(--core--colors--neutral--700); border-right-style: none; } .footer-v2-logo-link { max-width: none; margin-left: auto; margin-right: auto; } .about-hero-lottie { margin-left: -25%; margin-right: -25%; } .brix-badges-wrapper { right: 35px; } } @media screen and (max-width: 767px) { body { --_spacers---main-spacers--small: 24px; --_spacers---main-spacers--large: 48px; --_spacers---main-spacers--regular: 32px; --_spacers---main-spacers--extra-small: 20px; --_spacers---main-spacers--2x-extra-small: 16px; --_spacers---main-spacers--4x-extra-small: 8px; --_spacers---main-spacers--2x-extra-large: 64px; --_spacers---main-spacers--medium: 40px; --_spacers---main-spacers--5x-extra-large: 100px; --_spacers---main-spacers--4x-extra-large: 80px; --_spacers---main-spacers--3x-extra-small: 12px; --_spacers---sections--paddings--pd-default: 80px; --_spacers---sections--paddings--pd-2x-extra-small: 40px; --_spacers---sections--paddings--pd-small: 80px; --_spacers---sections--paddings--pd-extra-small: 64px; --_spacers---sizing--container--default: 1186px; --_spacers---container-default--padding--default: var(--_spacers---main-spacers--extra-small); --_spacers---main-spacers--5x-extra-small: 4px; --_spacers---main-spacers--extra-large: 56px; --_spacers---main-spacers--3x-extra-large: 72px; --_spacers---border-radius--br-none: 0px; --_typography---font--family--primary-font: "Inter Tight", sans-serif; --_typography---font-size--paragraphs--default: .875rem; --_typography---line-height--large: 1.5em; --_typography---letter-spacing--regular: -.03em; --_typography---font-size--displays--display-9: 2.25rem; --_typography---line-height--small: 1.15em; --_typography---font-size--displays--display-7: 1.75rem; --_typography---line-height--regular: 1.25em; --_typography---font-size--displays--display-6: 1.375rem; --_typography---font-size--displays--display-5: 1.25rem; --_typography---font-size--displays--display-3: 1rem; --_typography---font-size--displays--display-2: .875rem; --_typography---font-size--paragraphs--large: 1rem; --_typography---font-size--displays--display-1: .75rem; --_typography---font-size--paragraphs--small: .75rem; --_typography---font-size--displays--display-8: 2rem; --_typography---font-size--displays--display-4: 1.125rem; --_typography---font-size--displays--display-10: 2.5rem; --_typography---font-size--base-font: 1rem; --_typography---letter-spacing--none: 0px; --_typography---letter-spacing--small: -.01em; --_typography---letter-spacing--large: -.05em; } ul, ol { padding-left: 32px; } blockquote { margin-top: var(--_spacers---main-spacers--small); margin-bottom: var(--_spacers---main-spacers--small); padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .utp---nav-menu-wrapper { background-color: #fff; border-top: 1px solid #f1f3f7; border-bottom: 1px solid #f1f3f7; padding: 24px; } .utp---buttons-sidebar-item-wrapper { grid-column-gap: 32px; grid-row-gap: 32px; padding-top: 32px; padding-bottom: 32px; } .utp---sidebar-top { margin-right: auto; } .input { padding: var(--_spacers---main-spacers--2x-extra-small); min-height: 48px; } .input.search-button-inside, .input.enter-now-button-inside { height: 60px; } .input.dark-mode.newsletter, .input.contact-form { min-height: 48px; } .input.select-form { padding-top: var(--_spacers---main-spacers--4x-extra-small); padding-bottom: var(--_spacers---main-spacers--4x-extra-small); min-height: 47px; } .utp---grid-components { grid-row-gap: 32px; } .primary-button.square { width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; } .hamburger-menu-line { width: 24px; } .hamburger-menu { width: 56px; height: 56px; } .utp--sidebar-wrapper { flex-direction: row; align-items: stretch; display: flex; } .display-9 { font-size: 42px; } .sidebar---navbar { justify-content: space-between; align-items: center; width: 100%; padding-top: 24px; display: flex; } .inner-container._100-mbl { max-width: 100%; } .logo-link { font-size: 24px; } .utp---sidebar-dropdown-button { padding: 0; } .mg-top-large { margin-top: var(--_spacers---main-spacers--regular); } .divider._40px { margin-top: 32px; margin-bottom: 32px; } .divider._24px { margin-top: 16px; margin-bottom: 16px; } .divider.mg-2x-extra-large { margin-top: var(--_spacers---main-spacers--medium); margin-bottom: var(--_spacers---main-spacers--medium); } .divider._5x-extra-large { margin-top: var(--_spacers---main-spacers--2x-extra-large); margin-bottom: var(--_spacers---main-spacers--2x-extra-large); } .utp---card-componets-wrapper { padding-top: 32px; padding-bottom: 32px; } .card.utp---icon-font { padding: 32px 24px; } .card.typography-card { padding-top: 32px; padding-bottom: 32px; } .card.template-pages---sticky-card { position: static; top: auto; } .card.template-pages---text-card { padding-left: 32px; padding-right: 32px; padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .card.accordion-card-v1 { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); grid-template-columns: 40px 1fr 16px; } .card.team-member-card-center { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); } .card.search-results-link-card { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .card.header-dropdown-card { margin-top: var(--_spacers---main-spacers--extra-small); margin-bottom: var(--_spacers---main-spacers--extra-small); } .card.principles-card { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); grid-template-rows: auto; grid-template-columns: 1fr 1.5fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .card.team-member-item-v2 { grid-template-columns: 1fr 2.25fr; position: relative; } .card.accordion-card-v2 { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .card.perks-card { padding: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .card.testimonial-card { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); } .card.testimonial-card.large { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .card.testimonial-stats { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--large); grid-row-gap: var(--_spacers---main-spacers--large); } .grid-2-columns, .grid-2-columns.template-page-sidebar { grid-template-columns: 1fr; } .grid-2-columns.changelog-item { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: .4fr 1fr; } .grid-2-columns.contact-form-grid { min-height: 312px; } .grid-2-columns.surprises-image { margin-top: var(--_spacers---main-spacers--2x-extra-large); grid-row-gap: var(--_spacers---main-spacers--medium); grid-template-columns: 1fr; } .grid-2-columns.surprises-image.image-left { grid-template-columns: 1fr; } .paragraph-large { font-size: 20px; } .utp---sidebar-dropdown-list.w--open { max-width: 100%; } .utp---components-wrapper.avatars { grid-template-columns: 1fr; } .secondary-button.square { width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; } .display-8 { font-size: 36px; } .hidden-on-mobile-landscape { display: none; } .avatar-image._140px { width: 100px; min-width: 100px; max-width: 100%; height: 100px; min-height: 100px; max-height: 100px; } .mg-top-small { margin-top: var(--_spacers---main-spacers--extra-small); } .utp---sidebar-bottom { grid-row-gap: 24px; } .utp---sidebar-layout-wrapper { grid-template-columns: minmax(170px, 1fr); } .mg-top-24px { margin-top: var(--main-spacers--2x-extra-small\); } .grid-1-column { grid-row-gap: 20px; } .grid-1-column.gap-row-48px { grid-row-gap: 40px; } .grid-1-column.gap-row-300px { grid-row-gap: 220px; } .text-area { padding: var(--_spacers---main-spacers--2x-extra-small); min-height: 120px; } .utp---color-block { border-radius: 16px; } .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; } .utp---card-color { border-radius: 20px; } .section.sales-home-hero { padding-top: 120px; } .section.small { padding-top: var(--sections--paddings--pd-medium\); padding-bottom: var(--sections--paddings--pd-medium\); } .section.hero-v1 { padding-top: var(--_spacers---main-spacers--large); } .section.hero-v2 { padding-bottom: var(--_spacers---main-spacers--large); } .section.hero-v4 { padding-top: 100px; padding-bottom: var(--_spacers---sections--paddings--pd-default); } .section.coming-soon-page { padding-top: var(--_spacers---main-spacers--medium); padding-bottom: var(--_spacers---main-spacers--2x-extra-large); } .mg-bottom-32px { margin-bottom: 24px; } .start-here-image { margin-bottom: var(--_spacers---main-spacers--regular); } .mg-bottom-16px { margin-bottom: 12px; } .buttons-row { grid-column-gap: 12px; } .pd-top-medium { padding-top: 16px; } .mg-bottom-40px { margin-bottom: 32px; } .mg-bottom-24px { margin-bottom: 20px; } .mg-bottom-48px { margin-bottom: 40px; } .notification-bar-content { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); } .notification-bar-content.v2 { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); text-align: center; flex-flow: column; } .notification-bar-content.v1 { grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); flex-flow: column; } .notification-bar-content.v3 { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); text-align: center; flex-flow: column; } .notification-bar { text-align: center; } .nav-menu { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); } .list-nav-menu { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); } .link-nav-item.mbl-button { margin-left: 0; display: flex; } .dropdown-toggle { grid-column-gap: 4px; } .footer-top.v2 { padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); flex-flow: column; justify-content: space-between; align-items: flex-start; } .footer-middle { padding: var(--_spacers---main-spacers--large) 0px; } .footer-middle.v2 { grid-row-gap: 48px; } .footer-logo { max-width: 100px; } .mg-bottom-20px { margin-bottom: 16px; } .footer-link.border-bottom---mbl { border-bottom-style: solid; } .footer-bottom { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); text-align: center; flex-flow: column; } .social-square-icon-link { max-height: var(--_spacers---main-spacers--large); max-width: var(--_spacers---main-spacers--large); min-height: var(--_spacers---main-spacers--large); min-width: var(--_spacers---main-spacers--large); } .social-square-icon-link:where(.w-variant-c7afc106-7cd0-42c6-0b89-0e485e1826a2) { border-style: solid none none solid; } .mg-bottom-12px { margin-bottom: 8px; } .top-section { padding-top: 56px; } .accordion-arrow { margin-top: 4px; } .rich-text h2 { margin-bottom: var(--_spacers---main-spacers--3x-extra-small); } .rich-text h4 { margin-top: var(--_spacers---main-spacers--regular); margin-bottom: var(--_spacers---main-spacers--3x-extra-small); } .rich-text ul { margin-top: var(--_spacers---main-spacers--extra-small); margin-bottom: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--regular); } .rich-text figure { margin-top: var(--_spacers---main-spacers--regular); margin-bottom: var(--_spacers---main-spacers--regular); } .rich-text img { border-radius: 12px; } .rich-text ol { margin-top: var(--_spacers---main-spacers--3x-extra-small); margin-bottom: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--regular); } .rich-text h3, .rich-text h5, .rich-text h6 { margin-top: var(--_spacers---main-spacers--regular); margin-bottom: var(--_spacers---main-spacers--3x-extra-small); } .rich-text p, .rich-text h1 { margin-bottom: var(--_spacers---main-spacers--3x-extra-small); } .integration-circle-icon { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); min-width: 72px; max-width: 72px; min-height: 72px; max-height: 72px; } .snippet-wrapper { border-radius: 0 20px 20px; } .sales-home---pages-container { margin-top: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); } .sales-home---pages-row { grid-column-gap: var(--main-spacers--2x-extra-small\); grid-row-gap: var(--main-spacers--2x-extra-small\); } .sales-home---hero-link-wrapper { max-width: 200px; } .card-pages-included---bottom-content { padding: var(--_spacers---main-spacers--small); } .text-and-image-card---text-container { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .max-width-64px { max-width: 56px; } .card-page---bottom-content { padding: var(--_spacers---main-spacers--small); } .grid-pages { grid-template-columns: 1fr; } .center-content-mbl { text-align: center; flex-flow: column; align-items: center; display: flex; } .sales-home---cta-card-text-container { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .logo-icon { width: 36px; } .logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { width: 48px; } .button-icon-wrapper.footer { right: 48px; } .squared-icon { min-width: 14px; max-width: 14px; min-height: 14px; max-height: 14px; } .button-content { padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--2x-extra-small); } .button-content.square { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; } .button-content.footer { padding: var(--_spacers---main-spacers--2x-extra-small) 72px var(--_spacers---main-spacers--2x-extra-small) 48px; min-height: 80px; } .icon-square { max-width: 48px; } .form-button { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); min-height: 48px; } .header-dropdown-grid { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: auto; } .pages-column { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); } .dropdown-icon { min-width: 14px; max-width: 14px; min-height: 14px; max-height: 14px; } .hero-v1-grid { grid-row-gap: var(--_spacers---main-spacers--large); grid-template-columns: 1fr; } .about-section-wrapper { padding-top: var(--_spacers---main-spacers--2x-extra-large); } .about-text { font-size: var(--_typography---font-size--displays--display-4); } .about-section-top-content { padding-right: var(--_spacers---main-spacers--3x-extra-small); padding-left: var(--_spacers---main-spacers--3x-extra-small); } .about-section-bottom-content, .mg-top-regular { margin-top: var(--_spacers---main-spacers--small); } .integration-marquee-item { min-width: 64px; max-width: 64px; min-height: 64px; max-height: 64px; } .principles-grid { grid-template-columns: 1fr; } .corner-gradient-horizontal { width: 48px; } .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { width: 32px; } .corner-gradient-vertical { height: 48px; } .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { height: 32px; } .cta-section.v2 { padding-bottom: 0; } .cta-image { margin-top: -15%; } .blog-card-v1 { grid-template-columns: 1fr; } .blog-card-v1.featured-section { height: auto; } .blog-v1-content { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--medium); } .blog-v1-content.featured-section { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .icon-button { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; } .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-top: var(--_spacers---main-spacers--extra-small); padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .footer-logo-wrapper { min-width: 80px; min-height: 80px; } .footer-middle-content.v2 { grid-template-columns: 1fr 1fr; } .footer-pages-grid.v2 { grid-template-columns: 1fr; } .footer-contact-link { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .icon-40px---dark-mode { min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; } .hero-v2-image { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .hero-v2-content-wrapper { width: 70%; max-width: 360px; } .logo-strip-marquee { padding-right: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .logo-strip-item { max-width: 100px; } .our-mission-section-top-wrapper { grid-template-columns: 1fr; } .our-mission-section-top { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .our-mission-image-wrapper { overflow: hidden; } .tab-link { padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--3x-extra-small); } .tab-pane { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: auto; justify-items: center; max-width: none; } .tab-pane-image { max-width: 160px; } .tab-pane-content { width: 100%; max-width: none; } .tab-pane-wrapper { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--extra-small); } .cta-v2-image { margin-top: var(--_spacers---main-spacers--large); width: auto; max-width: none; position: static; } .featured-blog-grid-v2 { grid-template-columns: 1.25fr; } .secondary-blog-grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .secondary-blog { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); height: 100%; } .newsletter-item-content { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .about-v2-left-content-wrapper { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .about-v2-item { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .principles-tabs-wrapper { grid-row-gap: var(--_spacers---main-spacers--medium); grid-template-columns: 1fr; } .principles-tab-link { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); } .principles-tab-image { justify-content: center; align-items: center; max-height: 340px; display: flex; overflow: hidden; } .buttons-row-wrapper-v2 { margin-top: var(--_spacers---main-spacers--extra-small); } .testimonial-tab-link { padding: var(--_spacers---main-spacers--extra-small); } .testimonial-tab-logo { max-width: 100px; } .testimonial-tab-pane-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--extra-small); grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); } .blog-grid-v3 { grid-template-columns: 1fr; } .about-hero-stats-wrapper { text-align: center; grid-template-columns: 1fr 1fr; justify-items: center; } .stat-wrapper, .stat-wrapper._3-digits { min-width: 120px; } .stat-wrapper.center-mbl { justify-content: center; align-items: flex-end; } .stat-arrow-wrapper { margin-bottom: var(--_spacers---main-spacers--4x-extra-small); } .container-large { margin-top: var(--_spacers---main-spacers--small); } .value-item { padding: var(--_spacers---main-spacers--extra-small); } .team-member-item { grid-column-gap: var(--_spacers---main-spacers--extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); } .team-member-item-content { padding-top: var(--_spacers---main-spacers--extra-small); padding-bottom: var(--_spacers---main-spacers--large); } .box-grid { grid-template-columns: 1fr 2.25fr; } .box-heading-wrapper, .career-item { padding: var(--_spacers---main-spacers--extra-small); } .social-media-grid { grid-template-columns: 1fr 1fr; } .social-media-link { padding-top: var(--_spacers---main-spacers--regular); padding-bottom: var(--_spacers---main-spacers--regular); } .cta-v4-content-wrapper { padding-bottom: var(--_spacers---main-spacers--large); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .cta-v4-content-top, .cta-v4-content-bottom { padding-right: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--extra-small); } .blog-v1-grid { grid-row-gap: var(--_spacers---main-spacers--small); grid-template-columns: 1fr; } .pagination-border { background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 25%, var(--core--colors--neutral--400) 75%, transparent); } .blog-card-v2 { grid-template-columns: 1fr; } .blog-card-v2-content { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--3x-extra-large); } .blog-card-v2-bottom { grid-template-columns: 120px 120px auto; } .blog-card-v2-detail { padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--2x-extra-small); min-height: 48px; } .blog-grid-v4 { grid-template-columns: 1fr; } .header-logo-wrapper.v2 { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .hero-v4-grid { grid-template-columns: 1fr; } .hero-v4-left-content { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); max-width: 100%; } .hero-v4-image { max-width: 180px; } .mg-top-5x-extra-large { margin-top: var(--_spacers---main-spacers--2x-extra-large); } .team-member-item-v2-content { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-large); } .team-member-item-v2-wrapper { flex-flow: row; position: absolute; inset: auto 0% 0% auto; } .rich-text-side-gradient { display: none; } ._404-not-found-image { margin-bottom: var(--_spacers---main-spacers--small); } .search-grid { grid-template-columns: 1fr; } .coming-soon-content { padding-top: var(--_spacers---main-spacers--extra-small); padding-left: var(--_spacers---main-spacers--small); width: 75%; } .contact-grid { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: 1fr; } .select-icon-wrapper { width: 32px; } .contact-success-message { min-height: 312px; } .contact-success-icon { margin-bottom: var(--_spacers---main-spacers--3x-extra-small); max-width: 48px; } .contact-cards-grid-v1 { grid-template-columns: 1fr; } .faqs-v1-wrapper { grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); grid-template-columns: 1fr; } .accordion-number { min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; } .accordion-content { margin-top: 8px; } .contact-card-v1-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--regular); grid-row-gap: var(--_spacers---main-spacers--regular); } .contact-card-v2-link { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .contact-v3-hero-content { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .contact-card-v3-content { padding-top: var(--_spacers---main-spacers--small); padding-right: var(--_spacers---main-spacers--extra-small); } .faqs-v3-grid { grid-template-columns: 1fr; } .faqs-v3-column.right { border-top-style: none; } .show-in-mbl { display: block; } .hidden-on-mbl { display: none; } .hero-v5-top-content { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); text-align: center; flex-flow: column; align-items: center; } .hero-v5-grid---left-content { max-width: 100%; } .hero-v5-grid---right-content { flex-flow: column; align-items: center; max-width: 100%; display: flex; } .hero-v5-image-wrapper { margin-top: var(--_spacers---main-spacers--regular); } .testimonial-grid { grid-template-columns: 1fr; } .benefit-card-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--3x-extra-large); } .testimonial-large-text { font-size: var(--_typography---font-size--displays--display-4); } .header-button { min-width: 56px; min-height: 56px; display: none; } .footer-middle-v2-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); } .footer-middle-v2-heading { padding-right: var(--_spacers---main-spacers--small); padding-left: var(--_spacers---main-spacers--small); } .footer-headings-grid { grid-template-columns: 1fr 1fr; } .our-mission-image { margin-left: -20%; margin-right: -20%; } .about-hero-lottie { margin-left: -40%; margin-right: -40%; } .sticky-top.static-mbl { position: static; top: auto; } .max-width-280px-mbl { max-width: 280px; } } @media screen and (max-width: 479px) { body { --_spacers---main-spacers--small: 24px; --_spacers---main-spacers--large: 48px; --_spacers---main-spacers--regular: 32px; --_spacers---main-spacers--extra-small: 20px; --_spacers---main-spacers--2x-extra-small: 16px; --_spacers---main-spacers--4x-extra-small: 8px; --_spacers---main-spacers--2x-extra-large: 64px; --_spacers---main-spacers--medium: 40px; --_spacers---main-spacers--5x-extra-large: 100px; --_spacers---main-spacers--4x-extra-large: 80px; --_spacers---main-spacers--3x-extra-small: 12px; --_spacers---sections--paddings--pd-default: 64px; --_spacers---sections--paddings--pd-2x-extra-small: 32px; --_spacers---sections--paddings--pd-small: 64px; --_spacers---sections--paddings--pd-extra-small: 48px; --_spacers---sizing--container--default: 1186px; --_spacers---container-default--padding--default: var(--_spacers---main-spacers--2x-extra-small); --_spacers---main-spacers--5x-extra-small: 4px; --_spacers---main-spacers--extra-large: 56px; --_spacers---main-spacers--3x-extra-large: 72px; --_spacers---border-radius--br-none: 0px; --_typography---font--family--primary-font: "Inter Tight", sans-serif; --_typography---font-size--paragraphs--default: .875rem; --_typography---line-height--large: 1.5em; --_typography---letter-spacing--regular: -.03em; --_typography---font-size--displays--display-9: 2rem; --_typography---line-height--small: 1.15em; --_typography---font-size--displays--display-7: 1.5rem; --_typography---line-height--regular: 1.25em; --_typography---font-size--displays--display-6: 1.375rem; --_typography---font-size--displays--display-5: 1.25rem; --_typography---font-size--displays--display-3: 1rem; --_typography---font-size--displays--display-2: .875rem; --_typography---font-size--paragraphs--large: 1rem; --_typography---font-size--displays--display-1: .75rem; --_typography---font-size--paragraphs--small: .75rem; --_typography---font-size--displays--display-8: 1.75rem; --_typography---font-size--displays--display-4: 1.125rem; --_typography---font-size--displays--display-10: 2.25rem; --_typography---font-size--base-font: 1rem; --_typography---letter-spacing--none: 0px; --_typography---letter-spacing--small: -.01em; --_typography---letter-spacing--large: -.05em; } ul, ol { padding-left: 24px; } blockquote { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .utp---nav-menu-wrapper { padding-left: 18px; padding-right: 18px; } .utp---buttons-top { display: none; } .input.search-button-inside { height: 52px; padding-right: 12px; } .input.enter-now-button-inside { border-style: solid; height: 52px; padding-right: 12px; } .utp---grid-components { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-rows: auto; } .display-9 { font-size: 38px; } .grid-4-columns { grid-template-columns: 1fr; } .sidebar---navbar { padding-left: 18px; padding-right: 18px; } .inner-container._240px._100-mbp { max-width: 100%; } .logo-link { grid-column-gap: 4px; grid-row-gap: 4px; font-size: 20px; } .card.utp---icon-font { padding: 39px 23px; } .card.template-pages---text-card { padding-left: 24px; padding-right: 24px; padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .card.accordion-card-v1 { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); grid-template-columns: 32px 1fr 16px; } .card.team-member-card-center { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .card.password-protected-card { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); } .card.search-results-link-card { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .card.principles-card { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .card.team-member-item-v2, .card.contact-card-v2 { grid-template-columns: 1fr; } .card.accordion-card-v2 { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .card.contact-card-v3 { grid-template-columns: 1fr; } .card.accordin-card-v3, .card.perks-card { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .card.testimonial-card { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .card.testimonial-card.large { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--extra-small); } .card.testimonial-stats { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); flex-flow: wrap; justify-content: flex-start; align-items: center; } .grid-2-columns.changelog-item { grid-template-columns: 1fr; } .grid-2-columns.contact-form-grid { grid-template-columns: 1fr; min-height: 455px; } .paragraph-large { font-size: 18px; } .utp---components-wrapper { grid-template-columns: 1fr; } .display-8 { font-size: 34px; } .typography-badge-wrapper { flex-wrap: wrap; } .utp---buttons-sidebar { display: none; } .display-7 { font-size: 30px; } .mg-top-small { margin-top: var(--_spacers---main-spacers--2x-extra-small); } .grid-1-column.gap-row-300px { grid-row-gap: 200px; } .utp---color-block { border-radius: 12px; height: 100px; } .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { min-width: 80px; max-width: 80px; min-height: 80px; max-height: 80px; } .utp---card-color { border-radius: 16px; } .section.pd-80px { padding-top: 64px; padding-bottom: 64px; } .section.sales-home-hero { padding-top: 100px; } .section.small { padding-top: var(--sections--paddings--pd-default\); padding-bottom: var(--sections--paddings--pd-default\); } .section.hero-v1 { padding-top: var(--_spacers---main-spacers--regular); } .section.coming-soon-page { padding-top: var(--_spacers---main-spacers--regular); padding-bottom: var(--_spacers---main-spacers--large); position: relative; } .buttons-row { grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); } .flex.align-top.gap-24px.vertical-mbp { flex-flow: column; } .notification-bar-close-icon { justify-content: center; align-items: flex-start; padding-top: 20px; padding-bottom: 20px; } .nav-menu { padding-left: 16px; padding-right: 16px; } .footer-middle { grid-row-gap: 56px; } .footer-middle.v2 { flex-flow: column; justify-content: flex-end; align-items: stretch; } .footer-middle.v2.show-mobile-portrait { display: block; } .button-inside-input-wrapper { margin-top: var(--_spacers---main-spacers--3x-extra-small); border-left-style: none; position: static; top: auto; bottom: auto; right: auto; } .button-inside-input-wrapper.dark-mode.left-mbp, .button-inside-input-wrapper.left-mbp { justify-content: flex-start; align-items: center; } .footer-link { padding-left: 0; padding-right: 0; } .footer-link.last---left-column { border-bottom-style: solid; } .footer-bottom { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .hidden-on-mobile-portrait { display: none; } .top-section { padding-top: 48px; } .utp---component-badge.dark-mode { font-size: 14px; } .rich-text ul, .rich-text ol { padding-left: var(--_spacers---main-spacers--small); grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); } .integration-circle-icon { min-width: 64px; max-width: 64px; min-height: 64px; max-height: 64px; } .snippet-wrapper { border-radius: 0 16px 16px; } .sales-home---hero-link-wrapper { max-width: 150px; } .card-pages-included---bottom-content { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .text-and-image-card---text-container { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .card-page---bottom-content, .sales-home---cta-card-text-container { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .logo-icon { width: 32px; } .logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { width: 40px; } .logo-icon._32px { width: 28px; max-width: 28px; } .button-icon-wrapper.footer { right: 24px; } .button-content { padding-right: var(--_spacers---main-spacers--3x-extra-small); padding-left: var(--_spacers---main-spacers--3x-extra-small); } .button-content.footer { padding-left: 24px; padding-right: 48px; } .form-block._365px { max-width: 100%; } .form-button.inside-input { min-height: 48px; } .form-button.inside-input.dark-mode-mbp { background-color: var(--core--colors--neutral--100); color: var(--font--colors--title); } .form-button.inside-input.dark-mode-mbp:hover { background-color: var(--core--colors--neutral--500); } .success-message-inside-input.dark-mode { flex-flow: column; min-height: 108px; } .main-pages-grid { grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); grid-template-columns: 1fr 1fr; } .hero-v1-grid { grid-row-gap: var(--_spacers---main-spacers--medium); } .about-section-wrapper { padding-top: var(--_spacers---main-spacers--large); } .about-text { font-size: var(--_typography---font-size--displays--display-3); } .mg-top-regular { margin-top: var(--_spacers---main-spacers--extra-small); } .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { width: 24px; } .corner-gradient-vertical { height: 32px; } .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { height: 24px; } .cta-image { width: 120%; margin-left: -20%; } .blog-v1-content { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-bottom: var(--_spacers---main-spacers--regular); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .blog-v1-content.featured-section { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .icon-button { min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; } .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { padding-top: var(--_spacers---main-spacers--2x-extra-small); padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .footer-middle-content.v2 { grid-template-columns: 1fr; } .footer-pages-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; } .footer-links-wrapper { grid-template-columns: 1fr; } .footer-contact-link { padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-small); flex-flow: row; } .footer-contact-link-icon-wrapper { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; } .hero-v2-image { width: auto; margin-left: -40%; margin-right: -40%; padding-left: 0; padding-right: 0; } .hero-v2-content-wrapper { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); width: auto; } .logo-strip-marquee { padding-right: var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); } .logo-strip-item { max-width: 80px; } .our-mission-section-top { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .tab-link { grid-column-gap: 3px; grid-row-gap: 3px; font-size: var(--_typography---font-size--paragraphs--small); } .tab-pane-image { max-width: 120px; } .tab-pane-wrapper { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .cta-v2-image { left: 40%; } .secondary-blog-grid { grid-template-columns: 1fr; display: block; } .secondary-blog { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .newsletter-item { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .newsletter-item-content { padding: 0; } .hero-v3-content { max-width: none; } .hero-v3-image { margin-top: -15%; } .about-v2-left-content-wrapper { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .about-v2-right-content-wrapper { display: flex; } .about-v2-item { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); flex-flow: row; justify-content: flex-start; align-items: center; } .principles-tab-link.first.w--current, .principles-tab-link.last { min-height: 0; } .tab-link-content { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .principles-tab-image { max-height: 220px; } .buttons-row-wrapper-v2 { justify-content: center; align-items: center; display: flex; } .testimonial-tabs-menu { grid-template-columns: 1fr; } .testimonial-tab-link { padding: var(--_spacers---main-spacers--2x-extra-small); } .testimonial-tab-pane-content { padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); } .testimonial-tab-pane-bottom-content { flex-flow: column; justify-content: space-between; align-items: flex-start; } .testimonial-tab-stats { justify-content: flex-start; align-items: flex-start; } .about-hero-stats-wrapper { grid-row-gap: var(--_spacers---main-spacers--extra-small); } .stat-wrapper, .stat-wrapper._3-digits { min-width: 110px; } .stat-arrow-wrapper { margin-bottom: var(--_spacers---main-spacers--5x-extra-small); min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; } .stat-arrow { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .values-grid { grid-template-columns: 1fr; } .team-member-item { padding: var(--_spacers---main-spacers--2x-extra-small); grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); grid-template-columns: 1fr; } .avatar-link { max-width: 100px; } .team-member-item-content { padding-top: 0; } .box-grid { grid-template-columns: 1fr; } .box-heading-wrapper, .career-item { padding: var(--_spacers---main-spacers--2x-extra-small); } .social-media-link { padding-top: var(--_spacers---main-spacers--small); padding-bottom: var(--_spacers---main-spacers--small); font-size: var(--_typography---font-size--displays--display-2); } .category-list, .category-list.vertical { flex-flow: column; } .category-list.center { align-items: stretch; } .pagination-button-wrapper { max-width: none; } .pagination-border { background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 0%, var(--core--colors--neutral--400) 100%, transparent); } .category-list-wrapper { width: 100%; } .blog-card-v2-detail { min-height: 40px; } .hero-v4-image { max-width: 160px; } .mg-top-5x-extra-large { margin-top: var(--_spacers---main-spacers--large); } .team-member-item-v2-content { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); border-top: 1px solid var(--core--colors--neutral--400); border-left-style: none; } .password-protected-card-content { padding: 0px 0px var(--_spacers---main-spacers--extra-small); } ._404-not-found-image { margin-bottom: var(--_spacers---main-spacers--2x-extra-small); width: 90%; } .coming-soon-bg { width: 825px; position: absolute; inset: 50% 0% auto; transform: translate(0, -50%); } .coming-soon-content { padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); width: auto; max-width: none; margin-left: -16px; margin-right: -16px; position: relative; } .contact-grid { grid-column-gap: var(--_spacers---main-spacers--small); grid-row-gap: var(--_spacers---main-spacers--small); } .contact-success-message { min-height: 455px; } .contact-success-icon { max-width: 40px; } .contact-v1-link { grid-template-columns: 80px 1fr; } .contact-icon.small { min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; } .contact-v1-link-content { padding-right: var(--_spacers---main-spacers--large); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .accordion-number { font-size: var(--_typography---font-size--paragraphs--small); min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; } .accordion-title { font-size: var(--_typography---font-size--displays--display-3); } .accordion-content { margin-top: 4px; } .contact-card-v1-image { max-width: 120px; } .contact-card-v2-content { padding-top: var(--_spacers---main-spacers--small); padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .contact-card-v2-image { margin-top: var(--_spacers---main-spacers--regular); max-width: 120px; margin-bottom: 0; } .contact-v2-link { padding: var(--_spacers---main-spacers--2x-extra-small); grid-template-columns: 48px 1fr; } .contact-v3-hero-content { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .contact-card-v3-image { max-width: 120px; margin-bottom: 0; } .contact-card-v3-content { padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .hero-v5-image-wrapper { width: 120%; margin-left: -10%; } .perks-grid { grid-template-columns: 1fr; } .benefit-card-content { padding-top: var(--_spacers---main-spacers--small); padding-right: var(--_spacers---main-spacers--2x-extra-small); padding-left: var(--_spacers---main-spacers--2x-extra-small); } .testimonial-large-text { font-size: var(--_typography---font-size--displays--display-3); } .footer-middle-v2-heading { border-top: 1px solid var(--core--colors--neutral--700); margin-top: -1px; } .footer-headings-grid { grid-template-columns: 1fr; } .coming-soon-content-wrapper { position: static; } .our-mission-image { margin-left: -24%; margin-right: -24%; } .width-67.width-50-mbp { width: 50%; } .max-width-280px-mbl { max-width: 220px; } .more-templates-p { font-size: 12px; } .brix-badges-wrapper { width: 310px; height: 100px; right: 22px; } .more-templates-lottie { width: 40px; top: -16px; right: -15px; } .more-templates-badge-wrapper { grid-column-gap: 6px; grid-row-gap: 6px; max-width: 310px; padding: 8px 18px 8px 15px; } .more-templates-badge-wrapper:hover { transform: scale(.9)translate(0, 20px); } .more-templates-logo { width: 60px; } } #w-node-_62eea015-8f8a-70a4-b90b-a3f10cb86afd-60eb3aef, #w-node-_20a81cf9-ba96-61a4-29ca-ed8a89b7d182-60eb3aef, #w-node-_0581c893-88bd-08f0-58a8-f9c0f6ecd967-60eb3aef { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4492151b-15ed-ce5b-a91c-78c6bda3465f-60eb3aef { grid-area: 5 / 2 / 6 / 3; } #w-node-_5e18733c-baad-7b15-83ad-6065c2eb1607-60eb3aef, #w-node-_4370ead6-da6f-3b26-84b7-1dc1acb46676-60eb3aef, #w-node-b26c5072-e4d4-95ad-60bc-7dca9e0975ac-60eb3aef, #w-node-e40a95f8-9acf-45c9-7ec2-744a48aed3f4-60eb3aef, #w-node-_1e77575b-be5c-e17e-fca3-65b435534b38-60eb3aef, #w-node-_8817705c-d373-3855-028a-0e23851e9e63-60eb3aef, #w-node-_36de8697-5d0c-9928-1e9a-2011e3573280-60eb3aef, #w-node-_99805214-dd54-e7f3-2549-05c0df1040fb-df1040fb, #w-node-_83c75c2f-9f22-4125-8dc1-2c204e7d3592-4e7d3592, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f24a2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f256e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25f5-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25fe-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2607-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2610-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2619-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2622-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f262b-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2634-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f26bf-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c1-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c2-60eb3b57 { grid-area: 2 / 1 / 3 / 2; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28d9-60eb3b57 { grid-area: 1 / 2 / 2 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28fa-60eb3b57 { grid-area: 2 / 2 / 3 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2942-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2943-60eb3b57 { grid-area: 2 / 1 / 3 / 2; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f295a-60eb3b57 { grid-area: 1 / 2 / 2 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f297b-60eb3b57 { grid-area: 2 / 2 / 3 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2ce9-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2d71-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f351e-60eb3b57 { grid-area: 2 / 1 / 3 / 2; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57 { grid-area: 1 / 2 / 2 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { grid-area: 2 / 2 / 3 / 3; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3590-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3663-60eb3b57, #w-node-a6ee9831-da2d-445a-8c55-44da70d28bd5-70d28bd4, #w-node-d3c4f7f9-340b-474d-b22a-0bdd71eb379f-71eb379f, #w-node-_0574c8d4-6e5e-46fe-c3b8-8f022e033415-2e033415, #w-node-f7b63a92-ad70-a2af-3c73-845ac2604304-c2604304, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc7825f-60eb3b6f, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc78270-60eb3b6f, #w-node-_4db8ccc5-2481-b07a-4816-c6b32e5a420b-60eb3b88, #w-node-_4db8ccc5-2481-b07a-4816-c6b32e5a4219-60eb3b88, #w-node-a69acd5e-b755-420f-4d8f-37f91ace9296-60eb3b9b, #w-node-a69acd5e-b755-420f-4d8f-37f91ace9298-60eb3b9b, #w-node-a69acd5e-b755-420f-4d8f-37f91ace929a-60eb3b9b, #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f0e-a2e93eed { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_723f86bb-d983-eb55-e8c3-e6cb7ecb5db1-60eb3ba1 { justify-self: stretch; } #w-node-_723f86bb-d983-eb55-e8c3-e6cb7ecb5db4-60eb3ba1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fc6009ca-e415-450d-3155-8a1ff3276911-60eb3ba2, #w-node-_79995b3d-2836-7cd1-f699-17dd95b048d9-60eb3ba2 { grid-area: 1 / 1 / 2 / 2; } #w-node-_77c06870-1d0c-5ed5-aea2-38d8dab4dc54-60eb3ba7 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-dd9aab58-91d3-0038-21a4-f651fa170e1d-60eb3ba7, #Message.w-node-_38e83f26-3c26-10e9-9df5-ed7a2db210f5-60eb3ba7 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_928b88f9-c95e-4acd-18da-3a17e331308c-60eb3ba7 { justify-self: start; } #w-node-a2c7d873-a197-1a9e-135d-10f912dd9a40-60eb3ba7 { align-self: end; } #w-node-_667079781dd35901af643e92000000000014-60eb3bd6 { align-self: stretch; } #w-node-_5f87bd53-0b08-be21-c137-9ccc100910ea-60eb3c41 { place-self: start end; } #w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-afafb9d5-2ccb-6032-d7c2-bc58c5ac4271-60eb3c88 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-be1ae1d0-01fe-64d7-4802-25adda8931fe-b2d4efd6 { justify-self: center; } #w-node-d0148d4f-dabd-1543-83c4-443a59a5b4e4-b2d4efd6 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac307-b2d4efd6, #Message.w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30c-b2d4efd6 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30d-b2d4efd6 { justify-self: start; } #w-node-_4e9d29e6-201e-7b99-6738-03c348d02851-b2d4efd6 { align-self: end; } #w-node-_33609558-68bb-7ffd-ee8b-835f52bb7256-9f73abcd { grid-area: 2 / 1 / 3 / 2; } #w-node-fe5ceb8d-c6a7-d0ba-49f9-76410718115f-9f73abcd, #Message.w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181164-9f73abcd { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181165-9f73abcd { justify-self: start; } #w-node-_7dcd0b66-b791-7980-292e-460b678d36ab-9f73abcd { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_8e65f929-78a9-dc2c-14e1-c1742470eb3c-9f73abcd, #w-node-_4fdac7f6-414c-fcbc-057d-52887cd21759-9f73abcd { justify-self: center; } #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc7825f-d6b68511, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc78270-d6b68511 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (min-width: 1440px) { #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f24a2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f256e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25f5-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25fe-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2607-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2610-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f35a1-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f35ff-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3674-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f36a2-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 991px) { #w-node-_4492151b-15ed-ce5b-a91c-78c6bda3465f-60eb3aef { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f3a-a2e93eed { order: 9999; } #w-node-_41a91689-6018-d2db-07e1-04f05f8da481-60eb3ba2 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88 { grid-area: span 1 / span 2 / span 1 / span 2; } } @media screen and (max-width: 767px) { #w-node-_4370ead6-da6f-3b26-84b7-1dc1acb4666c-60eb3aef, #w-node-e40a95f8-9acf-45c9-7ec2-744a48aed3f6-60eb3aef { order: -9999; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f5f-a2e93eed { order: 9999; } #w-node-_5f87bd53-0b08-be21-c137-9ccc100910ea-60eb3c41 { order: -9999; justify-self: auto; } #w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88, #w-node-afafb9d5-2ccb-6032-d7c2-bc58c5ac4271-60eb3c88 { grid-column: span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_43c3368e-c2ef-a036-f924-734c9ac7a8f9-f0e89308 { order: 9999; } #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28d9-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28fa-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2943-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f295a-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f297b-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f351e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_6525eb25-9c3d-4584-5bc8-2263323285b2-32328577 { order: 9999; } #w-node-dd9aab58-91d3-0038-21a4-f651fa170e1d-60eb3ba7, #Message.w-node-_38e83f26-3c26-10e9-9df5-ed7a2db210f5-60eb3ba7, #w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac307-b2d4efd6, #Message.w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30c-b2d4efd6, #w-node-fe5ceb8d-c6a7-d0ba-49f9-76410718115f-9f73abcd, #Message.w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181164-9f73abcd { grid-column: span 1 / span 1; } } html.w-mod-js:not(.w-mod-ix3) :is(.about-text, .cta-section .subtitle, .cta-section .text-titles-dm, .cta-section .text-paragraph-dm, .cta-section .buttons-row, .cta-section .buttons-row-v2) {visibility: hidden !important;} .more-templates-badge-wrapper { transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .more-templates-badge-wrapper.active { opacity: 1; transform: translateY(0) scale(1); z-index: 9991; } .more-templates-badge-wrapper.next { opacity: 0.4; transform: translateY(11px) scale(0.9); z-index: 9990; } .more-templates-badge-wrapper.active:hover { transform: translateY(-3px) scale(1.02) translateX(-3px) rotate(1deg); }